@agent-native/dispatch 0.0.0-beta-20260819155526

package/dist/components/app-row-settings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-row-settings.js","sourceRoot":"","sources":["../../src/components/app-row-settings.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,sCAAsC,CAAC;AACrF,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAE7D,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAEvE,MAAM,oBAAoB,GACxB,6PAA6P,CAAC;AAEhQ,MAAM,UAAU,cAAc,CAAC,EAC7B,IAAI,EACJ,WAAW,GAAG,SAAS,EACvB,QAAQ,GAKT;IACC,OAAO,CACL,MAAC,YAAY,eACX,MAAC,OAAO,eACN,KAAC,cAAc,IAAC,OAAO,kBACrB,KAAC,mBAAmB,IAAC,OAAO,kBAC1B,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,gBACG,gBAAgB,IAAI,EAAE,EAClC,SAAS,EAAE,oBAAoB,YAE/B,KAAC,YAAY,IAAC,IAAI,EAAE,EAAE,GAAI,GACnB,GACW,GACP,EACjB,KAAC,cAAc,+BAA8B,IACrC,EACV,KAAC,mBAAmB,IAClB,KAAK,EAAC,KAAK,EACX,SAAS,EAAE,6BAA6B,YAExC,MAAC,gBAAgB,IAAC,QAAQ,EAAE,QAAQ,aAClC,KAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,iBAAc,MAAM,GAAG,EACxC,WAAW,IACK,GACC,IACT,CAChB,CAAC;AACJ,CAAC","sourcesContent":["import { APP_ACTION_MENU_CONTENT_CLASS } from \"@agent-native/core/client/chat-first\";\nimport { IconPlus, IconSettings } from \"@tabler/icons-react\";\n\nimport { Button } from \"./ui/button\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"./ui/dropdown-menu\";\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"./ui/tooltip\";\n\nconst APP_ROW_ACTION_CLASS =\n  \"size-7 rounded-md p-0 text-muted-foreground transition-[background-color,color] hover:bg-accent hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring data-[state=open]:bg-accent data-[state=open]:text-foreground\";\n\nexport function AppRowSettings({\n  name,\n  addAppLabel = \"Add app\",\n  onAddApp,\n}: {\n  name: string;\n  addAppLabel?: string;\n  onAddApp: () => void;\n}) {\n  return (\n    <DropdownMenu>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <DropdownMenuTrigger asChild>\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"sm\"\n              aria-label={`Settings for ${name}`}\n              className={APP_ROW_ACTION_CLASS}\n            >\n              <IconSettings size={15} />\n            </Button>\n          </DropdownMenuTrigger>\n        </TooltipTrigger>\n        <TooltipContent>App settings</TooltipContent>\n      </Tooltip>\n      <DropdownMenuContent\n        align=\"end\"\n        className={APP_ACTION_MENU_CONTENT_CLASS}\n      >\n        <DropdownMenuItem onSelect={onAddApp}>\n          <IconPlus size={14} aria-hidden=\"true\" />\n          {addAppLabel}\n        </DropdownMenuItem>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n"]}

package/dist/components/approval-value-block.d.ts

@@ -0,0 +1,7 @@
+export declare function parseApprovalValue(value: string | null | undefined): unknown;
+export declare function approvalValuePreview(value: unknown): string;
+export declare function ApprovalValueBlock({ label, value, }: {
+    label: string;
+    value: unknown;
+}): import("node_modules/@types/react").JSX.Element;
+//# sourceMappingURL=approval-value-block.d.ts.map

package/dist/components/approval-value-block.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"approval-value-block.d.ts","sourceRoot":"","sources":["../../src/components/approval-value-block.tsx"],"names":[],"mappings":"AAAA,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,OAAO,CAO5E;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAI3D;AAED,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,KAAK,GACN,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;CAChB,mDAWA"}

package/dist/components/approval-value-block.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function parseApprovalValue(value) {
+    if (!value)
+        return null;
+    try {
+        return JSON.parse(value);
+    }
+    catch {
+        return value;
+    }
+}
+export function approvalValuePreview(value) {
+    if (value === null || value === undefined)
+        return "None";
+    if (typeof value === "string")
+        return value;
+    return JSON.stringify(value, null, 2);
+}
+export function ApprovalValueBlock({ label, value, }) {
+    return (_jsxs("div", { className: "space-y-1.5", children: [_jsx("div", { className: "text-[11px] font-medium uppercase text-muted-foreground", children: label }), _jsx("pre", { className: "max-h-40 overflow-auto rounded-lg border bg-background p-2 text-[11px] leading-relaxed text-foreground", children: approvalValuePreview(value) })] }));
+}
+//# sourceMappingURL=approval-value-block.js.map

package/dist/components/approval-value-block.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"approval-value-block.js","sourceRoot":"","sources":["../../src/components/approval-value-block.tsx"],"names":[],"mappings":";AAAA,MAAM,UAAU,kBAAkB,CAAC,KAAgC;IACjE,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAC;IACxB,IAAI,CAAC;QACH,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,KAAK,CAAC;IACf,CAAC;AACH,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,KAAc;IACjD,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS;QAAE,OAAO,MAAM,CAAC;IACzD,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,KAAK,CAAC;IAC5C,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;AACxC,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,EACjC,KAAK,EACL,KAAK,GAIN;IACC,OAAO,CACL,eAAK,SAAS,EAAC,aAAa,aAC1B,cAAK,SAAS,EAAC,yDAAyD,YACrE,KAAK,GACF,EACN,cAAK,SAAS,EAAC,wGAAwG,YACpH,oBAAoB,CAAC,KAAK,CAAC,GACxB,IACF,CACP,CAAC;AACJ,CAAC","sourcesContent":["export function parseApprovalValue(value: string | null | undefined): unknown {\n  if (!value) return null;\n  try {\n    return JSON.parse(value);\n  } catch {\n    return value;\n  }\n}\n\nexport function approvalValuePreview(value: unknown): string {\n  if (value === null || value === undefined) return \"None\";\n  if (typeof value === \"string\") return value;\n  return JSON.stringify(value, null, 2);\n}\n\nexport function ApprovalValueBlock({\n  label,\n  value,\n}: {\n  label: string;\n  value: unknown;\n}) {\n  return (\n    <div className=\"space-y-1.5\">\n      <div className=\"text-[11px] font-medium uppercase text-muted-foreground\">\n        {label}\n      </div>\n      <pre className=\"max-h-40 overflow-auto rounded-lg border bg-background p-2 text-[11px] leading-relaxed text-foreground\">\n        {approvalValuePreview(value)}\n      </pre>\n    </div>\n  );\n}\n"]}

package/dist/components/automation-run-history-dialog.d.ts

@@ -0,0 +1,9 @@
+import type { DispatchAutomationItem } from "../lib/automations.js";
+interface AutomationRunHistoryDialogProps {
+    automation: DispatchAutomationItem | null;
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+}
+export declare function AutomationRunHistoryDialog({ automation, open, onOpenChange, }: AutomationRunHistoryDialogProps): import("node_modules/@types/react").JSX.Element;
+export {};
+//# sourceMappingURL=automation-run-history-dialog.d.ts.map

package/dist/components/automation-run-history-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"automation-run-history-dialog.d.ts","sourceRoot":"","sources":["../../src/components/automation-run-history-dialog.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAsBjE,UAAU,+BAA+B;IACvC,UAAU,EAAE,sBAAsB,GAAG,IAAI,CAAC;IAC1C,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC;AAgCD,wBAAgB,0BAA0B,CAAC,EACzC,UAAU,EACV,IAAI,EACJ,YAAY,GACb,EAAE,+BAA+B,mDA4KjC"}

package/dist/components/automation-run-history-dialog.js

@@ -0,0 +1,63 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useActionQuery } from "@agent-native/core/client/hooks";
+import { IconAlertTriangle, IconClock, IconExternalLink, } from "@tabler/icons-react";
+import { Link } from "react-router";
+import { automationScopeLabel, automationTarget, } from "../lib/automation-display.js";
+import { ActionQueryError } from "./action-query-error.js";
+import { Badge } from "./ui/badge.js";
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from "./ui/dialog.js";
+import { Skeleton } from "./ui/skeleton.js";
+function runStatusVariant(status) {
+    if (status === "error")
+        return "destructive";
+    if (status === "success")
+        return "default";
+    return "outline";
+}
+function formatTimestamp(value) {
+    const date = new Date(value);
+    return Number.isNaN(date.getTime()) ? "Unknown time" : date.toLocaleString();
+}
+function formatDuration(run) {
+    if (!run.finishedAt)
+        return null;
+    const seconds = Math.max(0, Math.round((run.finishedAt - run.startedAt) / 1000));
+    return `${seconds}s`;
+}
+function runDebugPath(run) {
+    const params = new URLSearchParams();
+    if (run.runId)
+        params.set("runId", run.runId);
+    else if (run.threadId)
+        params.set("threadId", run.threadId);
+    else
+        return null;
+    return `/admin/thread-debug?${params.toString()}`;
+}
+export function AutomationRunHistoryDialog({ automation, open, onOpenChange, }) {
+    const scope = automation?.scope === "organization" ||
+        automation?.owner.startsWith("__organization__:") ||
+        automation?.owner === "__shared__"
+        ? "organization"
+        : "personal";
+    const runsQuery = useActionQuery("list-automation-runs", {
+        name: automation?.name ?? "",
+        scope,
+        appId: automation?.appId ?? "dispatch",
+    }, {
+        enabled: open && Boolean(automation),
+        staleTime: 5_000,
+    });
+    const runs = runsQuery.data ?? [];
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "max-h-[85vh] max-w-2xl overflow-y-auto", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: automation?.name ?? "Automation details" }), _jsx(DialogDescription, { children: automation
+                                ? `${automationTarget(automation)} · ${automationScopeLabel(automation)}`
+                                : "Execution history" })] }), automation ? (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "grid grid-cols-2 gap-x-4 gap-y-3 rounded-lg border bg-muted/20 p-3 text-sm", children: [_jsxs("div", { children: [_jsx("div", { className: "text-[11px] uppercase tracking-wide text-muted-foreground", children: "Status" }), _jsx("div", { className: "mt-1 font-medium", children: automation.lastStatus ??
+                                                (automation.enabled ? "ready" : "paused") })] }), _jsxs("div", { children: [_jsx("div", { className: "text-[11px] uppercase tracking-wide text-muted-foreground", children: "Last check" }), _jsx("div", { className: "mt-1 font-medium", children: automation.lastCheck
+                                                ? formatTimestamp(new Date(automation.lastCheck).getTime())
+                                                : "Not recorded" })] }), _jsxs("div", { children: [_jsx("div", { className: "text-[11px] uppercase tracking-wide text-muted-foreground", children: "Created by" }), _jsx("div", { className: "mt-1 break-words font-medium", children: automation.createdBy ?? "Unknown" })] }), _jsxs("div", { children: [_jsx("div", { className: "text-[11px] uppercase tracking-wide text-muted-foreground", children: "Timezone" }), _jsx("div", { className: "mt-1 font-medium", children: automation.timezone ?? "Account default" })] })] }), automation.lastError ? (_jsxs("div", { className: "flex items-start gap-2 rounded-lg border border-destructive/30 bg-destructive/5 p-3", children: [_jsx(IconAlertTriangle, { className: "mt-0.5 size-4 shrink-0 text-destructive" }), _jsxs("div", { className: "min-w-0", children: [_jsx("p", { className: "text-sm font-medium text-destructive", children: "Latest scheduler result" }), _jsx("p", { className: "mt-1 break-words text-sm text-muted-foreground", children: automation.lastError })] })] })) : null, _jsxs("div", { children: [_jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-sm font-semibold text-foreground", children: "Past runs" }), _jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: "Only executions that actually started appear here. Blocked or skipped scheduler checks are shown above, not as fake runs." })] }), runs.length > 0 ? (_jsxs(Badge, { variant: "outline", children: [runs.length, " shown"] })) : null] }), _jsx("div", { className: "mt-3", children: runsQuery.isLoading ? (_jsx("div", { className: "space-y-3 rounded-lg border p-4", children: Array.from({ length: 3 }).map((_, index) => (_jsxs("div", { className: "space-y-2", children: [_jsx(Skeleton, { className: "h-4 w-2/3" }), _jsx(Skeleton, { className: "h-3 w-1/2" })] }, index))) })) : runsQuery.isError ? (_jsx(ActionQueryError, { error: runsQuery.error, onRetry: () => void runsQuery.refetch() })) : runs.length === 0 ? (_jsx("div", { className: "rounded-lg border border-dashed p-4 text-sm text-muted-foreground", children: "This automation has not recorded an execution yet. If it is enabled but shows no runs, inspect the latest scheduler result and last check above." })) : (_jsx("ul", { className: "divide-y rounded-lg border", children: runs.map((run) => {
+                                            const debugPath = runDebugPath(run);
+                                            const duration = formatDuration(run);
+                                            return (_jsxs("li", { className: "space-y-2 p-3", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2 text-sm", children: [_jsx(Badge, { variant: runStatusVariant(run.status), children: run.status }), _jsx("span", { className: "text-muted-foreground", children: formatTimestamp(run.startedAt) }), duration ? (_jsxs("span", { className: "inline-flex items-center gap-1 text-xs text-muted-foreground", children: [_jsx(IconClock, { className: "size-3.5" }), duration] })) : null, debugPath ? (_jsxs(Link, { to: debugPath, className: "ml-auto inline-flex items-center gap-1 text-xs font-medium text-foreground underline-offset-4 hover:underline", children: [_jsx(IconExternalLink, { className: "size-3.5" }), "Open debug"] })) : null] }), run.error ? (_jsx("p", { className: "break-words text-sm text-destructive", children: run.error })) : null] }, run.id));
+                                        }) })) })] })] })) : null] }) }));
+}
+//# sourceMappingURL=automation-run-history-dialog.js.map

package/dist/components/automation-run-history-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"automation-run-history-dialog.js","sourceRoot":"","sources":["../../src/components/automation-run-history-dialog.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useActionQuery } from \"@agent-native/core/client/hooks\";\nimport {\n  IconAlertTriangle,\n  IconClock,\n  IconExternalLink,\n} from \"@tabler/icons-react\";\nimport { Link } from \"react-router\";\n\nimport {\n  automationScopeLabel,\n  automationTarget,\n} from \"../lib/automation-display\";\nimport type { DispatchAutomationItem } from \"../lib/automations\";\nimport { ActionQueryError } from \"./action-query-error\";\nimport { Badge } from \"./ui/badge\";\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n} from \"./ui/dialog\";\nimport { Skeleton } from \"./ui/skeleton\";\n\ninterface AutomationRun {\n  id: string;\n  runId: string | null;\n  threadId: string | null;\n  status: \"running\" | \"success\" | \"error\" | \"interrupted\";\n  startedAt: number;\n  finishedAt: number | null;\n  error: string | null;\n}\n\ninterface AutomationRunHistoryDialogProps {\n  automation: DispatchAutomationItem | null;\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n}\n\nfunction runStatusVariant(\n  status: AutomationRun[\"status\"],\n): \"default\" | \"destructive\" | \"outline\" {\n  if (status === \"error\") return \"destructive\";\n  if (status === \"success\") return \"default\";\n  return \"outline\";\n}\n\nfunction formatTimestamp(value: number): string {\n  const date = new Date(value);\n  return Number.isNaN(date.getTime()) ? \"Unknown time\" : date.toLocaleString();\n}\n\nfunction formatDuration(run: AutomationRun): string | null {\n  if (!run.finishedAt) return null;\n  const seconds = Math.max(\n    0,\n    Math.round((run.finishedAt - run.startedAt) / 1000),\n  );\n  return `${seconds}s`;\n}\n\nfunction runDebugPath(run: AutomationRun): string | null {\n  const params = new URLSearchParams();\n  if (run.runId) params.set(\"runId\", run.runId);\n  else if (run.threadId) params.set(\"threadId\", run.threadId);\n  else return null;\n  return `/admin/thread-debug?${params.toString()}`;\n}\n\nexport function AutomationRunHistoryDialog({\n  automation,\n  open,\n  onOpenChange,\n}: AutomationRunHistoryDialogProps) {\n  const scope =\n    automation?.scope === \"organization\" ||\n    automation?.owner.startsWith(\"__organization__:\") ||\n    automation?.owner === \"__shared__\"\n      ? \"organization\"\n      : \"personal\";\n  const runsQuery = useActionQuery<AutomationRun[]>(\n    \"list-automation-runs\",\n    {\n      name: automation?.name ?? \"\",\n      scope,\n      appId: automation?.appId ?? \"dispatch\",\n    },\n    {\n      enabled: open && Boolean(automation),\n      staleTime: 5_000,\n    },\n  );\n  const runs = runsQuery.data ?? [];\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent className=\"max-h-[85vh] max-w-2xl overflow-y-auto\">\n        <DialogHeader>\n          <DialogTitle>{automation?.name ?? \"Automation details\"}</DialogTitle>\n          <DialogDescription>\n            {automation\n              ? `${automationTarget(automation)} · ${automationScopeLabel(automation)}`\n              : \"Execution history\"}\n          </DialogDescription>\n        </DialogHeader>\n\n        {automation ? (\n          <div className=\"space-y-4\">\n            <div className=\"grid grid-cols-2 gap-x-4 gap-y-3 rounded-lg border bg-muted/20 p-3 text-sm\">\n              <div>\n                <div className=\"text-[11px] uppercase tracking-wide text-muted-foreground\">\n                  Status\n                </div>\n                <div className=\"mt-1 font-medium\">\n                  {automation.lastStatus ??\n                    (automation.enabled ? \"ready\" : \"paused\")}\n                </div>\n              </div>\n              <div>\n                <div className=\"text-[11px] uppercase tracking-wide text-muted-foreground\">\n                  Last check\n                </div>\n                <div className=\"mt-1 font-medium\">\n                  {automation.lastCheck\n                    ? formatTimestamp(new Date(automation.lastCheck).getTime())\n                    : \"Not recorded\"}\n                </div>\n              </div>\n              <div>\n                <div className=\"text-[11px] uppercase tracking-wide text-muted-foreground\">\n                  Created by\n                </div>\n                <div className=\"mt-1 break-words font-medium\">\n                  {automation.createdBy ?? \"Unknown\"}\n                </div>\n              </div>\n              <div>\n                <div className=\"text-[11px] uppercase tracking-wide text-muted-foreground\">\n                  Timezone\n                </div>\n                <div className=\"mt-1 font-medium\">\n                  {automation.timezone ?? \"Account default\"}\n                </div>\n              </div>\n            </div>\n\n            {automation.lastError ? (\n              <div className=\"flex items-start gap-2 rounded-lg border border-destructive/30 bg-destructive/5 p-3\">\n                <IconAlertTriangle className=\"mt-0.5 size-4 shrink-0 text-destructive\" />\n                <div className=\"min-w-0\">\n                  <p className=\"text-sm font-medium text-destructive\">\n                    Latest scheduler result\n                  </p>\n                  <p className=\"mt-1 break-words text-sm text-muted-foreground\">\n                    {automation.lastError}\n                  </p>\n                </div>\n              </div>\n            ) : null}\n\n            <div>\n              <div className=\"flex items-center justify-between gap-3\">\n                <div>\n                  <h3 className=\"text-sm font-semibold text-foreground\">\n                    Past runs\n                  </h3>\n                  <p className=\"mt-1 text-xs text-muted-foreground\">\n                    Only executions that actually started appear here. Blocked\n                    or skipped scheduler checks are shown above, not as fake\n                    runs.\n                  </p>\n                </div>\n                {runs.length > 0 ? (\n                  <Badge variant=\"outline\">{runs.length} shown</Badge>\n                ) : null}\n              </div>\n\n              <div className=\"mt-3\">\n                {runsQuery.isLoading ? (\n                  <div className=\"space-y-3 rounded-lg border p-4\">\n                    {Array.from({ length: 3 }).map((_, index) => (\n                      <div key={index} className=\"space-y-2\">\n                        <Skeleton className=\"h-4 w-2/3\" />\n                        <Skeleton className=\"h-3 w-1/2\" />\n                      </div>\n                    ))}\n                  </div>\n                ) : runsQuery.isError ? (\n                  <ActionQueryError\n                    error={runsQuery.error}\n                    onRetry={() => void runsQuery.refetch()}\n                  />\n                ) : runs.length === 0 ? (\n                  <div className=\"rounded-lg border border-dashed p-4 text-sm text-muted-foreground\">\n                    This automation has not recorded an execution yet. If it is\n                    enabled but shows no runs, inspect the latest scheduler\n                    result and last check above.\n                  </div>\n                ) : (\n                  <ul className=\"divide-y rounded-lg border\">\n                    {runs.map((run) => {\n                      const debugPath = runDebugPath(run);\n                      const duration = formatDuration(run);\n                      return (\n                        <li key={run.id} className=\"space-y-2 p-3\">\n                          <div className=\"flex flex-wrap items-center gap-2 text-sm\">\n                            <Badge variant={runStatusVariant(run.status)}>\n                              {run.status}\n                            </Badge>\n                            <span className=\"text-muted-foreground\">\n                              {formatTimestamp(run.startedAt)}\n                            </span>\n                            {duration ? (\n                              <span className=\"inline-flex items-center gap-1 text-xs text-muted-foreground\">\n                                <IconClock className=\"size-3.5\" />\n                                {duration}\n                              </span>\n                            ) : null}\n                            {debugPath ? (\n                              <Link\n                                to={debugPath}\n                                className=\"ml-auto inline-flex items-center gap-1 text-xs font-medium text-foreground underline-offset-4 hover:underline\"\n                              >\n                                <IconExternalLink className=\"size-3.5\" />\n                                Open debug\n                              </Link>\n                            ) : null}\n                          </div>\n                          {run.error ? (\n                            <p className=\"break-words text-sm text-destructive\">\n                              {run.error}\n                            </p>\n                          ) : null}\n                        </li>\n                      );\n                    })}\n                  </ul>\n                )}\n              </div>\n            </div>\n          </div>\n        ) : null}\n      </DialogContent>\n    </Dialog>\n  );\n}\n"]}

package/dist/components/connected-app-card.d.ts

@@ -0,0 +1,6 @@
+import type { ConnectedAppSummary } from "../lib/other-apps.js";
+export declare function ConnectedAppCard({ app, className, }: {
+    app: ConnectedAppSummary;
+    className?: string;
+}): import("node_modules/@types/react").JSX.Element;
+//# sourceMappingURL=connected-app-card.d.ts.map

package/dist/components/connected-app-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"connected-app-card.d.ts","sourceRoot":"","sources":["../../src/components/connected-app-card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAK7D,wBAAgB,gBAAgB,CAAC,EAC/B,GAAG,EACH,SAAS,GACV,EAAE;IACD,GAAG,EAAE,mBAAmB,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,mDAyBA"}

package/dist/components/connected-app-card.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { withBuilderUtmTrackingParams } from "@agent-native/core/shared/builder-link-tracking";
+import { AppIcon } from "./app-icon.js";
+import { AppListRow } from "./app-list-row.js";
+import { AppOpenActions } from "./app-open-actions.js";
+export function ConnectedAppCard({ app, className, }) {
+    const launchUrl = app.homeUrl ?? app.url;
+    return (_jsxs(AppListRow, { className: className, children: [_jsx(AppIcon, { id: app.id, name: app.name, color: app.color, size: "sm" }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "truncate text-sm font-semibold text-foreground", children: app.name }), _jsx("div", { className: "mt-0.5 truncate text-xs text-muted-foreground", children: app.description || app.url })] }), _jsx(AppOpenActions, { name: app.name, href: withBuilderUtmTrackingParams(launchUrl, {
+                    campaign: "product",
+                    content: "dispatch_app",
+                }), rel: "noopener noreferrer", showNewTabOption: true })] }));
+}
+//# sourceMappingURL=connected-app-card.js.map

package/dist/components/connected-app-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"connected-app-card.js","sourceRoot":"","sources":["../../src/components/connected-app-card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,4BAA4B,EAAE,MAAM,iDAAiD,CAAC;AAG/F,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,MAAM,UAAU,gBAAgB,CAAC,EAC/B,GAAG,EACH,SAAS,GAIV;IACC,MAAM,SAAS,GAAG,GAAG,CAAC,OAAO,IAAI,GAAG,CAAC,GAAG,CAAC;IAEzC,OAAO,CACL,MAAC,UAAU,IAAC,SAAS,EAAE,SAAS,aAC9B,KAAC,OAAO,IAAC,EAAE,EAAE,GAAG,CAAC,EAAE,EAAE,IAAI,EAAE,GAAG,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,EAAE,IAAI,EAAC,IAAI,GAAG,EACnE,eAAK,SAAS,EAAC,gBAAgB,aAC7B,cAAK,SAAS,EAAC,gDAAgD,YAC5D,GAAG,CAAC,IAAI,GACL,EACN,cAAK,SAAS,EAAC,+CAA+C,YAC3D,GAAG,CAAC,WAAW,IAAI,GAAG,CAAC,GAAG,GACvB,IACF,EACN,KAAC,cAAc,IACb,IAAI,EAAE,GAAG,CAAC,IAAI,EACd,IAAI,EAAE,4BAA4B,CAAC,SAAS,EAAE;oBAC5C,QAAQ,EAAE,SAAS;oBACnB,OAAO,EAAE,cAAc;iBACxB,CAAC,EACF,GAAG,EAAC,qBAAqB,EACzB,gBAAgB,SAChB,IACS,CACd,CAAC;AACJ,CAAC","sourcesContent":["import { withBuilderUtmTrackingParams } from \"@agent-native/core/shared/builder-link-tracking\";\n\nimport type { ConnectedAppSummary } from \"../lib/other-apps\";\nimport { AppIcon } from \"./app-icon\";\nimport { AppListRow } from \"./app-list-row\";\nimport { AppOpenActions } from \"./app-open-actions\";\n\nexport function ConnectedAppCard({\n  app,\n  className,\n}: {\n  app: ConnectedAppSummary;\n  className?: string;\n}) {\n  const launchUrl = app.homeUrl ?? app.url;\n\n  return (\n    <AppListRow className={className}>\n      <AppIcon id={app.id} name={app.name} color={app.color} size=\"sm\" />\n      <div className=\"min-w-0 flex-1\">\n        <div className=\"truncate text-sm font-semibold text-foreground\">\n          {app.name}\n        </div>\n        <div className=\"mt-0.5 truncate text-xs text-muted-foreground\">\n          {app.description || app.url}\n        </div>\n      </div>\n      <AppOpenActions\n        name={app.name}\n        href={withBuilderUtmTrackingParams(launchUrl, {\n          campaign: \"product\",\n          content: \"dispatch_app\",\n        })}\n        rel=\"noopener noreferrer\"\n        showNewTabOption\n      />\n    </AppListRow>\n  );\n}\n"]}

package/dist/components/create-app-popover.d.ts

@@ -0,0 +1,29 @@
+import { type ReactNode } from "react";
+interface CreateAppPopoverProps {
+    /**
+     * Custom trigger element. Defaults to a dashed-border tile that matches the
+     * apps grid empty state.
+     */
+    trigger?: ReactNode;
+    /**
+     * Override the popover alignment. Defaults to "center" with a 10px offset.
+     */
+    align?: "start" | "center" | "end";
+    /**
+     * Called after the server accepts a Builder app creation request.
+     */
+    onCreated?: () => void;
+}
+/**
+ * Inline two-step app-creation flow: prompt → optional access picker → submit.
+ * Used both in the popover form and in the dedicated `/new-app` page so the
+ * same UX shows up everywhere a teammate kicks off a new workspace app.
+ */
+export declare function CreateAppFlow({ onClose, onCreated, className, }: {
+    onClose?: () => void;
+    onCreated?: () => void;
+    className?: string;
+}): import("node_modules/@types/react").JSX.Element;
+export declare function CreateAppPopover({ trigger, align, onCreated, }: CreateAppPopoverProps): import("node_modules/@types/react").JSX.Element;
+export {};
+//# sourceMappingURL=create-app-popover.d.ts.map

package/dist/components/create-app-popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-app-popover.d.ts","sourceRoot":"","sources":["../../src/components/create-app-popover.tsx"],"names":[],"mappings":"AA2BA,OAAO,EAAgC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAyBrE,UAAU,qBAAqB;IAC7B;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAwCD;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,SAAS,EACT,SAAc,GACf,EAAE;IACD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,mDA6gBA;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,KAAgB,EAChB,SAAS,GACV,EAAE,qBAAqB,mDA0BvB"}

package/dist/components/create-app-popover.js

@@ -0,0 +1,262 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { sendToAgentChat } from "@agent-native/core/client/agent-chat";
+import { useDevMode } from "@agent-native/core/client/agent-chat";
+import { agentNativePath, appBasePath, } from "@agent-native/core/client/api-path";
+import { PromptComposer } from "@agent-native/core/client/composer";
+import { isInBuilderFrame } from "@agent-native/core/client/host";
+import { useBuilderConnectFlow } from "@agent-native/core/client/settings/useBuilderStatus";
+import { buildChatFirstAppCreationPrompt, docsUrl, getWorkspaceAppIdValidationError, titleFromChatFirstAppPrompt, } from "@agent-native/core/shared";
+import { IconAlertTriangle, IconArrowLeft, IconArrowUpRight, IconBook, IconCheck, IconChevronDown, IconFileText, IconKey, IconLoader2, IconPlus, } from "@tabler/icons-react";
+import { useEffect, useMemo, useState } from "react";
+import { Button } from "./ui/button.js";
+import { Popover, PopoverContent, PopoverTrigger } from "./ui/popover.js";
+async function fetchJson(url, init) {
+    const res = await fetch(url, init);
+    const data = await res.json().catch(() => null);
+    if (!res.ok) {
+        throw new Error(data?.error || data?.message || `Request failed ${res.status}`);
+    }
+    return data;
+}
+function defaultDispatchBasePath() {
+    const base = appBasePath();
+    if (base === "/dispatch")
+        return null;
+    return null;
+}
+function actionUrl(basePath, action) {
+    const path = `/_agent-native/actions/${action}`;
+    if (basePath === null)
+        return agentNativePath(path);
+    const normalized = basePath.replace(/\/+$/, "");
+    return `${normalized}${path}`;
+}
+const ERROR_FAILURE_REASONS = new Set([
+    "builder-error",
+    "builder-not-connected",
+    "credential-store-unavailable",
+    "settings-management-required",
+]);
+const LOCAL_APP_DOCS_URL = docsUrl("multi-app-workspace", {
+    hash: "adding-a-new-app",
+});
+function isErrorFailureReason(reason) {
+    return !!reason && ERROR_FAILURE_REASONS.has(reason);
+}
+/**
+ * Inline two-step app-creation flow: prompt → optional access picker → submit.
+ * Used both in the popover form and in the dedicated `/new-app` page so the
+ * same UX shows up everywhere a teammate kicks off a new workspace app.
+ */
+export function CreateAppFlow({ onClose, onCreated, className = "", }) {
+    const [step, setStep] = useState("prompt");
+    const [prompt, setPrompt] = useState("");
+    const [selectedSecretIds, setSelectedSecretIds] = useState([]);
+    const [selectedResourceIds, setSelectedResourceIds] = useState([]);
+    const [secrets, setSecrets] = useState([]);
+    const [resources, setResources] = useState([]);
+    const [vaultAccessMode, setVaultAccessMode] = useState("all-apps");
+    const [secretsError, setSecretsError] = useState(null);
+    const [resourcesError, setResourcesError] = useState(null);
+    const [statusMessage, setStatusMessage] = useState(null);
+    const [branchUrl, setBranchUrl] = useState(null);
+    const [failureReason, setFailureReason] = useState(null);
+    const [isSubmitting, setIsSubmitting] = useState(false);
+    const { isDevMode } = useDevMode();
+    const basePath = useMemo(() => defaultDispatchBasePath(), []);
+    // Enabled only while the connect CTA is on screen. Left always-on, the hook
+    // would poll Builder status on every popover mount and fire onConnected on
+    // its first status read for anyone already connected.
+    const connectFlow = useBuilderConnectFlow({
+        enabled: failureReason === "builder-not-connected",
+        trackingSource: "dispatch_create_app",
+        trackingFlow: "create_app",
+        onConnected: () => {
+            setFailureReason(null);
+            setStatusMessage("Builder connected. Press Create app to try again.");
+        },
+    });
+    // Fetch access options eagerly so step 2 has them ready immediately.
+    useEffect(() => {
+        let cancelled = false;
+        fetchJson(actionUrl(basePath, "list-vault-secret-options"))
+            .then((data) => {
+            if (cancelled)
+                return;
+            setSecrets(Array.isArray(data) ? data : []);
+            setSecretsError(null);
+        })
+            .catch((err) => {
+            if (cancelled)
+                return;
+            setSecrets([]);
+            setSecretsError(err?.message || "Could not load Dispatch keys");
+        });
+        fetchJson(actionUrl(basePath, "get-vault-access-settings"))
+            .then((data) => {
+            if (cancelled)
+                return;
+            setVaultAccessMode(data?.mode === "manual" ? "manual" : "all-apps");
+        })
+            .catch(() => {
+            if (cancelled)
+                return;
+            setVaultAccessMode("manual");
+        });
+        fetchJson(actionUrl(basePath, "list-workspace-resource-options"))
+            .then((data) => {
+            if (cancelled)
+                return;
+            setResources(Array.isArray(data) ? data : []);
+            setResourcesError(null);
+        })
+            .catch((err) => {
+            if (cancelled)
+                return;
+            setResources([]);
+            setResourcesError(err?.message || "Could not load Dispatch resources");
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [basePath]);
+    const selectedSecrets = useMemo(() => secrets.filter((s) => selectedSecretIds.includes(s.id)), [secrets, selectedSecretIds]);
+    const selectedResources = useMemo(() => resources.filter((r) => selectedResourceIds.includes(r.id)), [resources, selectedResourceIds]);
+    const selectedSecretLabel = vaultAccessMode === "all-apps"
+        ? "all keys"
+        : selectedSecretIds.length === 0
+            ? "no keys"
+            : `${selectedSecretIds.length} key${selectedSecretIds.length === 1 ? "" : "s"}`;
+    const selectedResourceLabel = selectedResourceIds.length === 0
+        ? "no resources"
+        : `${selectedResourceIds.length} resource${selectedResourceIds.length === 1 ? "" : "s"}`;
+    const selectedAccessLabel = [selectedSecretLabel, selectedResourceLabel].join(" · ");
+    function toggleSecret(id) {
+        setSelectedSecretIds((cur) => cur.includes(id) ? cur.filter((x) => x !== id) : [...cur, id]);
+    }
+    function toggleResource(id) {
+        setSelectedResourceIds((cur) => cur.includes(id) ? cur.filter((x) => x !== id) : [...cur, id]);
+    }
+    async function submit(rawPrompt) {
+        const trimmed = rawPrompt.trim();
+        if (!trimmed || isSubmitting)
+            return;
+        const appId = titleFromChatFirstAppPrompt(trimmed);
+        const validationError = getWorkspaceAppIdValidationError(appId);
+        if (validationError) {
+            setStatusMessage(validationError);
+            return;
+        }
+        const message = buildChatFirstAppCreationPrompt({
+            appId,
+            prompt: trimmed,
+            selectedKeys: vaultAccessMode === "manual"
+                ? selectedSecrets.map((s) => s.credentialKey)
+                : [],
+            selectedResources,
+            vaultAccessMode,
+        });
+        setIsSubmitting(true);
+        setStatusMessage(null);
+        setBranchUrl(null);
+        setFailureReason(null);
+        try {
+            if (isInBuilderFrame()) {
+                sendToAgentChat({ message, submit: true, type: "code" });
+                setStatusMessage("Sent to Builder chat.");
+                onClose?.();
+            }
+            else if (isDevMode) {
+                sendToAgentChat({
+                    message,
+                    submit: true,
+                    type: "code",
+                    newTab: true,
+                    reuseEmptyTab: true,
+                });
+                setStatusMessage("Sent to the local agent.");
+                onClose?.();
+            }
+            else {
+                const result = await fetchJson(actionUrl(basePath, "start-workspace-app-creation"), {
+                    method: "POST",
+                    headers: { "Content-Type": "application/json" },
+                    body: JSON.stringify({
+                        prompt: trimmed,
+                        appId,
+                        secretIds: vaultAccessMode === "manual" && selectedSecretIds.length > 0
+                            ? selectedSecretIds
+                            : [],
+                        resourceIds: selectedResourceIds.length > 0 ? selectedResourceIds : [],
+                    }),
+                });
+                if (result?.mode === "builder") {
+                    onCreated?.();
+                    setBranchUrl(result?.url || null);
+                    setStatusMessage("Builder branch created.");
+                }
+                else if (result?.mode === "local-agent") {
+                    sendToAgentChat({
+                        message: result.prompt ?? message,
+                        submit: true,
+                        type: "code",
+                        newTab: true,
+                        reuseEmptyTab: true,
+                    });
+                    setStatusMessage("Sent to the local agent.");
+                    onClose?.();
+                }
+                else {
+                    setStatusMessage(result?.message ||
+                        "This requires a code change. Edit locally or use Builder.io to edit this code in the cloud and continue customizing the app any way you like.");
+                    setFailureReason(result?.mode === "builder-unavailable" ? result.reason : null);
+                }
+            }
+        }
+        catch (err) {
+            setStatusMessage(err?.message || "Could not start the new app flow.");
+            setFailureReason(null);
+        }
+        finally {
+            setIsSubmitting(false);
+        }
+    }
+    const submitWithSelectedAccess = () => submit(prompt);
+    const isCreatingBuilderBranch = isSubmitting && !isInBuilderFrame() && !isDevMode;
+    if (branchUrl) {
+        return (_jsxs("div", { className: `flex min-h-[260px] flex-col items-center justify-center gap-5 px-6 py-8 text-center ${className}`, children: [_jsx("span", { className: "flex size-11 items-center justify-center rounded-full bg-primary/10 text-primary", children: _jsx(IconCheck, { className: "size-5", "aria-hidden": "true" }) }), _jsxs("div", { className: "space-y-2", children: [_jsx("h2", { className: "text-base font-semibold text-foreground", children: "Your Builder branch is ready" }), _jsx("p", { className: "text-sm leading-6 text-muted-foreground", children: "Continue building and editing your app in Builder." })] }), _jsx(Button, { asChild: true, className: "w-full sm:w-auto", children: _jsxs("a", { href: branchUrl, target: "_blank", rel: "noreferrer", children: ["Open in Builder ", _jsx(IconArrowUpRight, { "aria-hidden": "true" })] }) })] }));
+    }
+    if (isCreatingBuilderBranch) {
+        return (_jsxs("div", { className: `flex min-h-[260px] flex-col items-center justify-center gap-4 px-6 py-8 text-center ${className}`, "aria-live": "polite", children: [_jsx(IconLoader2, { className: "size-7 animate-spin text-muted-foreground", "aria-hidden": "true" }), _jsxs("div", { className: "space-y-2", children: [_jsx("h2", { className: "text-base font-semibold text-foreground", children: "Creating your Builder branch" }), _jsx("p", { className: "text-sm leading-6 text-muted-foreground", children: "This usually takes a few seconds." })] })] }));
+    }
+    return (_jsxs("div", { className: `flex flex-col gap-3 ${className}`, children: [step === "prompt" ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex items-center justify-between gap-2 px-1", children: [_jsx("p", { className: "text-sm font-semibold text-foreground", children: "Create app" }), _jsxs("button", { type: "button", onClick: () => setStep("access"), className: "inline-flex cursor-pointer items-center gap-1 rounded-md border border-border bg-background/40 px-2 py-1 text-[11px] text-muted-foreground hover:text-foreground hover:bg-accent/50", children: [_jsx(IconKey, { size: 11 }), selectedAccessLabel] })] }), _jsx(PromptComposer, { autoFocus: true, disabled: isSubmitting, placeholder: "Describe the app your teammate should be able to use...", draftScope: "dispatch:create-app", preserveDraftOnSubmit: true, onSubmit: (text) => {
+                            setPrompt(text);
+                            submit(text);
+                        } })] })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex items-center justify-between gap-2 px-1", children: [_jsxs("button", { type: "button", onClick: () => setStep("prompt"), className: "inline-flex cursor-pointer items-center gap-1 text-xs text-muted-foreground hover:text-foreground", children: [_jsx(IconArrowLeft, { size: 12 }), "Back"] }), _jsx("span", { className: "text-[11px] text-muted-foreground/70", children: selectedAccessLabel })] }), _jsxs("div", { className: "max-h-[180px] space-y-2 overflow-y-auto rounded-md border border-border bg-card p-2", children: [_jsxs("div", { className: "flex items-center gap-1.5 px-1 pb-1 text-[11px] font-medium text-muted-foreground", children: [_jsx(IconKey, { size: 12 }), "Dispatch keys"] }), vaultAccessMode === "all-apps" ? (_jsx("p", { className: "rounded-md border border-dashed border-border px-3 py-3 text-xs text-muted-foreground", children: "Every saved Dispatch vault key is available to new apps." })) : secretsError ? (_jsx("p", { className: "rounded-md border border-dashed border-border px-3 py-3 text-xs text-muted-foreground", children: secretsError })) : secrets.length === 0 ? (_jsx("p", { className: "rounded-md border border-dashed border-border px-3 py-3 text-xs text-muted-foreground", children: "No Dispatch vault keys found yet." })) : (secrets.map((secret) => {
+                                const selected = selectedSecretIds.includes(secret.id);
+                                return (_jsxs("div", { className: `group rounded-md border text-sm ${selected
+                                        ? "border-primary/45 bg-primary/5"
+                                        : "border-border hover:border-muted-foreground/40 hover:bg-accent/35"}`, children: [_jsxs("button", { type: "button", "aria-pressed": selected, onClick: () => toggleSecret(secret.id), className: "flex w-full cursor-pointer items-start gap-3 rounded-md px-3 py-2 text-left", children: [_jsx("span", { className: `mt-0.5 flex h-4 w-4 shrink-0 items-center justify-center rounded border ${selected
+                                                        ? "border-primary/60 bg-primary/10 text-primary"
+                                                        : "border-muted-foreground/35 text-transparent"}`, children: selected ? _jsx(IconCheck, { className: "h-3 w-3" }) : null }), _jsxs("span", { className: "min-w-0 flex-1", children: [_jsx("span", { className: "block truncate font-medium", children: secret.credentialKey }), _jsx("span", { className: "block truncate text-xs text-muted-foreground/70", children: selected
+                                                                ? "Will be requested for this app"
+                                                                : "Click to request" })] })] }), (secret.provider || secret.name) && (_jsxs("details", { className: "group/details border-t border-border/60 px-3 py-1.5 text-xs text-muted-foreground/75", children: [_jsxs("summary", { className: "flex cursor-pointer list-none items-center gap-1.5 text-[11px] hover:text-muted-foreground [&::-webkit-details-marker]:hidden", children: [_jsx(IconChevronDown, { className: "h-3 w-3 transition-transform group-open/details:rotate-180" }), "Details"] }), _jsxs("div", { className: "mt-1.5 space-y-1 pb-0.5 pl-4", children: [_jsxs("div", { className: "truncate", children: ["Provider: ", secret.provider || "Not specified"] }), _jsxs("div", { className: "truncate", children: ["Name: ", secret.name] })] })] }))] }, secret.id));
+                            }))] }), _jsxs("div", { className: "max-h-[180px] space-y-2 overflow-y-auto rounded-md border border-border bg-card p-2", children: [_jsxs("div", { className: "flex items-center gap-1.5 px-1 pb-1 text-[11px] font-medium text-muted-foreground", children: [_jsx(IconBook, { size: 12 }), "Resource packs"] }), resourcesError ? (_jsx("p", { className: "rounded-md border border-dashed border-border px-3 py-3 text-xs text-muted-foreground", children: resourcesError })) : resources.length === 0 ? (_jsx("p", { className: "rounded-md border border-dashed border-border px-3 py-3 text-xs text-muted-foreground", children: "No Dispatch resource packs found yet." })) : (resources.map((resource) => {
+                                const selected = selectedResourceIds.includes(resource.id);
+                                return (_jsxs("div", { className: `group rounded-md border text-sm ${selected
+                                        ? "border-primary/45 bg-primary/5"
+                                        : "border-border hover:border-muted-foreground/40 hover:bg-accent/35"}`, children: [_jsxs("button", { type: "button", "aria-pressed": selected, onClick: () => toggleResource(resource.id), className: "flex w-full cursor-pointer items-start gap-3 rounded-md px-3 py-2 text-left", children: [_jsx("span", { className: `mt-0.5 flex h-4 w-4 shrink-0 items-center justify-center rounded border ${selected
+                                                        ? "border-primary/60 bg-primary/10 text-primary"
+                                                        : "border-muted-foreground/35 text-transparent"}`, children: selected ? _jsx(IconCheck, { className: "h-3 w-3" }) : null }), _jsxs("span", { className: "min-w-0 flex-1", children: [_jsxs("span", { className: "flex min-w-0 items-center gap-1.5", children: [_jsx(IconFileText, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground/70" }), _jsx("span", { className: "block truncate font-medium", children: resource.name })] }), _jsxs("span", { className: "block truncate text-xs text-muted-foreground/70", children: [resource.kind, " \u00B7 ", resource.path] })] })] }), _jsxs("details", { className: "group/details border-t border-border/60 px-3 py-1.5 text-xs text-muted-foreground/75", children: [_jsxs("summary", { className: "flex cursor-pointer list-none items-center gap-1.5 text-[11px] hover:text-muted-foreground [&::-webkit-details-marker]:hidden", children: [_jsx(IconChevronDown, { className: "h-3 w-3 transition-transform group-open/details:rotate-180" }), "Details"] }), _jsxs("div", { className: "mt-1.5 space-y-1 pb-0.5 pl-4", children: [_jsxs("div", { className: "truncate", children: ["Scope:", " ", resource.scope === "all"
+                                                                    ? "All apps"
+                                                                    : "Selected apps"] }), resource.description ? (_jsx("div", { className: "line-clamp-2", children: resource.description })) : null] })] })] }, resource.id));
+                            }))] }), _jsx("div", { className: "flex items-center justify-end gap-2", children: _jsxs(Button, { type: "button", size: "sm", onClick: submitWithSelectedAccess, disabled: !prompt.trim() || isSubmitting, children: [isSubmitting ? (_jsx(IconLoader2, { className: "h-3.5 w-3.5 animate-spin" })) : (_jsx(IconPlus, { className: "h-3.5 w-3.5" })), "Create app"] }) }), !prompt.trim() ? (_jsx("p", { className: "px-1 text-[11px] text-muted-foreground/70", children: "Add a prompt on the previous step before creating the app." })) : null] })), statusMessage ? (_jsxs("div", { className: `flex flex-col gap-2 rounded-md border px-3 py-2 text-xs ${isErrorFailureReason(failureReason)
+                    ? "border-destructive/40 bg-destructive/10 text-destructive"
+                    : "border-border bg-muted/40 text-muted-foreground"}`, children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [isErrorFailureReason(failureReason) ? (_jsx(IconAlertTriangle, { className: "h-3.5 w-3.5 shrink-0" })) : null, _jsx("span", { children: statusMessage }), branchUrl ? (_jsxs("a", { href: branchUrl, target: "_blank", rel: "noreferrer", className: "inline-flex items-center gap-1 font-medium text-foreground underline", children: ["Open in Builder ", _jsx(IconArrowUpRight, { className: "h-3 w-3" })] })) : null] }), failureReason === "builder-not-connected" ? (_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx(Button, { type: "button", size: "sm", variant: "outline", onClick: () => connectFlow.start(), disabled: connectFlow.connecting, className: "w-fit", children: connectFlow.connecting ? "Connecting..." : "Connect Builder" }), _jsxs("a", { href: LOCAL_APP_DOCS_URL, target: "_blank", rel: "noreferrer", "data-create-app-local-link": true, className: "inline-flex items-center gap-1 text-xs font-medium text-foreground underline underline-offset-2", children: ["Create locally ", _jsx(IconArrowUpRight, { className: "h-3 w-3" })] })] })) : null, failureReason === "credential-store-unavailable" ||
+                        failureReason === "builder-error" ? (_jsx(Button, { type: "button", size: "sm", variant: "outline", onClick: submitWithSelectedAccess, disabled: isSubmitting, className: "w-fit", children: "Try again" })) : null] })) : null] }));
+}
+export function CreateAppPopover({ trigger, align = "center", onCreated, }) {
+    const [open, setOpen] = useState(false);
+    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: trigger ?? (_jsx("button", { type: "button", className: "flex min-h-32 cursor-pointer items-center justify-center rounded-lg border border-dashed bg-card p-4 text-sm font-medium text-muted-foreground transition hover:border-foreground/30 hover:text-foreground", children: _jsxs("span", { className: "inline-flex items-center gap-2", children: [_jsx(IconPlus, { size: 16 }), "Create app"] }) })) }), _jsx(PopoverContent, { align: align, sideOffset: 10, className: "w-[calc(100vw-2rem)] rounded-xl p-3 shadow-xl sm:w-[460px]", children: _jsx(CreateAppFlow, { onClose: () => setOpen(false), onCreated: onCreated }) })] }));
+}
+//# sourceMappingURL=create-app-popover.js.map