@zaip-ai/cli 1.0.7 → 1.0.8

package/templates/.agents/dashboard/apps/frontend/src/DashboardAlternateContent.tsx

@@ -0,0 +1,159 @@
+import type { CostMonitorProjection } from "@zaip-ai/dashboard-cost-monitor/contracts";
+import {
+  type CostCurrency,
+  type CostLocale,
+  CostMonitorPage,
+  type LoadCompactCostPage,
+  type LoadCostMonitorDetail,
+  type LoadCostRunPage,
+} from "@zaip-ai/dashboard-cost-monitor/react";
+import type { OperationsProjection } from "@zaip-ai/dashboard-operations/contracts";
+import type { DashboardGlobalFilters } from "@zaip-ai/dashboard-operations/react";
+import type { TaskTrace } from "@zaip-ai/dashboard-traceability/contracts";
+import { lazy, Suspense } from "react";
+import { LoadFailedPanel, type LoadingArea, LoadingPanel } from "./AppLoadingPanels.js";
+import type { DashboardView } from "./DashboardCapabilityNav.js";
+
+const TraceabilityWorkspace = lazy(async () => ({
+  default: (await import("./TraceabilityWorkspace.js")).TraceabilityWorkspace,
+}));
+
+type DashboardAlternateContentProps = {
+  costs: CostMonitorProjection | null;
+  costLocale: CostLocale;
+  currency: CostCurrency;
+  dashboardView: DashboardView | null;
+  failedArea: LoadingArea | null;
+  lastUpdatedAt: string | null;
+  loadCostDetail: LoadCostMonitorDetail;
+  loadCostReadModelPage: LoadCompactCostPage;
+  loadCostRunPage: LoadCostRunPage;
+  loadCostGroupPage: import("./use-app-cost-loaders.js").LoadCostGroupPage;
+  loadingArea: LoadingArea | null;
+  onActiveDataChange: (data: CostMonitorProjection | null) => void;
+  onCurrencyChange: (currency: CostCurrency) => void;
+  onLoadingChange: (loading: boolean) => void;
+  onLocaleChange: (locale: CostLocale) => void;
+  onOpenTrace: (taskId: string) => void;
+  onRefresh: () => void;
+  onRetry: () => void;
+  onSelectTraceTask: (taskId: string) => void;
+  onOpenTraceChange: (changeId: string) => void;
+  onOpenTraceMacro: (label: "PRD" | "SPEC", id: string) => void;
+  operations: OperationsProjection;
+  selectedTraceTaskId: string;
+  trace: TaskTrace | null;
+  traceLoadingTaskId: string | null;
+  traceTasks: OperationsProjection["tasks"];
+};
+
+export function renderDashboardAlternateContent({
+  costs,
+  costLocale,
+  currency,
+  dashboardView,
+  failedArea,
+  lastUpdatedAt,
+  loadCostDetail,
+  loadCostReadModelPage,
+  loadCostRunPage,
+  loadCostGroupPage,
+  loadingArea,
+  onActiveDataChange,
+  onCurrencyChange,
+  onLoadingChange,
+  onLocaleChange,
+  onOpenTrace,
+  onRefresh,
+  onRetry,
+  onSelectTraceTask,
+  onOpenTraceChange,
+  onOpenTraceMacro,
+  operations,
+  selectedTraceTaskId,
+  trace,
+  traceLoadingTaskId,
+  traceTasks,
+}: DashboardAlternateContentProps) {
+  if (dashboardView === "cost-monitor") {
+    if (costs === null) {
+      return () =>
+        failedArea === "costs" ? (
+          <LoadFailedPanel locale={costLocale} onRetry={onRetry} />
+        ) : (
+          <LoadingPanel area="costs" locale={costLocale} />
+        );
+    }
+    return (globalFilters: DashboardGlobalFilters) => (
+      <Suspense fallback={<LoadingPanel area="costs" locale={costLocale} />}>
+        <CostMonitorPage
+          currency={currency}
+          data={costs}
+          embedded
+          globalFilters={globalFilters}
+          lastUpdatedAt={lastUpdatedAt}
+          locale={costLocale}
+          loading={loadingArea === "costs"}
+          loadDetail={loadCostDetail}
+          loadReadModelPage={loadCostReadModelPage}
+          loadRunPage={loadCostRunPage}
+          loadGroupPage={loadCostGroupPage}
+          onActiveDataChange={onActiveDataChange}
+          onCurrencyChange={onCurrencyChange}
+          onLoadingChange={onLoadingChange}
+          onLocaleChange={onLocaleChange}
+          onOpenTrace={onOpenTrace}
+          onRefresh={onRefresh}
+          operations={operations}
+        />
+      </Suspense>
+    );
+  }
+  if (dashboardView === "traceability") {
+    return () => (
+      <Suspense fallback={<LoadingPanel area="operations" locale={costLocale} />}>
+      <TraceabilityWorkspace
+        loadingTaskId={traceLoadingTaskId}
+        locale={costLocale}
+        onOpenChange={onOpenTraceChange}
+        onOpenPrd={(prdId) => onOpenTraceMacro("PRD", prdId)}
+        onOpenSpec={(specId) => onOpenTraceMacro("SPEC", specId)}
+        onSelectTask={onSelectTraceTask}
+        selectedTaskId={selectedTraceTaskId}
+        tasks={traceTasks.length > 0 ? traceTasks : operations.tasks}
+        trace={trace}
+      />
+      </Suspense>
+    );
+  }
+  return dashboardView === null ? <span aria-hidden="true" hidden /> : undefined;
+}
+
+export function AppWarning({
+  costLocale,
+  error,
+  failedArea,
+  onDismiss,
+  onRetry,
+}: {
+  costLocale: CostLocale;
+  error: string | null;
+  failedArea: LoadingArea | null;
+  onDismiss: () => void;
+  onRetry: () => void;
+}) {
+  if (!error) return null;
+  return (
+    <div aria-live="assertive" className="app-warning" role="alert">
+      <span>{error}</span>
+      {failedArea ? (
+        <button onClick={onRetry} type="button">
+          {costLocale === "pt-BR" ? "Tentar novamente" : "Try again"}
+        </button>
+      ) : null}
+      <button onClick={onDismiss} type="button">
+        ×
+      </button>
+    </div>
+  );
+}

package/templates/.agents/dashboard/apps/frontend/src/DashboardCapabilityNav.tsx

@@ -7,7 +7,7 @@ const copy = {
   "pt-BR": {
     label: "Áreas do dashboard",
     operations: "Operação",
-    operationsHint: "Lifecycle e trabalho em andamento",
+    operationsHint: "Trabalho em andamento e priorização",
     costs: "Monitor de Custos",
     costsHint: "Tempo, tokens e custo",
     traceability: "Rastreabilidade",
@@ -45,18 +45,6 @@ export function DashboardCapabilityNav({
   };
   return (
     <nav aria-label={text.label} className="dashboard-capability-nav">
-      <button
-        aria-current={activeView === "operations" ? "page" : undefined}
-        className={activeView === "operations" ? "is-active" : undefined}
-        onClick={() => changeView("operations")}
-        type="button"
-      >
-        <OperationIcon />
-        <span>
-          <strong>{text.operations}</strong>
-          <small>{text.operationsHint}</small>
-        </span>
-      </button>
       <button
         aria-current={activeView === "cost-monitor" ? "page" : undefined}
         className={activeView === "cost-monitor" ? "is-active" : undefined}
@@ -69,6 +57,18 @@ export function DashboardCapabilityNav({
           <small>{text.costsHint}</small>
         </span>
       </button>
+      <button
+        aria-current={activeView === "operations" ? "page" : undefined}
+        className={activeView === "operations" ? "is-active" : undefined}
+        onClick={() => changeView("operations")}
+        type="button"
+      >
+        <OperationIcon />
+        <span>
+          <strong>{text.operations}</strong>
+          <small>{text.operationsHint}</small>
+        </span>
+      </button>
       <button
         aria-current={activeView === "traceability" ? "page" : undefined}
         className={activeView === "traceability" ? "is-active" : undefined}

package/templates/.agents/dashboard/apps/frontend/src/DashboardGlobalSettings.tsx

@@ -0,0 +1,56 @@
+import type { CostCurrency, CostLocale } from "@zaip-ai/dashboard-cost-monitor/react";
+
+interface DashboardGlobalSettingsProps {
+  currency: CostCurrency;
+  locale: CostLocale;
+  onCurrencyChange: (currency: CostCurrency) => void;
+  onHelpOpen: () => void;
+  onNavigate: (pathname: string) => void;
+  pricingSetupPath: string;
+  projectSetupPath: string;
+  costCalculationGuidePath: string;
+}
+
+export function DashboardGlobalSettings({
+  currency,
+  locale,
+  onCurrencyChange,
+  onHelpOpen,
+  onNavigate,
+  pricingSetupPath,
+  projectSetupPath,
+  costCalculationGuidePath,
+}: DashboardGlobalSettingsProps) {
+  return (
+    <div className="dashboard-global-settings">
+      <label>
+        <span>{locale === "pt-BR" ? "Moeda" : "Currency"}</span>
+        <select
+          aria-label={locale === "pt-BR" ? "Moeda" : "Currency"}
+          onChange={(event) => onCurrencyChange(event.target.value as CostCurrency)}
+          value={currency}
+        >
+          <option value="BRL">BRL · Real brasileiro</option>
+          <option value="USD">USD · US Dollar</option>
+        </select>
+      </label>
+      <button className="dashboard-help-open" onClick={onHelpOpen} type="button">
+        {locale === "pt-BR" ? "Central de Ajuda" : "Open help and guides"}
+      </button>
+      <button
+        className="dashboard-help-open"
+        onClick={() => onNavigate(pricingSetupPath)}
+        type="button"
+      >
+        {locale === "pt-BR" ? "Configurar preços e câmbio" : "Configure pricing and FX"}
+      </button>
+      <button
+        className="dashboard-help-open"
+        onClick={() => onNavigate(projectSetupPath)}
+        type="button"
+      >
+        {locale === "pt-BR" ? "Configurar projeto" : "Configure project"}
+      </button>
+    </div>
+  );
+}