@agent-native/dispatch 0.0.0-beta-20260819155526

package/dist/routes/pages/transactional-email.js

@@ -0,0 +1,143 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useActionQuery } from "@agent-native/core/client/hooks";
+import { useT } from "@agent-native/core/client/i18n";
+import { IconAlertTriangle, IconChevronRight, IconEye, IconInfoCircle, IconList, IconMail, } from "@tabler/icons-react";
+import { useQueries, useQuery } from "@tanstack/react-query";
+import { useMemo, useState } from "react";
+import { Link, useLocation } from "react-router";
+import { aggregateSharedEmails, callAppAction, fetchAppEmailCatalog, } from "../../client/transactional-emails.js";
+import { ActionQueryError } from "../../components/action-query-error.js";
+import { DispatchShell } from "../../components/dispatch-shell.js";
+import { ActivityTable, } from "../../components/transactional-email-activity.js";
+import { OpenRateCell, SendsCell, LastSentCell, } from "../../components/transactional-email-metrics.js";
+import { EmailPreviewPane } from "../../components/transactional-email-preview.js";
+import { Alert, AlertDescription, AlertTitle } from "../../components/ui/alert.js";
+import { Button } from "../../components/ui/button.js";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from "../../components/ui/collapsible.js";
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from "../../components/ui/dialog.js";
+import { Skeleton } from "../../components/ui/skeleton.js";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "../../components/ui/table.js";
+export function meta() {
+    return [{ title: "Transactional email — Dispatch" }];
+}
+const WINDOW_DAYS = 30;
+const ACTIVITY_LIMIT = 50;
+/** Shape of the local `list-transactional-emails` action response. */
+function PreviewDialog({ email, appId, appPath, open, onOpenChange, }) {
+    const t = useT();
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "max-w-3xl", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: email.name }), _jsx(DialogDescription, { children: t("dispatch.transactionalEmail.previewDescription") })] }), _jsx(EmailPreviewPane, { appId: appId, appPath: appPath, id: email.id, name: email.name })] }) }));
+}
+function ActivityDialog({ email, appPath, unavailableReason, open, onOpenChange, }) {
+    const t = useT();
+    const activityQuery = useQuery({
+        queryKey: ["list-email-activity", appPath, email.id, ACTIVITY_LIMIT],
+        queryFn: () => callAppAction(appPath, "list-email-activity", { templateId: email.id, limit: ACTIVITY_LIMIT }, "GET"),
+        enabled: open && !unavailableReason,
+    });
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "max-w-4xl", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: t("dispatch.transactionalEmail.activityTitle", {
+                                name: email.name,
+                            }) }), _jsx(DialogDescription, { children: t("dispatch.transactionalEmail.retentionNote") })] }), _jsx(ActivityTable, { result: unavailableReason
+                        ? { available: false, reason: unavailableReason }
+                        : activityQuery.data, isLoading: activityQuery.isLoading, isError: activityQuery.isError, error: activityQuery.error, onRetry: () => void activityQuery.refetch() })] }) }));
+}
+function EmailRow({ email, appId, appPath, engagement, engagementUnavailable, engagementLoading, }) {
+    const t = useT();
+    const location = useLocation();
+    const [previewOpen, setPreviewOpen] = useState(false);
+    const [activityOpen, setActivityOpen] = useState(false);
+    const detailBase = location.pathname.startsWith("/admin/")
+        ? "/admin/transactional-email"
+        : "/transactional-email";
+    return (_jsxs(TableRow, { children: [_jsxs(TableCell, { className: "align-top", children: [_jsx(Link, { to: `${detailBase}/${appId}/${email.id}`, className: "text-sm font-medium text-foreground hover:underline", children: email.name }), _jsx("div", { className: "font-mono text-xs text-muted-foreground", children: email.id })] }), _jsx(TableCell, { className: "max-w-64 align-top text-xs text-muted-foreground", children: email.trigger }), _jsx(TableCell, { className: "max-w-56 align-top text-xs text-muted-foreground", children: email.recipientLabel }), _jsx(TableCell, { className: "max-w-56 align-top text-xs text-muted-foreground", children: email.senderLabel }), _jsx(TableCell, { className: "align-top text-sm", children: _jsx(SendsCell, { sent: email.sent, failed: email.failed }) }), _jsx(TableCell, { className: "align-top text-sm", children: _jsx(OpenRateCell, { engagement: engagement, unavailableReason: engagementUnavailable, loading: engagementLoading }) }), _jsx(TableCell, { className: "align-top text-xs text-muted-foreground", children: _jsx(LastSentCell, { lastSentAt: email.lastSentAt, sent: email.sent }) }), _jsxs(TableCell, { className: "align-top", children: [_jsxs("div", { className: "flex justify-end gap-2", children: [_jsxs(Button, { variant: "outline", size: "sm", onClick: () => setPreviewOpen(true), children: [_jsx(IconEye, { className: "size-4" }), t("dispatch.transactionalEmail.preview")] }), _jsxs(Button, { variant: "ghost", size: "sm", onClick: () => setActivityOpen(true), children: [_jsx(IconList, { className: "size-4" }), t("dispatch.transactionalEmail.activityLink")] })] }), _jsx(PreviewDialog, { email: email, appId: appId, appPath: appPath, open: previewOpen, onOpenChange: setPreviewOpen }), _jsx(ActivityDialog, { email: email, appPath: appPath, unavailableReason: engagementUnavailable, open: activityOpen, onOpenChange: setActivityOpen })] })] }));
+}
+function AppEmailTable({ catalog, engagementByTemplate, engagementUnavailable, engagementLoading, }) {
+    const t = useT();
+    if (catalog.error) {
+        return (_jsxs(Alert, { variant: "destructive", children: [_jsx(IconAlertTriangle, { className: "size-4" }), _jsx(AlertTitle, { children: t("dispatch.transactionalEmail.catalogUnreadable") }), _jsx(AlertDescription, { children: catalog.error })] }));
+    }
+    return (_jsxs(_Fragment, { children: [catalog.statsError ? (_jsxs(Alert, { className: "mb-4", children: [_jsx(IconInfoCircle, { className: "size-4" }), _jsx(AlertTitle, { children: t("dispatch.transactionalEmail.countsUnreadable") }), _jsx(AlertDescription, { children: catalog.statsError })] })) : null, catalog.emails.length === 0 ? (_jsx("div", { className: "rounded-xl border border-dashed px-4 py-6 text-sm text-muted-foreground", children: t("dispatch.transactionalEmail.appSendsNoEmail") })) : (_jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: t("dispatch.transactionalEmail.email") }), _jsx(TableHead, { children: t("dispatch.transactionalEmail.trigger") }), _jsx(TableHead, { children: t("dispatch.transactionalEmail.recipient") }), _jsx(TableHead, { children: t("dispatch.transactionalEmail.sender") }), _jsx(TableHead, { children: t("dispatch.transactionalEmail.sends") }), _jsx(TableHead, { children: t("dispatch.transactionalEmail.openRate") }), _jsx(TableHead, { children: t("dispatch.transactionalEmail.lastSent") }), _jsx(TableHead, {})] }) }), _jsx(TableBody, { children: catalog.emails.map((email) => (_jsx(EmailRow, { email: email, appId: catalog.appId, appPath: catalog.appPath, engagement: engagementByTemplate.get(email.id), engagementUnavailable: engagementUnavailable, engagementLoading: engagementLoading }, email.id))) })] }))] }));
+}
+function AppEmailCard({ name, path, open, onOpenChange, catalog, isLoading, isError, error, onRetry, engagementByTemplate, engagementUnavailable, engagementLoading, }) {
+    return (_jsxs(Collapsible, { open: open, onOpenChange: onOpenChange, className: "rounded-2xl bg-card", children: [_jsxs(CollapsibleTrigger, { className: "group flex w-full cursor-pointer items-center justify-between gap-3 p-5 text-left hover:bg-muted/20", children: [_jsxs("span", { className: "flex items-center gap-2", children: [_jsx(IconChevronRight, { className: "h-4 w-4 shrink-0 text-muted-foreground transition-transform group-data-[state=open]:rotate-90" }), _jsx("span", { className: "text-sm font-medium text-foreground", children: name })] }), _jsx("span", { className: "font-mono text-xs text-muted-foreground", children: path })] }), _jsx(CollapsibleContent, { className: "border-t px-5 pb-5 pt-4", children: isError ? (_jsx(ActionQueryError, { error: error, onRetry: onRetry })) : isLoading || !catalog ? (_jsx(Skeleton, { className: "h-24 w-full" })) : (_jsx(AppEmailTable, { catalog: catalog, engagementByTemplate: engagementByTemplate, engagementUnavailable: engagementUnavailable, engagementLoading: engagementLoading })) })] }));
+}
+export default function TransactionalEmailRoute() {
+    const t = useT();
+    const appsQuery = useActionQuery("list-workspace-apps", {
+        includeAgentCards: false,
+    });
+    const apps = useMemo(() => (appsQuery.data ?? [])
+        .filter((app) => app.status !== "pending")
+        .map((app) => ({ id: app.id, name: app.name, path: app.path })), [appsQuery.data]);
+    const [expanded, setExpanded] = useState({});
+    const [sharedOpen, setSharedOpen] = useState(true);
+    const sharedQuery = useActionQuery("list-transactional-emails", { windowDays: WINDOW_DAYS });
+    const catalogQueries = useQueries({
+        queries: apps.map((app) => ({
+            queryKey: ["transactional-email-catalog", app.id, WINDOW_DAYS],
+            queryFn: () => fetchAppEmailCatalog(app, WINDOW_DAYS),
+            enabled: sharedOpen || expanded[app.id] === true,
+            staleTime: Infinity,
+        })),
+    });
+    const sharedCatalog = useMemo(() => {
+        if (!sharedQuery.data)
+            return undefined;
+        const aggregate = aggregateSharedEmails(sharedQuery.data, catalogQueries
+            .map((query) => query.data)
+            .filter((catalog) => Boolean(catalog)));
+        return {
+            appId: "core",
+            appName: t("dispatch.transactionalEmail.sharedTitle"),
+            appPath: t("dispatch.transactionalEmail.sharedSubtitle"),
+            emails: aggregate.emails,
+            error: null,
+            statsError: aggregate.statsError,
+        };
+    }, [sharedQuery.data, catalogQueries, t]);
+    const engagementQueries = useQueries({
+        queries: apps.map((app, index) => {
+            const catalog = catalogQueries[index]?.data;
+            const templateIds = catalog && !catalog.error
+                ? catalog.emails.map((email) => email.id)
+                : [];
+            return {
+                queryKey: [
+                    "list-email-engagement",
+                    app.id,
+                    templateIds.join(","),
+                    WINDOW_DAYS,
+                ],
+                queryFn: () => callAppAction(app.path, "list-email-engagement", { templateIds, windowDays: WINDOW_DAYS }, "POST"),
+                enabled: expanded[app.id] === true && templateIds.length > 0,
+            };
+        }),
+    });
+    const sharedLoading = sharedQuery.isLoading ||
+        (sharedOpen && catalogQueries.some((query) => query.isLoading));
+    const sharedError = catalogQueries.find((query) => query.isError)?.error;
+    const sharedProviderReason = t("dispatch.transactionalEmail.sharedProviderMetricsUnavailable");
+    return (_jsx(DispatchShell, { title: t("dispatch.transactionalEmail.title"), description: t("dispatch.transactionalEmail.description"), children: _jsxs("div", { className: "flex flex-col gap-4", children: [_jsxs(Alert, { children: [_jsx(IconInfoCircle, { className: "size-4" }), _jsx(AlertTitle, { children: t("dispatch.transactionalEmail.retentionTitle") }), _jsx(AlertDescription, { children: t("dispatch.transactionalEmail.retentionNote") })] }), appsQuery.isError ? (_jsx(ActionQueryError, { error: appsQuery.error, onRetry: () => void appsQuery.refetch() })) : null, appsQuery.isLoading ? (_jsxs("div", { className: "space-y-3", children: [_jsx(Skeleton, { className: "h-16 w-full rounded-2xl" }), _jsx(Skeleton, { className: "h-16 w-full rounded-2xl" })] })) : null, !appsQuery.isLoading && apps.length === 0 ? (_jsxs("div", { className: "rounded-2xl border border-dashed px-6 py-12 text-center text-sm text-muted-foreground", children: [_jsx(IconMail, { className: "mx-auto mb-2 size-5" }), t("dispatch.transactionalEmail.noApps")] })) : null, _jsx(AppEmailCard, { name: t("dispatch.transactionalEmail.sharedTitle"), path: t("dispatch.transactionalEmail.sharedSubtitle"), open: sharedOpen, onOpenChange: setSharedOpen, catalog: sharedCatalog, isLoading: sharedLoading, isError: sharedQuery.isError || Boolean(sharedError), error: sharedQuery.error ?? sharedError, onRetry: () => {
+                        void sharedQuery.refetch();
+                        for (const query of catalogQueries)
+                            void query.refetch();
+                    }, engagementByTemplate: new Map(), engagementUnavailable: sharedProviderReason, engagementLoading: false }), apps.map((app, index) => {
+                    const query = catalogQueries[index];
+                    const engagementQuery = engagementQueries[index];
+                    const engagementResult = engagementQuery?.data;
+                    const engagementUnavailable = engagementResult && !engagementResult.available
+                        ? engagementResult.reason
+                        : engagementQuery?.isError
+                            ? engagementQuery.error instanceof Error
+                                ? engagementQuery.error.message
+                                : String(engagementQuery.error)
+                            : null;
+                    const engagementByTemplate = new Map();
+                    if (engagementResult?.available) {
+                        for (const entry of engagementResult.data) {
+                            engagementByTemplate.set(entry.templateId, entry);
+                        }
+                    }
+                    return (_jsx(AppEmailCard, { name: app.name, path: app.path, open: expanded[app.id] === true, onOpenChange: (next) => setExpanded((current) => ({ ...current, [app.id]: next })), catalog: query?.data, isLoading: query?.isLoading ?? false, isError: query?.isError ?? false, error: query?.error, onRetry: () => void query?.refetch(), engagementByTemplate: engagementByTemplate, engagementUnavailable: engagementUnavailable, engagementLoading: engagementQuery?.isLoading ?? false }, app.id));
+                })] }) }));
+}
+//# sourceMappingURL=transactional-email.js.map

package/dist/routes/pages/transactional-email.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transactional-email.js","sourceRoot":"","sources":["../../../src/routes/pages/transactional-email.tsx"],"names":[],"mappings":"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","sourcesContent":["import { callAction, useActionQuery } from \"@agent-native/core/client/hooks\";\nimport { useT } from \"@agent-native/core/client/i18n\";\nimport {\n  IconAlertTriangle,\n  IconChevronRight,\n  IconEye,\n  IconInfoCircle,\n  IconList,\n  IconMail,\n} from \"@tabler/icons-react\";\nimport { useQueries, useQuery } from \"@tanstack/react-query\";\nimport { useMemo, useState } from \"react\";\nimport { Link, useLocation } from \"react-router\";\n\nimport {\n  aggregateSharedEmails,\n  callAppAction,\n  fetchAppEmailCatalog,\n  type AppEmailCatalog,\n  type AppTransactionalEmail,\n  type LocalTransactionalEmailCatalog,\n} from \"../../client/transactional-emails\";\nimport { ActionQueryError } from \"../../components/action-query-error\";\nimport { DispatchShell } from \"../../components/dispatch-shell\";\nimport {\n  ActivityTable,\n  type EmailActivityEntry,\n} from \"../../components/transactional-email-activity\";\nimport {\n  OpenRateCell,\n  SendsCell,\n  LastSentCell,\n  type EmailEngagement,\n  type ProviderMetricsResult,\n} from \"../../components/transactional-email-metrics\";\nimport { EmailPreviewPane } from \"../../components/transactional-email-preview\";\nimport { Alert, AlertDescription, AlertTitle } from \"../../components/ui/alert\";\nimport { Button } from \"../../components/ui/button\";\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"../../components/ui/collapsible\";\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n} from \"../../components/ui/dialog\";\nimport { Skeleton } from \"../../components/ui/skeleton\";\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from \"../../components/ui/table\";\n\nexport function meta() {\n  return [{ title: \"Transactional email — Dispatch\" }];\n}\n\nconst WINDOW_DAYS = 30;\nconst ACTIVITY_LIMIT = 50;\n\ninterface WorkspaceAppRef {\n  id: string;\n  name: string;\n  path: string;\n  status?: \"ready\" | \"pending\";\n}\n\n/** Shape of the local `list-transactional-emails` action response. */\nfunction PreviewDialog({\n  email,\n  appId,\n  appPath,\n  open,\n  onOpenChange,\n}: {\n  email: AppTransactionalEmail;\n  appId: string;\n  appPath: string;\n  open: boolean;\n  onOpenChange: (next: boolean) => void;\n}) {\n  const t = useT();\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent className=\"max-w-3xl\">\n        <DialogHeader>\n          <DialogTitle>{email.name}</DialogTitle>\n          <DialogDescription>\n            {t(\"dispatch.transactionalEmail.previewDescription\")}\n          </DialogDescription>\n        </DialogHeader>\n        {/* Dialog content only mounts while open, so this fetches on open and\n            drops the request when closed rather than needing an enabled flag. */}\n        <EmailPreviewPane\n          appId={appId}\n          appPath={appPath}\n          id={email.id}\n          name={email.name}\n        />\n      </DialogContent>\n    </Dialog>\n  );\n}\n\nfunction ActivityDialog({\n  email,\n  appPath,\n  unavailableReason,\n  open,\n  onOpenChange,\n}: {\n  email: AppTransactionalEmail;\n  appPath: string;\n  unavailableReason: string | null;\n  open: boolean;\n  onOpenChange: (next: boolean) => void;\n}) {\n  const t = useT();\n  const activityQuery = useQuery({\n    queryKey: [\"list-email-activity\", appPath, email.id, ACTIVITY_LIMIT],\n    queryFn: () =>\n      callAppAction<ProviderMetricsResult<EmailActivityEntry[]>>(\n        appPath,\n        \"list-email-activity\",\n        { templateId: email.id, limit: ACTIVITY_LIMIT },\n        \"GET\",\n      ),\n    enabled: open && !unavailableReason,\n  });\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent className=\"max-w-4xl\">\n        <DialogHeader>\n          <DialogTitle>\n            {t(\"dispatch.transactionalEmail.activityTitle\", {\n              name: email.name,\n            })}\n          </DialogTitle>\n          <DialogDescription>\n            {t(\"dispatch.transactionalEmail.retentionNote\")}\n          </DialogDescription>\n        </DialogHeader>\n        <ActivityTable\n          result={\n            unavailableReason\n              ? { available: false, reason: unavailableReason }\n              : activityQuery.data\n          }\n          isLoading={activityQuery.isLoading}\n          isError={activityQuery.isError}\n          error={activityQuery.error}\n          onRetry={() => void activityQuery.refetch()}\n        />\n      </DialogContent>\n    </Dialog>\n  );\n}\n\nfunction EmailRow({\n  email,\n  appId,\n  appPath,\n  engagement,\n  engagementUnavailable,\n  engagementLoading,\n}: {\n  email: AppTransactionalEmail;\n  appId: string;\n  appPath: string;\n  engagement: EmailEngagement | undefined;\n  engagementUnavailable: string | null;\n  engagementLoading: boolean;\n}) {\n  const t = useT();\n  const location = useLocation();\n  const [previewOpen, setPreviewOpen] = useState(false);\n  const [activityOpen, setActivityOpen] = useState(false);\n  const detailBase = location.pathname.startsWith(\"/admin/\")\n    ? \"/admin/transactional-email\"\n    : \"/transactional-email\";\n\n  return (\n    <TableRow>\n      <TableCell className=\"align-top\">\n        <Link\n          to={`${detailBase}/${appId}/${email.id}`}\n          className=\"text-sm font-medium text-foreground hover:underline\"\n        >\n          {email.name}\n        </Link>\n        <div className=\"font-mono text-xs text-muted-foreground\">\n          {email.id}\n        </div>\n      </TableCell>\n      <TableCell className=\"max-w-64 align-top text-xs text-muted-foreground\">\n        {email.trigger}\n      </TableCell>\n      <TableCell className=\"max-w-56 align-top text-xs text-muted-foreground\">\n        {email.recipientLabel}\n      </TableCell>\n      <TableCell className=\"max-w-56 align-top text-xs text-muted-foreground\">\n        {email.senderLabel}\n      </TableCell>\n      <TableCell className=\"align-top text-sm\">\n        <SendsCell sent={email.sent} failed={email.failed} />\n      </TableCell>\n      <TableCell className=\"align-top text-sm\">\n        <OpenRateCell\n          engagement={engagement}\n          unavailableReason={engagementUnavailable}\n          loading={engagementLoading}\n        />\n      </TableCell>\n      <TableCell className=\"align-top text-xs text-muted-foreground\">\n        <LastSentCell lastSentAt={email.lastSentAt} sent={email.sent} />\n      </TableCell>\n      <TableCell className=\"align-top\">\n        <div className=\"flex justify-end gap-2\">\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            onClick={() => setPreviewOpen(true)}\n          >\n            <IconEye className=\"size-4\" />\n            {t(\"dispatch.transactionalEmail.preview\")}\n          </Button>\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            onClick={() => setActivityOpen(true)}\n          >\n            <IconList className=\"size-4\" />\n            {t(\"dispatch.transactionalEmail.activityLink\")}\n          </Button>\n        </div>\n        <PreviewDialog\n          email={email}\n          appId={appId}\n          appPath={appPath}\n          open={previewOpen}\n          onOpenChange={setPreviewOpen}\n        />\n        <ActivityDialog\n          email={email}\n          appPath={appPath}\n          unavailableReason={engagementUnavailable}\n          open={activityOpen}\n          onOpenChange={setActivityOpen}\n        />\n      </TableCell>\n    </TableRow>\n  );\n}\n\nfunction AppEmailTable({\n  catalog,\n  engagementByTemplate,\n  engagementUnavailable,\n  engagementLoading,\n}: {\n  catalog: AppEmailCatalog;\n  engagementByTemplate: Map<string, EmailEngagement>;\n  engagementUnavailable: string | null;\n  engagementLoading: boolean;\n}) {\n  const t = useT();\n\n  if (catalog.error) {\n    return (\n      <Alert variant=\"destructive\">\n        <IconAlertTriangle className=\"size-4\" />\n        <AlertTitle>\n          {t(\"dispatch.transactionalEmail.catalogUnreadable\")}\n        </AlertTitle>\n        <AlertDescription>{catalog.error}</AlertDescription>\n      </Alert>\n    );\n  }\n\n  return (\n    <>\n      {catalog.statsError ? (\n        <Alert className=\"mb-4\">\n          <IconInfoCircle className=\"size-4\" />\n          <AlertTitle>\n            {t(\"dispatch.transactionalEmail.countsUnreadable\")}\n          </AlertTitle>\n          <AlertDescription>{catalog.statsError}</AlertDescription>\n        </Alert>\n      ) : null}\n      {catalog.emails.length === 0 ? (\n        <div className=\"rounded-xl border border-dashed px-4 py-6 text-sm text-muted-foreground\">\n          {t(\"dispatch.transactionalEmail.appSendsNoEmail\")}\n        </div>\n      ) : (\n        <Table>\n          <TableHeader>\n            <TableRow>\n              <TableHead>{t(\"dispatch.transactionalEmail.email\")}</TableHead>\n              <TableHead>{t(\"dispatch.transactionalEmail.trigger\")}</TableHead>\n              <TableHead>\n                {t(\"dispatch.transactionalEmail.recipient\")}\n              </TableHead>\n              <TableHead>{t(\"dispatch.transactionalEmail.sender\")}</TableHead>\n              <TableHead>{t(\"dispatch.transactionalEmail.sends\")}</TableHead>\n              <TableHead>{t(\"dispatch.transactionalEmail.openRate\")}</TableHead>\n              <TableHead>{t(\"dispatch.transactionalEmail.lastSent\")}</TableHead>\n              <TableHead />\n            </TableRow>\n          </TableHeader>\n          <TableBody>\n            {catalog.emails.map((email) => (\n              <EmailRow\n                key={email.id}\n                email={email}\n                appId={catalog.appId}\n                appPath={catalog.appPath}\n                engagement={engagementByTemplate.get(email.id)}\n                engagementUnavailable={engagementUnavailable}\n                engagementLoading={engagementLoading}\n              />\n            ))}\n          </TableBody>\n        </Table>\n      )}\n    </>\n  );\n}\n\nfunction AppEmailCard({\n  name,\n  path,\n  open,\n  onOpenChange,\n  catalog,\n  isLoading,\n  isError,\n  error,\n  onRetry,\n  engagementByTemplate,\n  engagementUnavailable,\n  engagementLoading,\n}: {\n  name: string;\n  path: string;\n  open: boolean;\n  onOpenChange: (next: boolean) => void;\n  catalog: AppEmailCatalog | undefined;\n  isLoading: boolean;\n  isError: boolean;\n  error: unknown;\n  onRetry: () => void;\n  engagementByTemplate: Map<string, EmailEngagement>;\n  engagementUnavailable: string | null;\n  engagementLoading: boolean;\n}) {\n  return (\n    <Collapsible\n      open={open}\n      onOpenChange={onOpenChange}\n      className=\"rounded-2xl bg-card\"\n    >\n      <CollapsibleTrigger className=\"group flex w-full cursor-pointer items-center justify-between gap-3 p-5 text-left hover:bg-muted/20\">\n        <span className=\"flex items-center gap-2\">\n          <IconChevronRight className=\"h-4 w-4 shrink-0 text-muted-foreground transition-transform group-data-[state=open]:rotate-90\" />\n          <span className=\"text-sm font-medium text-foreground\">{name}</span>\n        </span>\n        <span className=\"font-mono text-xs text-muted-foreground\">{path}</span>\n      </CollapsibleTrigger>\n      <CollapsibleContent className=\"border-t px-5 pb-5 pt-4\">\n        {isError ? (\n          <ActionQueryError error={error} onRetry={onRetry} />\n        ) : isLoading || !catalog ? (\n          <Skeleton className=\"h-24 w-full\" />\n        ) : (\n          <AppEmailTable\n            catalog={catalog}\n            engagementByTemplate={engagementByTemplate}\n            engagementUnavailable={engagementUnavailable}\n            engagementLoading={engagementLoading}\n          />\n        )}\n      </CollapsibleContent>\n    </Collapsible>\n  );\n}\n\nexport default function TransactionalEmailRoute() {\n  const t = useT();\n  const appsQuery = useActionQuery<WorkspaceAppRef[]>(\"list-workspace-apps\", {\n    includeAgentCards: false,\n  });\n\n  const apps = useMemo(\n    () =>\n      (appsQuery.data ?? [])\n        .filter((app) => app.status !== \"pending\")\n        .map((app) => ({ id: app.id, name: app.name, path: app.path })),\n    [appsQuery.data],\n  );\n\n  const [expanded, setExpanded] = useState<Record<string, boolean>>({});\n  const [sharedOpen, setSharedOpen] = useState(true);\n\n  const sharedQuery = useActionQuery<LocalTransactionalEmailCatalog>(\n    \"list-transactional-emails\",\n    { windowDays: WINDOW_DAYS },\n  );\n\n  const catalogQueries = useQueries({\n    queries: apps.map((app) => ({\n      queryKey: [\"transactional-email-catalog\", app.id, WINDOW_DAYS],\n      queryFn: () => fetchAppEmailCatalog(app, WINDOW_DAYS),\n      enabled: sharedOpen || expanded[app.id] === true,\n      staleTime: Infinity,\n    })),\n  });\n\n  const sharedCatalog = useMemo<AppEmailCatalog | undefined>(() => {\n    if (!sharedQuery.data) return undefined;\n    const aggregate = aggregateSharedEmails(\n      sharedQuery.data,\n      catalogQueries\n        .map((query) => query.data)\n        .filter((catalog): catalog is AppEmailCatalog => Boolean(catalog)),\n    );\n    return {\n      appId: \"core\",\n      appName: t(\"dispatch.transactionalEmail.sharedTitle\"),\n      appPath: t(\"dispatch.transactionalEmail.sharedSubtitle\"),\n      emails: aggregate.emails,\n      error: null,\n      statsError: aggregate.statsError,\n    };\n  }, [sharedQuery.data, catalogQueries, t]);\n\n  const engagementQueries = useQueries({\n    queries: apps.map((app, index) => {\n      const catalog = catalogQueries[index]?.data;\n      const templateIds =\n        catalog && !catalog.error\n          ? catalog.emails.map((email) => email.id)\n          : [];\n      return {\n        queryKey: [\n          \"list-email-engagement\",\n          app.id,\n          templateIds.join(\",\"),\n          WINDOW_DAYS,\n        ],\n        queryFn: () =>\n          callAppAction<ProviderMetricsResult<EmailEngagement[]>>(\n            app.path,\n            \"list-email-engagement\",\n            { templateIds, windowDays: WINDOW_DAYS },\n            \"POST\",\n          ),\n        enabled: expanded[app.id] === true && templateIds.length > 0,\n      };\n    }),\n  });\n\n  const sharedLoading =\n    sharedQuery.isLoading ||\n    (sharedOpen && catalogQueries.some((query) => query.isLoading));\n  const sharedError = catalogQueries.find((query) => query.isError)?.error;\n  const sharedProviderReason = t(\n    \"dispatch.transactionalEmail.sharedProviderMetricsUnavailable\",\n  );\n\n  return (\n    <DispatchShell\n      title={t(\"dispatch.transactionalEmail.title\")}\n      description={t(\"dispatch.transactionalEmail.description\")}\n    >\n      <div className=\"flex flex-col gap-4\">\n        <Alert>\n          <IconInfoCircle className=\"size-4\" />\n          <AlertTitle>\n            {t(\"dispatch.transactionalEmail.retentionTitle\")}\n          </AlertTitle>\n          <AlertDescription>\n            {t(\"dispatch.transactionalEmail.retentionNote\")}\n          </AlertDescription>\n        </Alert>\n\n        {appsQuery.isError ? (\n          <ActionQueryError\n            error={appsQuery.error}\n            onRetry={() => void appsQuery.refetch()}\n          />\n        ) : null}\n\n        {appsQuery.isLoading ? (\n          <div className=\"space-y-3\">\n            <Skeleton className=\"h-16 w-full rounded-2xl\" />\n            <Skeleton className=\"h-16 w-full rounded-2xl\" />\n          </div>\n        ) : null}\n\n        {!appsQuery.isLoading && apps.length === 0 ? (\n          <div className=\"rounded-2xl border border-dashed px-6 py-12 text-center text-sm text-muted-foreground\">\n            <IconMail className=\"mx-auto mb-2 size-5\" />\n            {t(\"dispatch.transactionalEmail.noApps\")}\n          </div>\n        ) : null}\n\n        <AppEmailCard\n          name={t(\"dispatch.transactionalEmail.sharedTitle\")}\n          path={t(\"dispatch.transactionalEmail.sharedSubtitle\")}\n          open={sharedOpen}\n          onOpenChange={setSharedOpen}\n          catalog={sharedCatalog}\n          isLoading={sharedLoading}\n          isError={sharedQuery.isError || Boolean(sharedError)}\n          error={sharedQuery.error ?? sharedError}\n          onRetry={() => {\n            void sharedQuery.refetch();\n            for (const query of catalogQueries) void query.refetch();\n          }}\n          engagementByTemplate={new Map()}\n          engagementUnavailable={sharedProviderReason}\n          engagementLoading={false}\n        />\n\n        {apps.map((app, index) => {\n          const query = catalogQueries[index];\n          const engagementQuery = engagementQueries[index];\n          const engagementResult = engagementQuery?.data;\n          const engagementUnavailable =\n            engagementResult && !engagementResult.available\n              ? engagementResult.reason\n              : engagementQuery?.isError\n                ? engagementQuery.error instanceof Error\n                  ? engagementQuery.error.message\n                  : String(engagementQuery.error)\n                : null;\n          const engagementByTemplate = new Map<string, EmailEngagement>();\n          if (engagementResult?.available) {\n            for (const entry of engagementResult.data) {\n              engagementByTemplate.set(entry.templateId, entry);\n            }\n          }\n          return (\n            <AppEmailCard\n              key={app.id}\n              name={app.name}\n              path={app.path}\n              open={expanded[app.id] === true}\n              onOpenChange={(next) =>\n                setExpanded((current) => ({ ...current, [app.id]: next }))\n              }\n              catalog={query?.data}\n              isLoading={query?.isLoading ?? false}\n              isError={query?.isError ?? false}\n              error={query?.error}\n              onRetry={() => void query?.refetch()}\n              engagementByTemplate={engagementByTemplate}\n              engagementUnavailable={engagementUnavailable}\n              engagementLoading={engagementQuery?.isLoading ?? false}\n            />\n          );\n        })}\n      </div>\n    </DispatchShell>\n  );\n}\n"]}

package/dist/routes/pages/vault.d.ts

@@ -0,0 +1,5 @@
+export declare function meta(): {
+    title: string;
+}[];
+export default function VaultRoute(): import("node_modules/@types/react").JSX.Element;
+//# sourceMappingURL=vault.d.ts.map

package/dist/routes/pages/vault.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vault.d.ts","sourceRoot":"","sources":["../../../src/routes/pages/vault.tsx"],"names":[],"mappings":"AA+EA,wBAAgB,IAAI;;IAEnB;AA+pBD,MAAM,CAAC,OAAO,UAAU,UAAU,oDAiOjC"}

package/dist/routes/pages/vault.js

@@ -0,0 +1,214 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useActionMutation, useActionQuery, } from "@agent-native/core/client/hooks";
+import { useOrgRole } from "@agent-native/core/client/org";
+import { IconChevronDown, IconChevronRight, IconEdit, IconEye, IconEyeOff, IconKey, IconPlus, IconRefresh, IconTrash, IconX, } from "@tabler/icons-react";
+import { useState } from "react";
+import { toast } from "sonner";
+import { ActionQueryError } from "../../components/action-query-error.js";
+import { DispatchShell } from "../../components/dispatch-shell.js";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, } from "../../components/ui/alert-dialog.js";
+import { Badge } from "../../components/ui/badge.js";
+import { Button } from "../../components/ui/button.js";
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, } from "../../components/ui/dialog.js";
+import { Input } from "../../components/ui/input.js";
+import { Label } from "../../components/ui/label.js";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "../../components/ui/select.js";
+import { Skeleton } from "../../components/ui/skeleton.js";
+import { Switch } from "../../components/ui/switch.js";
+import { Tabs, TabsContent, TabsList, TabsTrigger, } from "../../components/ui/tabs.js";
+import { Textarea } from "../../components/ui/textarea.js";
+const PROVIDERS = [
+    "google",
+    "slack",
+    "sendgrid",
+    "github",
+    "stripe",
+    "hubspot",
+    "jira",
+    "bigquery",
+    "anthropic",
+    "other",
+];
+const PROVIDER_NONE_VALUE = "__none__";
+export function meta() {
+    return [{ title: "Vault — Dispatch" }];
+}
+function AddSecretDialog() {
+    const [open, setOpen] = useState(false);
+    const [credentialKey, setCredentialKey] = useState("");
+    const [name, setName] = useState("");
+    const [value, setValue] = useState("");
+    const [provider, setProvider] = useState("");
+    const [description, setDescription] = useState("");
+    const create = useActionMutation("create-vault-secret", {
+        onSuccess: () => {
+            toast.success("Secret created");
+            setOpen(false);
+            setCredentialKey("");
+            setName("");
+            setValue("");
+            setProvider("");
+            setDescription("");
+        },
+        onError: (err) => toast.error(String(err)),
+    });
+    return (_jsxs(Dialog, { open: open, onOpenChange: setOpen, children: [_jsx(DialogTrigger, { asChild: true, children: _jsxs(Button, { children: [_jsx(IconPlus, { size: 16, className: "mr-1.5" }), "Add secret"] }) }), _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Add vault secret" }), _jsx(DialogDescription, { children: "Store a credential that can be granted to workspace apps." })] }), _jsxs("div", { className: "space-y-4 py-2", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Name" }), _jsx(Input, { placeholder: "Google OAuth Client ID", value: name, onChange: (e) => setName(e.target.value) })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Credential key (env var name)" }), _jsx(Input, { placeholder: "GOOGLE_CLIENT_ID", value: credentialKey, onChange: (e) => setCredentialKey(e.target.value), className: "font-mono text-sm" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Value" }), _jsx(Input, { type: "password", placeholder: "The secret value", value: value, onChange: (e) => setValue(e.target.value) })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Provider" }), _jsxs(Select, { value: provider, onValueChange: setProvider, children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: "Select a provider..." }) }), _jsx(SelectContent, { children: PROVIDERS.map((p) => (_jsx(SelectItem, { value: p, children: p.charAt(0).toUpperCase() + p.slice(1) }, p))) })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Description (optional)" }), _jsx(Textarea, { placeholder: "What is this secret used for?", value: description, onChange: (e) => setDescription(e.target.value), rows: 2 })] })] }), _jsx(DialogFooter, { children: _jsx(Button, { onClick: () => create.mutate({
+                                credentialKey,
+                                name,
+                                value,
+                                provider: provider || undefined,
+                                description: description || undefined,
+                            }), disabled: !credentialKey || !name || !value || create.isPending, children: create.isPending ? "Creating..." : "Create secret" }) })] })] }));
+}
+function EditSecretDialog({ secret }) {
+    const [open, setOpen] = useState(false);
+    const [credentialKey, setCredentialKey] = useState(secret.credentialKey || "");
+    const [name, setName] = useState(secret.name || "");
+    const [value, setValue] = useState(secret.value || "");
+    const [provider, setProvider] = useState(secret.provider || "");
+    const [description, setDescription] = useState(secret.description || "");
+    const [showValue, setShowValue] = useState(false);
+    const update = useActionMutation("update-vault-secret", {
+        onSuccess: () => {
+            toast.success("Secret updated");
+            setOpen(false);
+            setShowValue(false);
+        },
+        onError: (err) => toast.error(String(err)),
+    });
+    const resetDraft = () => {
+        setCredentialKey(secret.credentialKey || "");
+        setName(secret.name || "");
+        setValue(secret.value || "");
+        setProvider(secret.provider || "");
+        setDescription(secret.description || "");
+        setShowValue(false);
+    };
+    return (_jsxs(Dialog, { open: open, onOpenChange: (nextOpen) => {
+            if (nextOpen)
+                resetDraft();
+            setOpen(nextOpen);
+        }, children: [_jsx(DialogTrigger, { asChild: true, children: _jsxs(Button, { variant: "outline", size: "sm", children: [_jsx(IconEdit, { size: 14, className: "mr-1" }), "Edit secret"] }) }), _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Edit vault secret" }), _jsx(DialogDescription, { children: "Update the stored key and metadata. Changes sync to the shared credential store." })] }), _jsxs("form", { className: "space-y-4 py-2", onSubmit: (event) => {
+                            event.preventDefault();
+                            update.mutate({
+                                id: secret.id,
+                                credentialKey,
+                                name,
+                                value,
+                                provider: provider || null,
+                                description: description || null,
+                            });
+                        }, children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: `vault-secret-name-${secret.id}`, children: "Name" }), _jsx(Input, { id: `vault-secret-name-${secret.id}`, value: name, onChange: (e) => setName(e.target.value) })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: `vault-secret-key-${secret.id}`, children: "Credential key (env var name)" }), _jsx(Input, { id: `vault-secret-key-${secret.id}`, value: credentialKey, onChange: (e) => setCredentialKey(e.target.value), className: "font-mono text-sm" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: `vault-secret-value-${secret.id}`, children: "Value" }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Input, { id: `vault-secret-value-${secret.id}`, type: showValue ? "text" : "password", value: value, onChange: (e) => setValue(e.target.value), className: "font-mono text-sm" }), _jsx(Button, { type: "button", variant: "outline", size: "icon", onClick: () => setShowValue((current) => !current), "aria-label": showValue ? "Hide secret value" : "Show secret value", children: showValue ? _jsx(IconEyeOff, { size: 15 }) : _jsx(IconEye, { size: 15 }) })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Provider" }), _jsxs(Select, { value: provider || PROVIDER_NONE_VALUE, onValueChange: (nextProvider) => setProvider(nextProvider === PROVIDER_NONE_VALUE ? "" : nextProvider), children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: "Select a provider..." }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: PROVIDER_NONE_VALUE, children: "No provider" }), PROVIDERS.map((p) => (_jsx(SelectItem, { value: p, children: p.charAt(0).toUpperCase() + p.slice(1) }, p)))] })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: `vault-secret-description-${secret.id}`, children: "Description" }), _jsx(Textarea, { id: `vault-secret-description-${secret.id}`, placeholder: "What is this secret used for?", value: description, onChange: (e) => setDescription(e.target.value), rows: 2 })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "outline", onClick: () => setOpen(false), children: "Cancel" }), _jsx(Button, { type: "submit", disabled: !credentialKey.trim() ||
+                                            !name.trim() ||
+                                            !value ||
+                                            update.isPending, children: update.isPending ? "Saving..." : "Save changes" })] })] })] })] }));
+}
+function GrantDialog({ secretId, secretName, }) {
+    const [open, setOpen] = useState(false);
+    const [appId, setAppId] = useState("");
+    const { data: catalog } = useActionQuery("list-integrations-catalog", {});
+    const grant = useActionMutation("create-vault-grant", {
+        onSuccess: () => {
+            toast.success(`Granted to ${appId}`);
+            setOpen(false);
+            setAppId("");
+        },
+        onError: (err) => toast.error(String(err)),
+    });
+    const apps = (catalog || []).map((a) => ({
+        id: a.appId,
+        name: a.appName,
+    }));
+    return (_jsxs(Dialog, { open: open, onOpenChange: setOpen, children: [_jsx(DialogTrigger, { asChild: true, children: _jsxs(Button, { variant: "outline", size: "sm", children: [_jsx(IconPlus, { size: 14, className: "mr-1" }), "Grant"] }) }), _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsxs(DialogTitle, { children: ["Grant \"", secretName, "\" to an app"] }), _jsx(DialogDescription, { children: "Choose which app should receive this secret." })] }), _jsx("div", { className: "py-2", children: _jsxs(Select, { value: appId, onValueChange: setAppId, children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: "Select an app..." }) }), _jsx(SelectContent, { children: apps.map((app) => (_jsx(SelectItem, { value: app.id, children: app.name }, app.id))) })] }) }), _jsx(DialogFooter, { children: _jsx(Button, { onClick: () => grant.mutate({ secretId, appId }), disabled: !appId || grant.isPending, children: grant.isPending ? "Granting..." : "Grant access" }) })] })] }));
+}
+function VaultAccessSettingsCard({ mode }) {
+    const update = useActionMutation("set-vault-access-settings", {
+        onSuccess: (next) => toast.success(next?.mode === "manual"
+            ? "Manual vault access enabled"
+            : "All apps can use vault keys"),
+        onError: (err) => toast.error(String(err)),
+    });
+    const allApps = mode !== "manual";
+    return (_jsx("div", { className: "rounded-xl bg-card px-4 py-3", children: _jsxs("div", { className: "flex items-center justify-between gap-4", children: [_jsxs("div", { className: "min-w-0", children: [_jsx(Label, { className: "text-sm font-medium", children: "All apps can use vault keys" }), _jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: allApps
+                                ? "Every workspace app can receive every saved key."
+                                : "Only apps with explicit grants can receive saved keys." })] }), _jsx(Switch, { checked: allApps, disabled: update.isPending, onCheckedChange: (checked) => update.mutate({ mode: checked ? "all-apps" : "manual" }), "aria-label": "Allow all workspace apps to use vault keys" })] }) }));
+}
+function SecretRow({ secret, grants, accessMode, }) {
+    const [expanded, setExpanded] = useState(false);
+    const [showValue, setShowValue] = useState(false);
+    const deleteSecret = useActionMutation("delete-vault-secret", {
+        onSuccess: () => toast.success("Secret deleted"),
+        onError: (err) => toast.error(String(err)),
+    });
+    const revokeGrant = useActionMutation("revoke-vault-grant", {
+        onSuccess: () => toast.success("Grant revoked"),
+        onError: (err) => toast.error(String(err)),
+    });
+    const syncToApp = useActionMutation("sync-vault-to-app", {
+        onSuccess: (data) => toast.success(`Synced ${data.synced} key(s) to ${data.appId}`),
+        onError: (err) => toast.error(String(err)),
+    });
+    const activeGrants = grants.filter((g) => g.status === "active");
+    const allApps = accessMode !== "manual";
+    return (_jsxs("div", { className: "rounded-xl bg-card", children: [_jsxs("button", { type: "button", className: "flex w-full items-center gap-3 px-4 py-3 text-left cursor-pointer", onClick: () => setExpanded(!expanded), children: [expanded ? (_jsx(IconChevronDown, { size: 16, className: "text-muted-foreground" })) : (_jsx(IconChevronRight, { size: 16, className: "text-muted-foreground" })), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-sm font-medium text-foreground", children: secret.name }), secret.provider && (_jsx(Badge, { variant: "secondary", className: "text-xs", children: secret.provider }))] }), _jsx("div", { className: "mt-0.5 font-mono text-xs text-muted-foreground", children: secret.credentialKey })] }), _jsx("div", { className: "flex items-center gap-2", children: _jsx(Badge, { variant: "outline", className: "text-xs", children: allApps
+                                ? "All apps"
+                                : `${activeGrants.length} grant${activeGrants.length !== 1 ? "s" : ""}` }) })] }), expanded && (_jsxs("div", { className: "border-t px-4 py-3 space-y-3", children: [secret.description && (_jsx("p", { className: "text-sm text-muted-foreground", children: secret.description })), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-xs text-muted-foreground", children: "Value:" }), _jsx("code", { className: "text-xs font-mono text-foreground", children: showValue ? secret.value : `••••${secret.value.slice(-4)}` }), _jsx("button", { type: "button", onClick: () => setShowValue(!showValue), className: "text-muted-foreground hover:text-foreground cursor-pointer", children: showValue ? _jsx(IconEyeOff, { size: 14 }) : _jsx(IconEye, { size: 14 }) })] }), _jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-xs font-medium text-foreground", children: allApps ? "Access" : "Grants" }), !allApps && (_jsx(GrantDialog, { secretId: secret.id, secretName: secret.name }))] }), allApps ? (_jsx("div", { className: "rounded-lg border border-dashed px-3 py-4 text-center text-xs text-muted-foreground", children: "Available to every workspace app." })) : activeGrants.length > 0 ? (_jsx("div", { className: "space-y-1.5", children: activeGrants.map((grant) => (_jsxs("div", { className: "flex items-center justify-between rounded-lg border px-3 py-2", children: [_jsxs("div", { children: [_jsx("span", { className: "text-sm font-medium text-foreground", children: grant.appId }), _jsx("span", { className: "ml-2 text-xs text-muted-foreground", children: grant.syncedAt
+                                                        ? `synced ${new Date(grant.syncedAt).toLocaleString()}`
+                                                        : "not synced" })] }), _jsxs("div", { className: "flex gap-1.5", children: [_jsx(Button, { variant: "ghost", size: "sm", onClick: () => syncToApp.mutate({ appId: grant.appId }), disabled: syncToApp.isPending, children: _jsx(IconRefresh, { size: 14 }) }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => revokeGrant.mutate({ grantId: grant.id }), disabled: revokeGrant.isPending, children: _jsx(IconX, { size: 14 }) })] })] }, grant.id))) })) : (_jsx("div", { className: "rounded-lg border border-dashed px-3 py-4 text-center text-xs text-muted-foreground", children: "No grants yet." }))] }), _jsxs("div", { className: "flex justify-end gap-2 border-t pt-3", children: [_jsx(EditSecretDialog, { secret: secret }), _jsxs(AlertDialog, { children: [_jsx(AlertDialogTrigger, { asChild: true, children: _jsxs(Button, { variant: "destructive", size: "sm", disabled: deleteSecret.isPending, children: [_jsx(IconTrash, { size: 14, className: "mr-1" }), "Delete secret"] }) }), _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Delete this secret?" }), _jsxs(AlertDialogDescription, { children: ["Removing \u201C", secret.name, "\u201D revokes all of its grants. Apps that depended on this credential can lose access on the next sync. This cannot be undone."] })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: "Cancel" }), _jsx(AlertDialogAction, { onClick: () => deleteSecret.mutate({ id: secret.id }), children: "Delete secret" })] })] })] })] })] }))] }));
+}
+function RequestRow({ request, canManage, }) {
+    const [secretValue, setSecretValue] = useState("");
+    const approve = useActionMutation("approve-vault-request", {
+        onSuccess: () => {
+            toast.success("Request approved");
+            setSecretValue("");
+        },
+        onError: (err) => toast.error(String(err)),
+    });
+    const deny = useActionMutation("deny-vault-request", {
+        onSuccess: () => toast.success("Request denied"),
+        onError: (err) => toast.error(String(err)),
+    });
+    return (_jsxs("div", { className: "rounded-xl border bg-muted/30 px-4 py-3", children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { children: [_jsxs("div", { className: "text-sm font-medium text-foreground", children: [_jsx("span", { className: "font-mono", children: request.credentialKey }), " for", " ", _jsx("span", { className: "font-semibold", children: request.appId })] }), _jsxs("div", { className: "mt-1 text-xs text-muted-foreground", children: ["Requested by ", request.requestedBy, request.reason && ` — "${request.reason}"`] }), _jsxs("div", { className: "mt-0.5 text-xs text-muted-foreground", children: [request.status === "pending"
+                                        ? "Pending"
+                                        : request.status === "approved"
+                                            ? `Approved by ${request.reviewedBy}`
+                                            : `Denied by ${request.reviewedBy}`, " ", "\u00B7 ", new Date(request.createdAt).toLocaleString()] })] }), request.status === "pending" && (_jsx(Badge, { variant: "outline", className: "whitespace-nowrap", children: "Pending" })), request.status === "approved" && (_jsx(Badge, { variant: "secondary", className: "whitespace-nowrap bg-green-500/10 text-green-700 dark:text-green-400", children: "Approved" })), request.status === "denied" && (_jsx(Badge, { variant: "secondary", className: "whitespace-nowrap bg-red-500/10 text-red-700 dark:text-red-400", children: "Denied" }))] }), request.status === "pending" && canManage ? (_jsxs("div", { className: "mt-3 flex items-end gap-2 border-t pt-3", children: [_jsxs("div", { className: "flex-1 space-y-1", children: [_jsx(Label, { className: "text-xs", children: "Secret value to provision" }), _jsx(Input, { type: "password", placeholder: "Enter the secret value", value: secretValue, onChange: (e) => setSecretValue(e.target.value), className: "h-8 text-sm" })] }), _jsx(Button, { size: "sm", onClick: () => approve.mutate({ id: request.id, secretValue }), disabled: !secretValue || approve.isPending, children: "Approve" }), _jsx(Button, { size: "sm", variant: "outline", onClick: () => deny.mutate({ id: request.id }), disabled: deny.isPending, children: "Deny" })] })) : request.status === "pending" ? (_jsx("p", { className: "mt-3 border-t pt-3 text-xs text-muted-foreground", children: "Waiting for a workspace owner or admin to review this request." })) : null] }));
+}
+export default function VaultRoute() {
+    const { org, role, isLoading: orgLoading, error: orgError } = useOrgRole();
+    const accessReady = !orgLoading && !orgError && !!org;
+    const canManageVault = accessReady && (!org.orgId || role === "owner" || role === "admin");
+    const secretsQuery = useActionQuery("list-vault-secrets", {}, { enabled: canManageVault });
+    const grantsQuery = useActionQuery("list-vault-grants", {}, { enabled: canManageVault });
+    const requestsQuery = useActionQuery("list-vault-requests", {}, { enabled: accessReady });
+    const auditQuery = useActionQuery("list-vault-audit", { limit: 20 }, { enabled: canManageVault });
+    const accessQuery = useActionQuery("get-vault-access-settings", {}, { enabled: accessReady });
+    const { data: secrets, isLoading: secretsLoading } = secretsQuery;
+    const { data: grants } = grantsQuery;
+    const { data: requests } = requestsQuery;
+    const { data: audit } = auditQuery;
+    const { data: accessSettings } = accessQuery;
+    const accessMode = accessSettings?.mode === "manual" ? "manual" : "all-apps";
+    const grantsBySecret = (grants || []).reduce((acc, g) => {
+        if (!acc[g.secretId])
+            acc[g.secretId] = [];
+        acc[g.secretId].push(g);
+        return acc;
+    }, {});
+    const pendingRequests = (requests || []).filter((r) => r.status === "pending");
+    return (_jsx(DispatchShell, { title: "Vault", description: "Centralized secret management for your workspace. Store credentials once and sync them to apps.", children: _jsxs(Tabs, { defaultValue: "secrets", children: [_jsxs(TabsList, { children: [_jsxs(TabsTrigger, { value: "secrets", children: ["Secrets ", (secrets?.length || 0) > 0 && `(${secrets?.length})`] }), _jsxs(TabsTrigger, { value: "requests", children: ["Requests", " ", pendingRequests.length > 0 && (_jsx(Badge, { variant: "secondary", className: "ml-1.5 h-5 px-1.5 text-xs bg-amber-500/10 text-amber-700 dark:text-amber-400", children: pendingRequests.length }))] }), canManageVault ? (_jsx(TabsTrigger, { value: "audit", children: "Audit" })) : null] }), _jsxs(TabsContent, { value: "secrets", className: "mt-4 space-y-3", children: [!accessReady ? (_jsx("div", { className: "space-y-3", children: Array.from({ length: 3 }).map((_, index) => (_jsxs("div", { className: "rounded-lg bg-card px-4 py-4", children: [_jsx(Skeleton, { className: "h-4 w-1/3" }), _jsx(Skeleton, { className: "mt-2 h-3 w-2/3" })] }, index))) })) : !canManageVault ? (_jsxs("div", { className: "rounded-2xl border border-dashed px-6 py-12 text-center", children: [_jsx(IconKey, { size: 32, className: "mx-auto text-muted-foreground/50" }), _jsx("h3", { className: "mt-3 text-sm font-medium text-foreground", children: "Vault management is restricted" }), _jsx("p", { className: "mx-auto mt-1 max-w-md text-sm text-muted-foreground", children: "Workspace owners and admins manage shared secret values. Use a request from the app that needs a key, and an admin can review it from the Requests tab." })] })) : secretsQuery.isError ||
+                            grantsQuery.isError ||
+                            accessQuery.isError ? (_jsx(ActionQueryError, { error: secretsQuery.error ?? grantsQuery.error ?? accessQuery.error, onRetry: () => {
+                                void secretsQuery.refetch();
+                                void grantsQuery.refetch();
+                                void accessQuery.refetch();
+                            } })) : null, accessReady && canManageVault ? (_jsxs(_Fragment, { children: [_jsx(VaultAccessSettingsCard, { mode: accessMode }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [_jsx(IconKey, { size: 16 }), secretsLoading ? (_jsx(Skeleton, { className: "h-4 w-20" })) : (_jsx("span", { children: `${secrets?.length || 0} secret${(secrets?.length || 0) !== 1 ? "s" : ""}` }))] }), _jsx(AddSecretDialog, {})] }), !secretsQuery.isError &&
+                                    secretsLoading &&
+                                    (secrets ?? []).length === 0
+                                    ? Array.from({ length: 3 }).map((_, index) => (_jsxs("div", { className: "rounded-2xl bg-card px-5 py-4 space-y-2", children: [_jsx(Skeleton, { className: "h-4 w-1/3" }), _jsx(Skeleton, { className: "h-3 w-2/3" })] }, index)))
+                                    : (secrets || []).map((secret) => (_jsx(SecretRow, { secret: secret, grants: grantsBySecret[secret.id] || [], accessMode: accessMode }, secret.id))), !secretsQuery.isError &&
+                                    !secretsLoading &&
+                                    (secrets?.length || 0) === 0 && (_jsxs("div", { className: "rounded-2xl border border-dashed px-6 py-12 text-center", children: [_jsx(IconKey, { size: 32, className: "mx-auto text-muted-foreground/50" }), _jsx("h3", { className: "mt-3 text-sm font-medium text-foreground", children: "No secrets yet" }), _jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: "Add your first secret to start sharing credentials across workspace apps." })] }))] })) : null] }), _jsxs(TabsContent, { value: "requests", className: "mt-4 space-y-3", children: [requestsQuery.isError ? (_jsx(ActionQueryError, { error: requestsQuery.error, onRetry: () => void requestsQuery.refetch() })) : null, (requests || []).map((request) => (_jsx(RequestRow, { request: request, canManage: canManageVault }, request.id))), !requestsQuery.isError && (requests?.length || 0) === 0 && (_jsx("div", { className: "rounded-2xl border border-dashed px-6 py-12 text-center text-sm text-muted-foreground", children: "No secret requests yet." }))] }), canManageVault ? (_jsxs(TabsContent, { value: "audit", className: "mt-4 space-y-2", children: [auditQuery.isError ? (_jsx(ActionQueryError, { error: auditQuery.error, onRetry: () => void auditQuery.refetch() })) : null, (audit || []).map((event) => (_jsxs("div", { className: "rounded-xl border bg-muted/30 px-4 py-3", children: [_jsx("div", { className: "text-sm font-medium text-foreground", children: event.summary }), _jsxs("div", { className: "mt-1 text-xs text-muted-foreground", children: [event.actor, " \u00B7 ", new Date(event.createdAt).toLocaleString()] })] }, event.id))), !auditQuery.isError && (audit?.length || 0) === 0 && (_jsx("div", { className: "rounded-2xl border border-dashed px-6 py-12 text-center text-sm text-muted-foreground", children: "No vault activity yet." }))] })) : null] }) }));
+}
+//# sourceMappingURL=vault.js.map