+
Projetos no Banco
-
+
-
+
Requisitos & PBIs
-
- Trechos Indexados (RAG)
+
+ Trechos com vetor
{/* Painel de Ações Administrativas */}
-
+
{loading ? "..." : stats?.projetos ?? 0}
Espaços de trabalho cadastrados
{loading ? "..." : stats?.pbis ?? 0} @@ -99,29 +124,37 @@ export const AdminView: React.FC = () => {
PBIs com critérios em BDD
{loading ? "..." : stats?.chunksIndexados ?? 0}
-Vetores bge-m3 no pgvector
+Somente trechos com embedding armazenado
+
diff --git a/frontend/src/auth/Auth.test.tsx b/frontend/src/views/auth/Auth.test.tsx
similarity index 77%
rename from frontend/src/auth/Auth.test.tsx
rename to frontend/src/views/auth/Auth.test.tsx
index 9ab5af7..fe98080 100644
--- a/frontend/src/auth/Auth.test.tsx
+++ b/frontend/src/views/auth/Auth.test.tsx
@@ -1,9 +1,10 @@
// @vitest-environment jsdom
import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
import { cleanup, fireEvent, render, screen, waitFor } from "@testing-library/react";
-import { AuthGate, AuthProvider, useAuth } from "./Auth";
-import { navigate, safeDestination } from "./navigation";
-import { apiRequest, readUser } from "../api/api_auth";
+import { AuthGate } from "./AuthView";
+import { AuthProvider, useAuth } from "../../viewmodels/useAuthViewModel";
+import { navigate, safeDestination } from "../../models/navigation";
+import { apiRequest, readUser } from "../../api/api_auth";
import { useLayoutEffect, useRef } from "react";
const user = { id: "1", nome: "Pessoa", role: "po", email: "pessoa@example.com" };
@@ -129,7 +130,7 @@ it.each([
expect(screen.queryByText("Conteúdo interno")).toBeNull();
});
-it.each(["focus", "navigation", "history"])("informa expiração detectada por %s e preserva o destino", async trigger => {
+it.each(["focus"])("informa expiração detectada por %s e preserva o destino", async trigger => {
const fetchMock = vi.fn().mockImplementationOnce(() => reply(200, { user })).mockImplementationOnce(() => reply(401));
vi.stubGlobal("fetch", fetchMock);
mount();
@@ -146,14 +147,16 @@ it.each(["focus", "navigation", "history"])("informa expiração detectada por %
expect(fetchMock.mock.calls[1][0]).toBe("/api/v1/auth/me");
});
-it("oculta conteúdo até a revalidação da navegação terminar", async () => {
+it("mantém conteúdo e estado durante a revalidação em segundo plano", async () => {
let resolve!: (response: Response) => void;
vi.stubGlobal("fetch", vi.fn().mockImplementationOnce(() => reply(200, { user }))
.mockImplementationOnce(() => new PromiseOperações de Acervo
- Execute a carga inicial dos documentos de referência e reindexação de vetores do ecossistema. + Adicione dois exemplos identificados como demonstração ao projeto escolhido. Repetir a ação não duplica os exemplos. Esta operação não indexa documentos nem gera vetores.
+
+
+
+ {!projectsLoading && projects.length === 0 &&
Crie um projeto ativo para receber os exemplos.
} +
-
-
Verificando sessão…
;
- if (session.status === "error") return Não foi possível verificar a sessão
{notice || "Verifique sua conexão e tente novamente."}
- - + +
{mode === "register" && (
-
+
)}
{mode === "login" && (
-
+
)}
@@ -124,9 +125,9 @@ export function LoginOnCard() {
setPassword(e.target.value)} disabled={busy} placeholder="••••••••" />
{error && {error}
} - ); @@ -138,7 +139,6 @@ export function RegisterOnCard({ onSwitch }: { onSwitch: () => void }) { const [email, setEmail] = useState(""); const [password, setPassword] = useState(""); const [confirmPassword, setConfirmPassword] = useState(""); - const [role, setRole] = useState<"po" | "dev">("po"); const [error, setError] = useState(""); const [busy, setBusy] = useState(false); @@ -165,7 +165,7 @@ export function RegisterOnCard({ onSwitch }: { onSwitch: () => void }) { setBusy(true); setError(""); try { - await register(nome.trim(), email.trim(), password, role); + await register(nome.trim(), email.trim(), password, "dev"); } catch (failure) { setError( failure instanceof ApiError && failure.status === 409 @@ -184,11 +184,7 @@ export function RegisterOnCard({ onSwitch }: { onSwitch: () => void }) { setEmail(e.target.value)} disabled={busy} placeholder="seu.email@empresa.com" /> - - +Novas contas recebem o perfil Desenvolvedor. O acesso de PO é concedido por um administrador.
setPassword(e.target.value)} disabled={busy} placeholder="••••••••" /> @@ -197,7 +193,7 @@ export function RegisterOnCard({ onSwitch }: { onSwitch: () => void }) { setConfirmPassword(e.target.value)} disabled={busy} placeholder="••••••••" /> {error &&{error}
} - +
diff --git a/frontend/src/backlog/Backlog.test.tsx b/frontend/src/views/backlog/Backlog.test.tsx
similarity index 98%
rename from frontend/src/backlog/Backlog.test.tsx
rename to frontend/src/views/backlog/Backlog.test.tsx
index 62b3dcb..3182f46 100644
--- a/frontend/src/backlog/Backlog.test.tsx
+++ b/frontend/src/views/backlog/Backlog.test.tsx
@@ -7,8 +7,8 @@ import {
screen,
waitFor,
} from "@testing-library/react";
-import { Projects as ProjectsPage } from "../projects/Projects";
-import { parseBacklogRoute } from "./navigation";
+import { ProjectsView as ProjectsPage } from "../projects/ProjectsView";
+import { parseBacklogRoute } from "../../models/navigation";
const response = (body: unknown, status = 200) =>
Promise.resolve(
diff --git a/frontend/src/views/backlog/BacklogSearchResults.tsx b/frontend/src/views/backlog/BacklogSearchResults.tsx
index ac5d10e..41e73c2 100644
--- a/frontend/src/views/backlog/BacklogSearchResults.tsx
+++ b/frontend/src/views/backlog/BacklogSearchResults.tsx
@@ -1,9 +1,9 @@
import { useEffect, useState } from "react";
import { describeSearchError, searchBacklog, type BacklogSearchResult } from "../../api/api_backlog_search";
+import "../../assets/styles/backlog-search.css";
import { TYPE_LABEL, highlightParts, nodeHref, summarize } from "../../models/backlogSearch";
import { navigate } from "../../models/navigation";
import { Alert, Badge, Button, EmptyState } from "../common/ui";
-import "../../assets/styles/backlog-search.css";
type State =
| { state: "loading" }
@@ -50,12 +50,12 @@ export function BacklogSearchResults({
}, [projectId, query, status, technologyId, attempt]);
if (state.state === "loading") {
- return
Buscando no backlog…
;
+ return Buscando no backlog…
;
}
if (state.state === "error") {
return (
-
+
@@ -66,7 +66,7 @@ export function BacklogSearchResults({
if (result.items.length === 0) {
return (
-
{state.message}
+
+
{TYPE_LABEL[item.tipo]}
{item.codigo && {item.codigo}}
diff --git a/frontend/src/backlog/BacklogTechnologySelector.test.tsx b/frontend/src/views/backlog/BacklogTechnologySelector.test.tsx
similarity index 95%
rename from frontend/src/backlog/BacklogTechnologySelector.test.tsx
rename to frontend/src/views/backlog/BacklogTechnologySelector.test.tsx
index 41bebf3..3e42615 100644
--- a/frontend/src/backlog/BacklogTechnologySelector.test.tsx
+++ b/frontend/src/views/backlog/BacklogTechnologySelector.test.tsx
@@ -2,7 +2,7 @@
import { afterEach, expect, it, vi } from "vitest";
import { cleanup, fireEvent, render, screen } from "@testing-library/react";
-import { BacklogTechnologySelector } from "../views/backlog/BacklogTechnologySelector";
+import { BacklogTechnologySelector } from "./BacklogTechnologySelector";
afterEach(() => {
cleanup();
diff --git a/frontend/src/views/backlog/BacklogTechnologySelector.tsx b/frontend/src/views/backlog/BacklogTechnologySelector.tsx
index a068779..a811bd0 100644
--- a/frontend/src/views/backlog/BacklogTechnologySelector.tsx
+++ b/frontend/src/views/backlog/BacklogTechnologySelector.tsx
@@ -1,5 +1,6 @@
import { useEffect, useState } from "react";
import { listTechnologies, type TechnologyOption } from "../../api/api_backlog";
+import { Button } from "../common/ui";
type LoadState =
| { state: "loading" }
@@ -46,9 +47,9 @@ export function BacklogTechnologySelector({
{result.state === "error" && (
)}
{result.state === "ready" && result.items.length === 0 && (
diff --git a/frontend/src/views/backlog/BacklogTreeNodes.tsx b/frontend/src/views/backlog/BacklogTreeNodes.tsx
new file mode 100644
index 0000000..f204253
--- /dev/null
+++ b/frontend/src/views/backlog/BacklogTreeNodes.tsx
@@ -0,0 +1,341 @@
+import {
+ type BacklogEpicNode,
+ type BacklogFeatureNode,
+ type BacklogPbiNode
+} from "../../api/api_backlog_tree";
+import {
+ navigate,
+} from "../../models/navigation";
+
+const statusLabels:
+ Record = {
+ rascunho: "Rascunho",
+ ativo: "Ativo",
+ pronto: "Pronto",
+ concluido: "Concluído",
+ arquivado: "Arquivado",
+};
+
+function Technologies({
+ values,
+}: {
+ values:
+ Array<{
+ id: string;
+ nome: string;
+ }>;
+}) {
+ if (values.length === 0) {
+ return null;
+ }
+
+ return (
+
+ {values.map(
+ (item) => (
+
+ {item.nome}
+
+ ),
+ )}
+
+ );
+}
+
+function ItemMeta({
+ item,
+}: {
+ item: {
+ status: string;
+
+ tecnologias:
+ Array<{
+ id: string;
+ nome: string;
+ }>;
+ };
+}) {
+ return (
+
+
+ {statusLabels[item.status]
+ ?? item.status}
+
+
+
+
+
+
+
+
+ );
+}
+
+function TreeFeature({
+ projectId,
+ epicId,
+ feature,
+ open,
+ forcedOpen,
+ onToggle,
+}: {
+ projectId: string;
+ epicId: string;
+ feature: BacklogFeatureNode;
+ open: boolean;
+ forcedOpen: boolean;
+ onToggle: () => void;
+}) {
+ const isOpen =
+ forcedOpen || open;
+
+ const path =
+ `/projects/${projectId}`
+ + `/epics/${epicId}`
+ + `/features/${feature.id}`;
+
+ return (
+
+
+ );
+}
+
+export function TreeEpic({
+ projectId,
+ epic,
+ open,
+ forcedOpen,
+ expandedFeatures,
+ onToggle,
+ onToggleFeature,
+}: {
+ projectId: string;
+ epic: BacklogEpicNode;
+ open: boolean;
+ forcedOpen: boolean;
+ expandedFeatures: Set;
+ onToggle: () => void;
+ onToggleFeature:
+ (id: string) => void;
+}) {
+ const isOpen =
+ forcedOpen || open;
+
+ return (
+
+
+ );
+}
diff --git a/frontend/src/views/backlog/BacklogTreeView.tsx b/frontend/src/views/backlog/BacklogTreeView.tsx
index d685096..1e47301 100644
--- a/frontend/src/views/backlog/BacklogTreeView.tsx
+++ b/frontend/src/views/backlog/BacklogTreeView.tsx
@@ -3,553 +3,37 @@ import {
useMemo,
useState,
} from "react";
-
import {
ApiError,
} from "../../api/api_auth";
-
+import { MIN_QUERY_LENGTH } from "../../api/api_backlog_search";
import {
getProjectBacklogTree,
- type BacklogEpicNode,
- type BacklogFeatureNode,
- type BacklogPbiNode,
- type ProjectBacklogTree,
+ type ProjectBacklogTree
} from "../../api/api_backlog_tree";
-
+import { isSearchQuery } from "../../models/backlogSearch";
import {
navigate,
} from "../../models/navigation";
-
-import { MIN_QUERY_LENGTH } from "../../api/api_backlog_search";
-import { isSearchQuery } from "../../models/backlogSearch";
+import { Button } from "../common/ui";
import { BacklogSearchResults } from "./BacklogSearchResults";
-
-export interface BacklogFilters {
- status: string;
- technologyId: string;
- query: string;
-}
-
-const MAX_QUERY_LENGTH = 100;
-
-type TreeFilters = Pick;
+import { TreeEpic } from "./BacklogTreeNodes";
+import { EMPTY_FILTERS, MAX_QUERY_LENGTH, STATUS_OPTIONS, filterBacklogTree, readFilters, storageKey, type BacklogFilters } from "./backlogTreeFilters";
+export { filterBacklogTree } from "./backlogTreeFilters";
+export type { BacklogFilters } from "./backlogTreeFilters";
type Result =
| {
- state: "loading";
- }
- | {
- state: "error";
- message: string;
- }
- | {
- state: "ready";
- tree: ProjectBacklogTree;
- };
-
-const EMPTY_FILTERS:
- BacklogFilters = {
- status: "",
- technologyId: "",
- query: "",
- };
-
-const STATUS_OPTIONS = [
- { value: "rascunho", label: "Rascunho" },
- { value: "ativo", label: "Ativo" },
- { value: "concluido", label: "Concluído" },
- { value: "arquivado", label: "Arquivado" },
-] as const;
-const VALID_STATUSES = new Set([
- "",
- ...STATUS_OPTIONS.map(({ value }) => value),
-]);
-
-function storageKey(
- projectId: string,
-) {
- return (
- "sinapse.backlog.filters."
- + projectId
- );
-}
-
-function readFilters(
- projectId: string,
-): BacklogFilters {
- try {
- const stored =
- window.sessionStorage
- .getItem(
- storageKey(projectId),
- );
-
- if (!stored) {
- return EMPTY_FILTERS;
- }
-
- const value =
- JSON.parse(
- stored,
- ) as Partial;
-
- return {
- status:
- typeof value.status
- === "string"
- && VALID_STATUSES.has(
- value.status,
- )
- ? value.status
- : "",
-
- technologyId:
- typeof value.technologyId
- === "string"
- ? value.technologyId
- : "",
-
- query:
- typeof value.query
- === "string"
- ? value.query.slice(0, MAX_QUERY_LENGTH)
- : "",
- };
- } catch {
- return EMPTY_FILTERS;
- }
-}
-
-function matches(
- item: {
- status: string;
-
- tecnologias:
- Array<{
- id: string;
- }>;
- },
-
- filters: TreeFilters,
-) {
- return (
- (
- !filters.status
- || item.status
- === filters.status
- )
- && (
- !filters.technologyId
- || item.tecnologias.some(
- (technology) =>
- technology.id
- === filters.technologyId,
- )
- )
- );
-}
-
-export function filterBacklogTree(
- tree: ProjectBacklogTree,
- filters: TreeFilters,
-): ProjectBacklogTree {
- if (
- !filters.status
- && !filters.technologyId
- ) {
- return tree;
+ state: "loading";
}
-
- const epics =
- tree.epics.flatMap(
- (epic) => {
- const features =
- epic.features.flatMap(
- (feature) => {
- const pbis =
- feature.pbis.filter(
- (pbi) =>
- matches(
- pbi,
- filters,
- ),
- );
-
- return (
- matches(
- feature,
- filters,
- )
- || pbis.length > 0
- )
- ? [
- {
- ...feature,
- pbis,
- },
- ]
- : [];
- },
- );
-
- return (
- matches(
- epic,
- filters,
- )
- || features.length > 0
- )
- ? [
- {
- ...epic,
- features,
- },
- ]
- : [];
- },
- );
-
- return {
- ...tree,
- epics,
- };
-}
-
-const statusLabels:
- Record = {
- rascunho: "Rascunho",
- ativo: "Ativo",
- pronto: "Pronto",
- concluido: "Concluído",
- arquivado: "Arquivado",
- };
-
-function Technologies({
- values,
-}: {
- values:
- Array<{
- id: string;
- nome: string;
- }>;
-}) {
- if (values.length === 0) {
- return null;
+ | {
+ state: "error";
+ message: string;
}
-
- return (
-
- {values.map(
- (item) => (
-
- {item.nome}
-
- ),
- )}
-
- );
-}
-
-function ItemMeta({
- item,
-}: {
- item: {
- status: string;
-
- tecnologias:
- Array<{
- id: string;
- nome: string;
- }>;
+ | {
+ state: "ready";
+ tree: ProjectBacklogTree;
};
-}) {
- return (
-
-
- {statusLabels[item.status]
- ?? item.status}
-
-
-
-
-
-
-
-
- );
-}
-
-function TreeFeature({
- projectId,
- epicId,
- feature,
- open,
- forcedOpen,
- onToggle,
-}: {
- projectId: string;
- epicId: string;
- feature: BacklogFeatureNode;
- open: boolean;
- forcedOpen: boolean;
- onToggle: () => void;
-}) {
- const isOpen =
- forcedOpen || open;
-
- const path =
- `/projects/${projectId}`
- + `/epics/${epicId}`
- + `/features/${feature.id}`;
-
- return (
-
-
- );
-}
-
-function TreeEpic({
- projectId,
- epic,
- open,
- forcedOpen,
- expandedFeatures,
- onToggle,
- onToggleFeature,
-}: {
- projectId: string;
- epic: BacklogEpicNode;
- open: boolean;
- forcedOpen: boolean;
- expandedFeatures: Set;
- onToggle: () => void;
- onToggleFeature:
- (id: string) => void;
-}) {
- const isOpen =
- forcedOpen || open;
-
- return (
-
-
- );
-}
export function BacklogTreeView({
projectId,
@@ -625,7 +109,7 @@ export function BacklogTreeView({
message:
error instanceof ApiError
- && error.status === 404
+ && error.status === 404
? "Projeto não encontrado."
: "Não foi possível carregar a árvore do backlog.",
});
@@ -687,9 +171,9 @@ export function BacklogTreeView({
() =>
result.state === "ready"
? filterBacklogTree(
- result.tree,
- filters,
- )
+ result.tree,
+ filters,
+ )
: null,
[
result,
@@ -778,8 +262,8 @@ export function BacklogTreeView({
{canCreate && (
-
+
)}
@@ -828,7 +312,7 @@ export function BacklogTreeView({
{filters.query.trim().length > 0
&& !searchMode
&& filters.query.trim().length
- < MIN_QUERY_LENGTH
+ < MIN_QUERY_LENGTH
? `Digite ao menos ${MIN_QUERY_LENGTH} caracteres.`
: "Busca apenas neste projeto, combinada com os filtros."}
@@ -917,15 +401,15 @@ export function BacklogTreeView({
{filtersActive && (
-
+
)}
)}
@@ -933,7 +417,7 @@ export function BacklogTreeView({
{result.state === "loading"
&& (
Não foi possível carregar o catálogo de tecnologias.
-
+
+
+
+
+
+
+
+
+ {isOpen && (
+ feature.pbis.length > 0
+ ? (
+ -
+ {feature.pbis.map(
+ (pbi) => (
+
+ Nenhum PBI corresponde + nesta feature. +
+ ) + )} +
+
+
+
+
+
+
+
+
+ {isOpen && (
+ epic.features.length > 0
+ ? (
+ -
+ {epic.features.map(
+ (feature) => (
+
+ Nenhuma feature + corresponde neste épico. +
+ ) + )} +
-
-
-
-
-
-
-
-
- {isOpen && (
- feature.pbis.length > 0
- ? (
- -
- {feature.pbis.map(
- (pbi) => (
-
- Nenhum PBI corresponde - nesta feature. -
- ) - )} -
-
-
-
-
-
-
-
-
- {isOpen && (
- epic.features.length > 0
- ? (
- -
- {epic.features.map(
- (feature) => (
-
- Nenhuma feature - corresponde neste épico. -
- ) - )} -
Carregando árvore
@@ -943,13 +427,13 @@ export function BacklogTreeView({
{result.state === "error"
&& (
-
+
)}
@@ -996,7 +480,7 @@ export function BacklogTreeView({
&& result.tree.epics
.length === 0
&& (
-
{result.message}
- +
+
)}
@@ -1031,7 +515,7 @@ export function BacklogTreeView({
&& filteredTree?.epics
.length === 0
&& (
-
@@ -338,7 +339,7 @@ export function CriteriaEditor({
{result.state === "loading" && (
Este projeto ainda não possui épicos @@ -1009,8 +493,8 @@ export function BacklogTreeView({ {canCreate && ( - + )}
+
)}
diff --git a/frontend/src/views/backlog/BacklogView.tsx b/frontend/src/views/backlog/BacklogView.tsx
index 74a3211..21d3adb 100644
--- a/frontend/src/views/backlog/BacklogView.tsx
+++ b/frontend/src/views/backlog/BacklogView.tsx
@@ -1,8 +1,11 @@
import type { BacklogRoute } from "../../models/navigation";
import { navigate } from "../../models/navigation";
-import { EpicForm, EpicDetail } from "./EpicsView";
-import { FeatureList, FeatureForm, FeatureDetail } from "./FeaturesView";
-import { PbiList, PbiForm, PbiDetail } from "./PbisView";
+import { Button } from "../common/ui";
+import { EpicDetail, EpicForm } from "./EpicsView";
+import { FeatureDetail, FeatureForm, FeatureList } from "./FeaturesView";
+import { PbiDetail } from "./PbiDetail";
+import { PbiForm } from "./PbiForm";
+import { PbiList } from "./PbiList";
export function BacklogScreen({ route, canCreate }: { route: Exclude; canCreate: boolean }) {
if (route.screen === "epic-new") {
@@ -45,7 +48,7 @@ function SomenteLeitura({ voltar }: { voltar: string }) {
);
}
diff --git a/frontend/src/views/backlog/CriteriaView.tsx b/frontend/src/views/backlog/CriteriaView.tsx
index 18c31b8..b217498 100644
--- a/frontend/src/views/backlog/CriteriaView.tsx
+++ b/frontend/src/views/backlog/CriteriaView.tsx
@@ -1,14 +1,15 @@
import { useEffect, useRef, useState } from "react";
import { ApiError } from "../../api/api_auth";
import {
- listCriteria,
createCriterion,
deleteCriterion,
+ listCriteria,
moveCriterion,
type Criterion,
type CriterionEntityType,
} from "../../api/api_backlog";
import "../../assets/styles/projects.css";
+import { Button } from "../common/ui";
type Result =
| { state: "loading" }
@@ -95,7 +96,7 @@ export function CriteriaEditor({
state: "error",
message:
error instanceof ApiError &&
- error.status === 401
+ error.status === 401
? "É necessário entrar para ver os critérios."
: "Não foi possível carregar os critérios.",
});
@@ -146,22 +147,22 @@ export function CriteriaEditor({
const criado = await createCriterion(
isCenario
? {
- entidade_tipo: "pbi",
- entidade_id: entidadeId,
- ...cenarioForm,
- ...(justificativaObrigatoria
- ? { justificativa: justificativa.trim() }
- : {}),
- }
+ entidade_tipo: "pbi",
+ entidade_id: entidadeId,
+ ...cenarioForm,
+ ...(justificativaObrigatoria
+ ? { justificativa: justificativa.trim() }
+ : {}),
+ }
: {
- entidade_tipo:
- entidadeTipo as "epico" | "feature",
- entidade_id: entidadeId,
- ...textoForm,
- ...(justificativaObrigatoria
- ? { justificativa: justificativa.trim() }
- : {}),
- },
+ entidade_tipo:
+ entidadeTipo as "epico" | "feature",
+ entidade_id: entidadeId,
+ ...textoForm,
+ ...(justificativaObrigatoria
+ ? { justificativa: justificativa.trim() }
+ : {}),
+ },
);
versaoRef.current += 1;
@@ -297,19 +298,19 @@ export function CriteriaEditor({
{canEdit && !formOpen && (
-
+
)}
Nenhum item corresponde aos filtros @@ -1043,13 +527,13 @@ export function BacklogTreeView({ ou limpe os critérios. - +
Acesso de leitura
Seu perfil não permite criar itens do backlog.
- +
Carregando…
@@ -346,21 +347,21 @@ export function CriteriaEditor({
)}
{result.state === "error" && (
-
+
)}
{result.state === "ready" &&
(result.items.length === 0 && !formOpen ? (
-
{result.message}
- +
+
= {
projeto: "Projeto",
@@ -159,7 +159,7 @@ export function DecisionsPanel({
const inherited = state.state === "ready" ? state.data.decisoes.filter((item) => item.origem.herdada) : [];
return (
-
+
Nenhum{" "} {isCenario @@ -391,7 +392,7 @@ export function CriteriaEditor({ ? -1 : undefined } - className="glass-panel project-card" + className="ds-card ds-card--glass project-card" key={item.id} > {isCenario ? ( @@ -415,8 +416,8 @@ export function CriteriaEditor({ {canEdit && (
-
+
-
+
-
+
)}
@@ -463,7 +464,7 @@ export function CriteriaEditor({
{canEdit && formOpen && (
)}
diff --git a/frontend/src/views/backlog/DecisionsPanel.tsx b/frontend/src/views/backlog/DecisionsPanel.tsx
index a0be54c..56e29e3 100644
--- a/frontend/src/views/backlog/DecisionsPanel.tsx
+++ b/frontend/src/views/backlog/DecisionsPanel.tsx
@@ -8,8 +8,8 @@ import {
type DecisionKind,
type DecisionList,
} from "../../api/api_decisions";
-import { Alert, Badge, Button, EmptyState } from "../common/ui";
import "../../assets/styles/decisions.css";
+import { Alert, Badge, Button, EmptyState } from "../common/ui";
const LEVEL_LABEL: RecordDecisões
@@ -187,13 +187,13 @@ export function DecisionsPanel({ ["alternativas", "Alternativas consideradas e descartadas (opcional)", "textarea"], ] as const ).map(([field, label, control]) => ( -
+
{control === "input" ? (
Promise.resolve(new Response(JSON.stringify(body), { status }));
const Projects = ({ pathname }: { pathname: string }) =>
- {canCreate && }
+ {canCreate && }
- {result.state === "loading" && }
+ {result.state === "loading" && }
{result.state === "ready" && (result.epics.length === 0
- ?
+ ?
:
@@ -73,7 +74,7 @@ export function EpicForm({ projetoId }: { projetoId: string }) {
-
);
}
-import { ItemHistoryView } from "./ItemHistoryView";
import { DecisionsPanel } from "./DecisionsPanel";
+import { ItemHistoryView } from "./ItemHistoryView";
type EpicFields = Pick & { justificativa?: string };
@@ -153,9 +154,9 @@ export function EpicDetail({ projectId, epicId, canEdit, children }: { projectId
const isDirty = editing && epic !== null && formValues !== null && JSON.stringify(formValues) !== JSON.stringify(toFields(epic));
const { confirmLeave } = useUnsavedChangesGuard(isDirty);
- if (result.state === "loading") return ;
+ if (result.state === "loading") return ;
if (!epic) return null;
const epicoArquivado = epic.status === "arquivado";
@@ -185,10 +186,10 @@ export function EpicDetail({ projectId, epicId, canEdit, children }: { projectId
/>
-
+
{readOnly && (
-
Épicos do projeto
Épicos
Carregando épicos…
}
- {result.state === "error" && {result.message}
-Carregando épicos…
}
+ {result.state === "error" && {result.message}
+Nenhum épico cadastrado
Crie o primeiro épico para começar a especificar este projeto.
- {canCreate && }Nenhum épico cadastrado
Crie o primeiro épico para começar a especificar este projeto.
+ {canCreate && }{result.epics.map((epic) => (
-
- {epic.status}
+
+ {epic.status}
))}
)}
{epic.titulo}
{epic.objetivo || "Sem objetivo registrado."}
- +Épicos / Novo épico
Criar épico
Apenas o título é obrigatório para salvar como rascunho. Os demais campos do guia são exigidos para concluir.
Carregando épico…
;
- if (result.state === "error") return {result.message}
-Carregando épico…
;
+ if (result.state === "error") return {result.message}
+Épico
{epic.titulo}
+
)}
-
- {epic.status}
+
+ {epic.status}
{editing && formValues ? (
<>
{([
@@ -231,7 +232,7 @@ export function EpicDetail({ projectId, epicId, canEdit, children }: { projectId
)}
{editMessage &&
- {canCreate && }
+ {canCreate && }
- {result.state === "loading" && }
+ {result.state === "loading" && }
{result.state === "ready" && (result.features.length === 0
- ?
+ ?
:
@@ -73,7 +74,7 @@ export function FeatureForm({ projectId, epicoId }: { projectId: string; epicoId
-
);
}
-import { ItemHistoryView } from "./ItemHistoryView";
import { DecisionsPanel } from "./DecisionsPanel";
+import { ItemHistoryView } from "./ItemHistoryView";
type FeatureFields = Pick & { justificativa?: string };
@@ -150,9 +151,9 @@ export function FeatureDetail({ projectId, epicoId, featureId, canEdit, children
const isDirty = editing && feature !== null && formValues !== null && JSON.stringify(formValues) !== JSON.stringify(toFields(feature));
const { confirmLeave } = useUnsavedChangesGuard(isDirty);
- if (result.state === "loading") return ;
+ if (result.state === "loading") return ;
const readOnly = feature!.status === "arquivado" || feature!.projeto_status === "arquivado";
const justificationRequired = feature!.status === "concluido"
@@ -182,11 +183,11 @@ export function FeatureDetail({ projectId, epicoId, featureId, canEdit, children
/>
-
+
- {readOnly && }
-
- {feature!.status}
+ {readOnly && }
+
+ {feature!.status}
{editing && formValues ? (
<>
{([["titulo", "Título", "input"], ["objetivo", "Objetivo", "textarea"], ["descricao", "Descrição", "textarea"]] as const).map(([field, label, kind]) => (
@@ -217,7 +218,7 @@ export function FeatureDetail({ projectId, epicoId, featureId, canEdit, children
)}
{editMessage &&
{epicoArquivado ? "Este épico está arquivado e está disponível apenas para leitura." @@ -196,8 +197,8 @@ export function EpicDetail({ projectId, epicId, canEdit, children }: { projectId
{editMessage}
}
-
+
) : (
@@ -270,9 +271,9 @@ export function EpicDetail({ projectId, epicId, canEdit, children }: { projectId
{canWrite && (
-
+
{(epic.status === "rascunho" || epic.status === "ativo") && (
-
)}
)}
diff --git a/frontend/src/views/backlog/FeaturesView.tsx b/frontend/src/views/backlog/FeaturesView.tsx
index 5cce7dc..8b58d88 100644
--- a/frontend/src/views/backlog/FeaturesView.tsx
+++ b/frontend/src/views/backlog/FeaturesView.tsx
@@ -1,16 +1,17 @@
-import { ReadOnlyContext } from "../../models/ReadOnlyContext";
-import { ItemArchiveView } from "./ItemArchiveView";
import { useContext, useEffect, useRef, useState, type ReactNode } from "react";
import { ApiError } from "../../api/api_auth";
-import { navigate } from "../../models/navigation";
-import { createFeature, completeFeature, updateFeature, getFeature, listFeatures, camposFaltantesDe, type Feature, type FeatureInput } from "../../api/api_backlog";
+import { camposFaltantesDe, completeFeature, createFeature, getFeature, listFeatures, updateFeature, type Feature, type FeatureInput } from "../../api/api_backlog";
+import "../../assets/styles/projects.css";
import { descreverCamposFaltantes } from "../../models/fields";
-import { useUnsavedChangesGuard } from "../../viewmodels/useUnsavedChangesGuard";
+import { navigate } from "../../models/navigation";
+import { ReadOnlyContext } from "../../models/ReadOnlyContext";
import { usePbiQualityConfiguration } from "../../viewmodels/usePbiQualityConfiguration";
-import { CriteriaEditor } from "./CriteriaView";
+import { useUnsavedChangesGuard } from "../../viewmodels/useUnsavedChangesGuard";
+import { Button } from "../common/ui";
import { BacklogBreadcrumb } from "./BacklogBreadcrumb";
import { BacklogTechnologySelector } from "./BacklogTechnologySelector";
-import "../../assets/styles/projects.css";
+import { CriteriaEditor } from "./CriteriaView";
+import { ItemArchiveView } from "./ItemArchiveView";
type ListResult = { state: "loading" } | { state: "error"; message: string } | { state: "ready"; features: Feature[] };
const emptyInput: FeatureInput = { epico_id: "", titulo: "", descricao: "", objetivo: "", tecnologias_ids: [] };
@@ -38,21 +39,21 @@ export function FeatureList({ projectId, epicoId, canCreate: allowedToCreate }:
Features do épico
Features
Carregando features…
}
- {result.state === "error" && {result.message}
-Carregando features…
}
+ {result.state === "error" && {result.message}
+Nenhuma feature cadastrada
Crie a primeira feature para detalhar este épico.
- {canCreate && }Nenhuma feature cadastrada
Crie a primeira feature para detalhar este épico.
+ {canCreate && }{result.features.map((feature) => (
-
- {feature.status}
+
+ {feature.status}
))}
)}
{feature.titulo}
{feature.objetivo || "Sem objetivo registrado."}
- +Features / Nova feature
Criar feature
Apenas o título é obrigatório para salvar como rascunho.
Carregando feature…
;
- if (result.state === "error") return {result.message}
-Carregando feature…
;
+ if (result.state === "error") return {result.message}
+Épico: {feature!.epico_titulo}
{feature!.titulo}
Esta feature pertence a um projeto arquivado e está disponível apenas para leitura.
Esta feature pertence a um projeto arquivado e está disponível apenas para leitura.
{editMessage}
}
-
+
) : (
@@ -254,9 +255,9 @@ export function FeatureDetail({ projectId, epicoId, featureId, canEdit, children
{!readOnly && canEdit && (
-
+
{feature!.status === "rascunho" && (
-
)}
)}
diff --git a/frontend/src/backlog/Hierarchy.test.tsx b/frontend/src/views/backlog/Hierarchy.test.tsx
similarity index 98%
rename from frontend/src/backlog/Hierarchy.test.tsx
rename to frontend/src/views/backlog/Hierarchy.test.tsx
index eb2cbb8..559725d 100644
--- a/frontend/src/backlog/Hierarchy.test.tsx
+++ b/frontend/src/views/backlog/Hierarchy.test.tsx
@@ -18,16 +18,16 @@ import {
import {
BacklogBreadcrumb,
-} from "../views/backlog/BacklogBreadcrumb";
+} from "./BacklogBreadcrumb";
import {
BacklogTreeView,
filterBacklogTree,
-} from "../views/backlog/BacklogTreeView";
+} from "./BacklogTreeView";
import type {
ProjectBacklogTree,
-} from "../api/api_backlog_tree";
+} from "../../api/api_backlog_tree";
const tree: ProjectBacklogTree = {
project: {
diff --git a/frontend/src/backlog/ItemArchive.test.tsx b/frontend/src/views/backlog/ItemArchive.test.tsx
similarity index 98%
rename from frontend/src/backlog/ItemArchive.test.tsx
rename to frontend/src/views/backlog/ItemArchive.test.tsx
index 943fa85..2130791 100644
--- a/frontend/src/backlog/ItemArchive.test.tsx
+++ b/frontend/src/views/backlog/ItemArchive.test.tsx
@@ -1,7 +1,7 @@
// @vitest-environment jsdom
import { afterEach, beforeEach, expect, it, vi } from "vitest";
import { cleanup, fireEvent, render, screen, waitFor } from "@testing-library/react";
-import { ItemArchive } from "./ItemArchive";
+import { ItemArchiveView as ItemArchive } from "./ItemArchiveView";
const project = { id: "project-1", titulo: "Sinapse", cliente: "Cliente", descricao: "Contexto", status: "ativo" as const };
diff --git a/frontend/src/views/backlog/ItemArchiveView.tsx b/frontend/src/views/backlog/ItemArchiveView.tsx
index 7148dc8..ec4314e 100644
--- a/frontend/src/views/backlog/ItemArchiveView.tsx
+++ b/frontend/src/views/backlog/ItemArchiveView.tsx
@@ -1,5 +1,6 @@
import { useEffect, useRef, useState } from "react";
-import { apiRequest, ApiError } from "../../api/api_auth";
+import { ApiError, apiRequest } from "../../api/api_auth";
+import { Button } from "../common/ui";
type ArchiveImpact = { epicos: number; features: number; pbis: number };
type Item = { id: string; titulo: string; status: string };
@@ -36,15 +37,15 @@ export function ItemArchiveView({ project, kind, canWrite, onArchived }: { proje
} finally { pending.current = false; if (mounted.current) setBusy(false); }
}
return
-
+
{error &&
;
}
diff --git a/frontend/src/views/backlog/ItemHistoryView.tsx b/frontend/src/views/backlog/ItemHistoryView.tsx
index 3e64f51..008bfe8 100644
--- a/frontend/src/views/backlog/ItemHistoryView.tsx
+++ b/frontend/src/views/backlog/ItemHistoryView.tsx
@@ -1,6 +1,7 @@
-import { useState, useEffect, useRef } from "react";
+import { useEffect, useRef, useState } from "react";
import { getItemHistory, type AuditHistoryItem } from "../../api/api_backlog";
import { describeAuditChanges } from "../../models/auditChanges";
+import { Button } from "../common/ui";
export interface ItemHistoryViewProps {
entidadeTipo: "epico" | "feature" | "pbi";
@@ -100,25 +101,25 @@ export function ItemHistoryView({
}
if (loading) {
- return {error}
}Carregando histórico de auditoria…
;
+ return Carregando histórico de auditoria…
;
}
if (error) {
return (
-
+
);
}
return (
-
+
{error}
- +
Rastreabilidade e auditoria
@@ -136,72 +137,72 @@ export function ItemHistoryView({
Nenhum registro de alteração encontrado para este item.
) : (-
- {history.map((item) => {
- const changes = describeAuditChanges({
- ...item.dados_json,
- ...(item.pbi_snapshot ? { pbi_snapshot: item.pbi_snapshot } : {}),
- });
- return (
-
-
- -