@agent-native/dispatch 0.0.0-beta-20260819155526

package/dist/components/other-apps-section.d.ts

@@ -0,0 +1,33 @@
+import { type ConnectedAppSummary } from "../lib/other-apps.js";
+import type { WorkspaceAppId } from "../lib/other-apps.js";
+import { type CuratedWorkspaceTemplate, type CuratedWorkspaceTemplatesResult, type WorkspaceTemplateLabels } from "./workspace-template-card.js";
+type OtherAppEntry = {
+    kind: "template";
+    template: CuratedWorkspaceTemplate;
+} | {
+    kind: "connected";
+    app: ConnectedAppSummary;
+};
+export declare function mergeOtherAppEntries({ templates, connectedApps, workspaceApps, }: {
+    templates?: CuratedWorkspaceTemplatesResult;
+    connectedApps: ConnectedAppSummary[];
+    workspaceApps: WorkspaceAppId[];
+}): OtherAppEntry[];
+export declare function OtherAppsSection({ templates, connectedApps, workspaceApps, templatesLoading, connectedAppsLoading, templatesError, connectedAppsError, onRetryTemplates, onRetryConnectedApps, templateLabels, onRemixSuccess, heading, embeddedInList, className, }: {
+    templates?: CuratedWorkspaceTemplatesResult;
+    connectedApps?: ConnectedAppSummary[];
+    workspaceApps: WorkspaceAppId[];
+    templatesLoading?: boolean;
+    connectedAppsLoading?: boolean;
+    templatesError?: Error | null;
+    connectedAppsError?: Error | null;
+    onRetryTemplates?: () => void;
+    onRetryConnectedApps?: () => void;
+    templateLabels?: Partial<WorkspaceTemplateLabels>;
+    onRemixSuccess?: (result: unknown, template: CuratedWorkspaceTemplate) => void;
+    heading?: string | null;
+    embeddedInList?: boolean;
+    className?: string;
+}): import("node_modules/@types/react").JSX.Element | null;
+export {};
+//# sourceMappingURL=other-apps-section.d.ts.map

package/dist/components/other-apps-section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"other-apps-section.d.ts","sourceRoot":"","sources":["../../src/components/other-apps-section.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAmB,KAAK,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC9E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAWxD,OAAO,EAEL,KAAK,wBAAwB,EAC7B,KAAK,+BAA+B,EACpC,KAAK,uBAAuB,EAC7B,MAAM,2BAA2B,CAAC;AAEnC,KAAK,aAAa,GACd;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,QAAQ,EAAE,wBAAwB,CAAA;CAAE,GACxD;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,GAAG,EAAE,mBAAmB,CAAA;CAAE,CAAC;AAepD,wBAAgB,oBAAoB,CAAC,EACnC,SAAS,EACT,aAAa,EACb,aAAa,GACd,EAAE;IACD,SAAS,CAAC,EAAE,+BAA+B,CAAC;IAC5C,aAAa,EAAE,mBAAmB,EAAE,CAAC;IACrC,aAAa,EAAE,cAAc,EAAE,CAAC;CACjC,GAAG,aAAa,EAAE,CA4BlB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,aAAkB,EAClB,aAAa,EACb,gBAAwB,EACxB,oBAA4B,EAC5B,cAAc,EACd,kBAAkB,EAClB,gBAAgB,EAChB,oBAAoB,EACpB,cAAc,EACd,cAAc,EACd,OAAsB,EACtB,cAAsB,EACtB,SAAS,GACV,EAAE;IACD,SAAS,CAAC,EAAE,+BAA+B,CAAC;IAC5C,aAAa,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACtC,aAAa,EAAE,cAAc,EAAE,CAAC;IAChC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,cAAc,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IAC9B,kBAAkB,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IAClC,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,cAAc,CAAC,EAAE,OAAO,CAAC,uBAAuB,CAAC,CAAC;IAClD,cAAc,CAAC,EAAE,CACf,MAAM,EAAE,OAAO,EACf,QAAQ,EAAE,wBAAwB,KAC/B,IAAI,CAAC;IACV,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,0DAmEA"}

package/dist/components/other-apps-section.js

@@ -0,0 +1,66 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useT } from "@agent-native/core/client/i18n";
+import { filterOtherApps } from "../lib/other-apps.js";
+import { cn } from "../lib/utils.js";
+import { isDefaultWorkspaceAppHiddenId } from "../lib/workspace-apps.js";
+import { ActionQueryError } from "./action-query-error.js";
+import { APP_LIST_GRID_CLASS, APP_LIST_GRID_ROW_CLASS, AppList, } from "./app-list-row.js";
+import { ConnectedAppCard } from "./connected-app-card.js";
+import { Skeleton } from "./ui/skeleton.js";
+import { WorkspaceTemplateCard, } from "./workspace-template-card.js";
+function templateKey(template) {
+    return (template.templateId || template.id || template.appId || template.name)
+        .trim()
+        .toLowerCase();
+}
+function getTemplateItems(result) {
+    if (!result)
+        return [];
+    return Array.isArray(result) ? result : result.templates;
+}
+export function mergeOtherAppEntries({ templates, connectedApps, workspaceApps, }) {
+    const workspaceAppIds = new Set(workspaceApps.map((app) => app.id.trim().toLowerCase()));
+    const seen = new Set();
+    const entries = [];
+    for (const template of getTemplateItems(templates)) {
+        const id = templateKey(template);
+        if (!id ||
+            isDefaultWorkspaceAppHiddenId(id) ||
+            template.installed ||
+            workspaceAppIds.has(id))
+            continue;
+        seen.add(id);
+        entries.push({ kind: "template", template });
+    }
+    for (const app of filterOtherApps(connectedApps, workspaceApps)) {
+        const id = app.id.trim().toLowerCase();
+        if (seen.has(id))
+            continue;
+        seen.add(id);
+        entries.push({ kind: "connected", app });
+    }
+    return entries;
+}
+export function OtherAppsSection({ templates, connectedApps = [], workspaceApps, templatesLoading = false, connectedAppsLoading = false, templatesError, connectedAppsError, onRetryTemplates, onRetryConnectedApps, templateLabels, onRemixSuccess, heading = "Other apps", embeddedInList = false, className, }) {
+    const t = useT();
+    const entries = mergeOtherAppEntries({
+        templates,
+        connectedApps,
+        workspaceApps,
+    });
+    const isLoading = templatesLoading || connectedAppsLoading;
+    const hasError = Boolean(templatesError || connectedAppsError);
+    if (!isLoading && !hasError && entries.length === 0)
+        return null;
+    const content = (_jsxs(_Fragment, { children: [heading ? (_jsx("div", { className: "flex min-w-0 items-center", children: _jsx("h2", { className: "truncate text-sm font-semibold text-foreground", children: t("dispatch.pages.otherApps", { defaultValue: heading }) }) })) : null, templatesError ? (_jsx(ActionQueryError, { error: templatesError, onRetry: () => onRetryTemplates?.() })) : null, connectedAppsError ? (_jsx(ActionQueryError, { error: connectedAppsError, onRetry: () => onRetryConnectedApps?.() })) : null, isLoading && entries.length === 0 ? (embeddedInList ? (_jsx(OtherAppsSkeletonRows, {})) : (_jsx(OtherAppsSkeletonList, {}))) : entries.length > 0 ? (entries.map((entry) => entry.kind === "template" ? (_jsx(WorkspaceTemplateCard, { template: entry.template, labels: templateLabels, catalog: true, className: APP_LIST_GRID_ROW_CLASS, onRemixSuccess: onRemixSuccess }, `template:${templateKey(entry.template)}`)) : (_jsx(ConnectedAppCard, { app: entry.app, className: APP_LIST_GRID_ROW_CLASS }, `connected:${entry.app.id}`)))) : null] }));
+    if (embeddedInList)
+        return content;
+    return _jsx("section", { className: cn("space-y-3", className), children: content });
+}
+function OtherAppsSkeletonList() {
+    return (_jsx(AppList, { className: APP_LIST_GRID_CLASS, children: Array.from({ length: 4 }).map((_, index) => (_jsxs("div", { className: cn("flex min-w-0 items-center gap-3 border-b px-4 py-3.5 last:border-b-0", APP_LIST_GRID_ROW_CLASS), children: [_jsx(Skeleton, { className: "size-8 shrink-0 rounded-xl" }), _jsxs("div", { className: "min-w-0 flex-1 space-y-2", children: [_jsx(Skeleton, { className: "h-4 w-32" }), _jsx(Skeleton, { className: "h-3 w-2/3" })] }), _jsx(Skeleton, { className: "h-9 w-24 shrink-0 rounded-md" })] }, index))) }));
+}
+function OtherAppsSkeletonRows() {
+    return (_jsx(_Fragment, { children: Array.from({ length: 4 }).map((_, index) => (_jsxs("div", { className: cn("flex min-w-0 items-center gap-3 border-b px-4 py-3.5 last:border-b-0", APP_LIST_GRID_ROW_CLASS), children: [_jsx(Skeleton, { className: "size-8 shrink-0 rounded-xl" }), _jsxs("div", { className: "min-w-0 flex-1 space-y-2", children: [_jsx(Skeleton, { className: "h-4 w-32" }), _jsx(Skeleton, { className: "h-3 w-2/3" })] }), _jsx(Skeleton, { className: "h-9 w-24 shrink-0 rounded-md" })] }, index))) }));
+}
+//# sourceMappingURL=other-apps-section.js.map

package/dist/components/other-apps-section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"other-apps-section.js","sourceRoot":"","sources":["../../src/components/other-apps-section.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useT } from \"@agent-native/core/client/i18n\";\n\nimport { filterOtherApps, type ConnectedAppSummary } from \"../lib/other-apps\";\nimport type { WorkspaceAppId } from \"../lib/other-apps\";\nimport { cn } from \"../lib/utils\";\nimport { isDefaultWorkspaceAppHiddenId } from \"../lib/workspace-apps\";\nimport { ActionQueryError } from \"./action-query-error\";\nimport {\n  APP_LIST_GRID_CLASS,\n  APP_LIST_GRID_ROW_CLASS,\n  AppList,\n} from \"./app-list-row\";\nimport { ConnectedAppCard } from \"./connected-app-card\";\nimport { Skeleton } from \"./ui/skeleton\";\nimport {\n  WorkspaceTemplateCard,\n  type CuratedWorkspaceTemplate,\n  type CuratedWorkspaceTemplatesResult,\n  type WorkspaceTemplateLabels,\n} from \"./workspace-template-card\";\n\ntype OtherAppEntry =\n  | { kind: \"template\"; template: CuratedWorkspaceTemplate }\n  | { kind: \"connected\"; app: ConnectedAppSummary };\n\nfunction templateKey(template: CuratedWorkspaceTemplate): string {\n  return (template.templateId || template.id || template.appId || template.name)\n    .trim()\n    .toLowerCase();\n}\n\nfunction getTemplateItems(\n  result: CuratedWorkspaceTemplatesResult | undefined,\n): CuratedWorkspaceTemplate[] {\n  if (!result) return [];\n  return Array.isArray(result) ? result : result.templates;\n}\n\nexport function mergeOtherAppEntries({\n  templates,\n  connectedApps,\n  workspaceApps,\n}: {\n  templates?: CuratedWorkspaceTemplatesResult;\n  connectedApps: ConnectedAppSummary[];\n  workspaceApps: WorkspaceAppId[];\n}): OtherAppEntry[] {\n  const workspaceAppIds = new Set(\n    workspaceApps.map((app) => app.id.trim().toLowerCase()),\n  );\n  const seen = new Set<string>();\n  const entries: OtherAppEntry[] = [];\n\n  for (const template of getTemplateItems(templates)) {\n    const id = templateKey(template);\n    if (\n      !id ||\n      isDefaultWorkspaceAppHiddenId(id) ||\n      template.installed ||\n      workspaceAppIds.has(id)\n    )\n      continue;\n    seen.add(id);\n    entries.push({ kind: \"template\", template });\n  }\n\n  for (const app of filterOtherApps(connectedApps, workspaceApps)) {\n    const id = app.id.trim().toLowerCase();\n    if (seen.has(id)) continue;\n    seen.add(id);\n    entries.push({ kind: \"connected\", app });\n  }\n\n  return entries;\n}\n\nexport function OtherAppsSection({\n  templates,\n  connectedApps = [],\n  workspaceApps,\n  templatesLoading = false,\n  connectedAppsLoading = false,\n  templatesError,\n  connectedAppsError,\n  onRetryTemplates,\n  onRetryConnectedApps,\n  templateLabels,\n  onRemixSuccess,\n  heading = \"Other apps\",\n  embeddedInList = false,\n  className,\n}: {\n  templates?: CuratedWorkspaceTemplatesResult;\n  connectedApps?: ConnectedAppSummary[];\n  workspaceApps: WorkspaceAppId[];\n  templatesLoading?: boolean;\n  connectedAppsLoading?: boolean;\n  templatesError?: Error | null;\n  connectedAppsError?: Error | null;\n  onRetryTemplates?: () => void;\n  onRetryConnectedApps?: () => void;\n  templateLabels?: Partial<WorkspaceTemplateLabels>;\n  onRemixSuccess?: (\n    result: unknown,\n    template: CuratedWorkspaceTemplate,\n  ) => void;\n  heading?: string | null;\n  embeddedInList?: boolean;\n  className?: string;\n}) {\n  const t = useT();\n  const entries = mergeOtherAppEntries({\n    templates,\n    connectedApps,\n    workspaceApps,\n  });\n  const isLoading = templatesLoading || connectedAppsLoading;\n  const hasError = Boolean(templatesError || connectedAppsError);\n\n  if (!isLoading && !hasError && entries.length === 0) return null;\n\n  const content = (\n    <>\n      {heading ? (\n        <div className=\"flex min-w-0 items-center\">\n          <h2 className=\"truncate text-sm font-semibold text-foreground\">\n            {t(\"dispatch.pages.otherApps\", { defaultValue: heading })}\n          </h2>\n        </div>\n      ) : null}\n\n      {templatesError ? (\n        <ActionQueryError\n          error={templatesError}\n          onRetry={() => onRetryTemplates?.()}\n        />\n      ) : null}\n      {connectedAppsError ? (\n        <ActionQueryError\n          error={connectedAppsError}\n          onRetry={() => onRetryConnectedApps?.()}\n        />\n      ) : null}\n\n      {isLoading && entries.length === 0 ? (\n        embeddedInList ? (\n          <OtherAppsSkeletonRows />\n        ) : (\n          <OtherAppsSkeletonList />\n        )\n      ) : entries.length > 0 ? (\n        entries.map((entry) =>\n          entry.kind === \"template\" ? (\n            <WorkspaceTemplateCard\n              key={`template:${templateKey(entry.template)}`}\n              template={entry.template}\n              labels={templateLabels}\n              catalog\n              className={APP_LIST_GRID_ROW_CLASS}\n              onRemixSuccess={onRemixSuccess}\n            />\n          ) : (\n            <ConnectedAppCard\n              key={`connected:${entry.app.id}`}\n              app={entry.app}\n              className={APP_LIST_GRID_ROW_CLASS}\n            />\n          ),\n        )\n      ) : null}\n    </>\n  );\n\n  if (embeddedInList) return content;\n\n  return <section className={cn(\"space-y-3\", className)}>{content}</section>;\n}\n\nfunction OtherAppsSkeletonList() {\n  return (\n    <AppList className={APP_LIST_GRID_CLASS}>\n      {Array.from({ length: 4 }).map((_, index) => (\n        <div\n          key={index}\n          className={cn(\n            \"flex min-w-0 items-center gap-3 border-b px-4 py-3.5 last:border-b-0\",\n            APP_LIST_GRID_ROW_CLASS,\n          )}\n        >\n          <Skeleton className=\"size-8 shrink-0 rounded-xl\" />\n          <div className=\"min-w-0 flex-1 space-y-2\">\n            <Skeleton className=\"h-4 w-32\" />\n            <Skeleton className=\"h-3 w-2/3\" />\n          </div>\n          <Skeleton className=\"h-9 w-24 shrink-0 rounded-md\" />\n        </div>\n      ))}\n    </AppList>\n  );\n}\n\nfunction OtherAppsSkeletonRows() {\n  return (\n    <>\n      {Array.from({ length: 4 }).map((_, index) => (\n        <div\n          key={index}\n          className={cn(\n            \"flex min-w-0 items-center gap-3 border-b px-4 py-3.5 last:border-b-0\",\n            APP_LIST_GRID_ROW_CLASS,\n          )}\n        >\n          <Skeleton className=\"size-8 shrink-0 rounded-xl\" />\n          <div className=\"min-w-0 flex-1 space-y-2\">\n            <Skeleton className=\"h-4 w-32\" />\n            <Skeleton className=\"h-3 w-2/3\" />\n          </div>\n          <Skeleton className=\"h-9 w-24 shrink-0 rounded-md\" />\n        </div>\n      ))}\n    </>\n  );\n}\n"]}

package/dist/components/simple-agents-panel.d.ts

@@ -0,0 +1,12 @@
+import { type ReactNode } from "react";
+export declare function isPendingWorkspaceResourceApproval(result: unknown): boolean;
+export declare function handleAgentPackMutationSuccess(result: unknown, options: {
+    appliedMessage: string;
+    approvalMessage: string;
+    onApplied: () => void;
+    notify?: (message: string) => void;
+}): void;
+export declare function SimpleAgentsPanel({ title, }?: {
+    title?: ReactNode;
+}): import("node_modules/@types/react/index.js").JSX.Element;
+//# sourceMappingURL=simple-agents-panel.d.ts.map

package/dist/components/simple-agents-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"simple-agents-panel.d.ts","sourceRoot":"","sources":["../../src/components/simple-agents-panel.tsx"],"names":[],"mappings":"AAuBA,OAAO,EAKL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAqGf,wBAAgB,kCAAkC,CAAC,MAAM,EAAE,OAAO,WAQjE;AAED,wBAAgB,8BAA8B,CAC5C,MAAM,EAAE,OAAO,EACf,OAAO,EAAE;IACP,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,QASF;AAkjCD,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,GACN,GAAE;IACD,KAAK,CAAC,EAAE,SAAS,CAAC;CACd,4DA4EL"}

package/dist/components/simple-agents-panel.js

@@ -0,0 +1,438 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { navigateWithAgentChatViewTransition, sendToAgentChat, } from "@agent-native/core/client/agent-chat";
+import { useActionMutation, useActionQuery, } from "@agent-native/core/client/hooks";
+import { parseCustomAgentProfile } from "@agent-native/core/resources/metadata";
+import { IconAdjustmentsHorizontal, IconChevronDown, IconDotsVertical, IconEdit, IconFileImport, IconFolder, IconLayoutGrid, IconMessageCircle, IconPlugConnected, IconPlus, IconTrash, IconUpload, } from "@tabler/icons-react";
+import { useEffect, useRef, useState, } from "react";
+import { useNavigate } from "react-router";
+import { toast } from "sonner";
+import { buildSimpleAgentContent, slugifyAgentName, } from "../lib/simple-agent-profile.js";
+import { ActionQueryError } from "./action-query-error.js";
+import { AppIcon } from "./app-icon.js";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, } from "./ui/alert-dialog.js";
+import { Badge } from "./ui/badge.js";
+import { Button } from "./ui/button.js";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from "./ui/collapsible.js";
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, } from "./ui/dialog.js";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, } from "./ui/dropdown-menu.js";
+import { Input } from "./ui/input.js";
+import { Label } from "./ui/label.js";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "./ui/select.js";
+import { Skeleton } from "./ui/skeleton.js";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "./ui/tabs.js";
+import { Textarea } from "./ui/textarea.js";
+const AGENT_ICON_KEYS = [
+    "brain",
+    "users",
+    "filetext",
+    "chartbar",
+    "route",
+    "listcheck",
+    "code",
+    "messagecircle",
+];
+function agentIconKey(resource) {
+    let hash = 0;
+    for (const character of `${resource.id}:${resource.name}`) {
+        hash = (hash * 31 + character.charCodeAt(0)) | 0;
+    }
+    return AGENT_ICON_KEYS[Math.abs(hash) % AGENT_ICON_KEYS.length];
+}
+export function isPendingWorkspaceResourceApproval(result) {
+    if (!result || typeof result !== "object")
+        return false;
+    const mutation = result;
+    return (mutation.status === "pending" &&
+        typeof mutation.changeType === "string" &&
+        mutation.changeType.startsWith("workspace-resource."));
+}
+export function handleAgentPackMutationSuccess(result, options) {
+    const notify = options.notify || ((message) => toast.success(message));
+    if (isPendingWorkspaceResourceApproval(result)) {
+        notify(options.approvalMessage);
+        return;
+    }
+    notify(options.appliedMessage);
+    options.onApplied();
+}
+function profileFields(resource) {
+    if (!resource) {
+        return {
+            name: "",
+            description: "",
+            instructions: "# Role\n\nDescribe how this agent should work.\n",
+            model: "inherit",
+            tools: "inherit",
+            scope: "all",
+        };
+    }
+    const profile = parseCustomAgentProfile(resource.content, resource.path);
+    return {
+        name: profile?.name || resource.name,
+        description: profile?.description || resource.description || "",
+        instructions: profile?.instructions || resource.content,
+        model: profile?.model || "inherit",
+        tools: profile?.tools || "inherit",
+        scope: resource.scope,
+    };
+}
+function AgentEditorDialog({ resource, trigger, onSaved, open: controlledOpen, onOpenChange: controlledOnOpenChange, }) {
+    const isEditing = Boolean(resource);
+    const [uncontrolledOpen, setUncontrolledOpen] = useState(false);
+    const open = controlledOpen ?? uncontrolledOpen;
+    const setOpen = controlledOnOpenChange ?? setUncontrolledOpen;
+    const [name, setName] = useState("");
+    const [description, setDescription] = useState("");
+    const [instructions, setInstructions] = useState("");
+    const [model, setModel] = useState("inherit");
+    const [tools, setTools] = useState("inherit");
+    const [scope, setScope] = useState("all");
+    const [advancedOpen, setAdvancedOpen] = useState(false);
+    useEffect(() => {
+        if (!open)
+            return;
+        const fields = profileFields(resource);
+        setName(fields.name);
+        setDescription(fields.description);
+        setInstructions(fields.instructions);
+        setModel(fields.model);
+        setTools(fields.tools);
+        setScope(fields.scope);
+        setAdvancedOpen(fields.model !== "inherit" || fields.tools !== "inherit");
+    }, [open, resource]);
+    const create = useActionMutation("create-workspace-resource", {
+        onSuccess: () => {
+            toast.success("Agent created");
+            setOpen(false);
+            onSaved?.();
+        },
+        onError: (error) => toast.error(error.message),
+    });
+    const update = useActionMutation("update-workspace-resource", {
+        onSuccess: () => {
+            toast.success("Agent updated");
+            setOpen(false);
+            onSaved?.();
+        },
+        onError: (error) => toast.error(error.message),
+    });
+    const pending = create.isPending || update.isPending;
+    const canSave = Boolean(name.trim() && instructions.trim() && !pending);
+    function save() {
+        const content = buildSimpleAgentContent({
+            name,
+            description,
+            model,
+            tools,
+            instructions,
+        });
+        if (resource) {
+            update.mutate({
+                id: resource.id,
+                name: name.trim(),
+                description: description.trim(),
+                content,
+                scope,
+            });
+            return;
+        }
+        create.mutate({
+            kind: "agent",
+            name: name.trim(),
+            description: description.trim() || undefined,
+            path: `agents/${slugifyAgentName(name)}.md`,
+            content,
+            scope,
+        });
+    }
+    return (_jsxs(Dialog, { open: open, onOpenChange: setOpen, children: [trigger ? (_jsx(DialogTrigger, { asChild: true, children: trigger })) : controlledOpen === undefined ? (_jsx(DialogTrigger, { asChild: true, children: _jsxs(Button, { size: "sm", children: [_jsx(IconPlus, { size: 16 }), "Create agent"] }) })) : null, _jsxs(DialogContent, { className: "max-w-2xl", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: isEditing ? "Manage agent" : "Create agent" }), _jsx(DialogDescription, { className: "sr-only", children: isEditing
+                                    ? "Update this reusable agent profile."
+                                    : "Create a reusable agent profile." })] }), _jsxs("div", { className: "flex flex-col gap-4 py-2", children: [_jsxs("div", { className: "grid gap-4 sm:grid-cols-2", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { htmlFor: "simple-agent-name", children: "Name" }), _jsx(Input, { id: "simple-agent-name", value: name, onChange: (event) => setName(event.target.value), placeholder: "User Research" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { htmlFor: "simple-agent-scope", children: "Availability" }), _jsxs(Select, { value: scope, onValueChange: (value) => setScope(value), children: [_jsx(SelectTrigger, { id: "simple-agent-scope", children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "all", children: "All apps" }), _jsx(SelectItem, { value: "selected", children: "Selected apps" })] })] })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { htmlFor: "simple-agent-description", children: "Description" }), _jsx(Input, { id: "simple-agent-description", value: description, onChange: (event) => setDescription(event.target.value), placeholder: "Synthesizes user research into clear insights" })] }), _jsxs(Collapsible, { open: advancedOpen, onOpenChange: setAdvancedOpen, children: [_jsx(CollapsibleTrigger, { asChild: true, children: _jsxs(Button, { type: "button", variant: "ghost", size: "sm", className: "group -ml-2 gap-1.5 text-muted-foreground", children: [_jsx(IconAdjustmentsHorizontal, { size: 15 }), "Advanced", _jsx(IconChevronDown, { className: "transition-transform group-data-[state=open]:rotate-180", size: 15 })] }) }), _jsx(CollapsibleContent, { className: "pt-3", children: _jsxs("div", { className: "grid gap-4 sm:grid-cols-2", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { htmlFor: "simple-agent-model", children: "Model" }), _jsx(Input, { id: "simple-agent-model", value: model, onChange: (event) => setModel(event.target.value), placeholder: "inherit" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { htmlFor: "simple-agent-tools", children: "Tools" }), _jsx(Input, { id: "simple-agent-tools", value: tools, onChange: (event) => setTools(event.target.value), placeholder: "inherit" })] })] }) })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { htmlFor: "simple-agent-instructions", children: "Instructions" }), _jsx(Textarea, { id: "simple-agent-instructions", value: instructions, onChange: (event) => setInstructions(event.target.value), rows: 12, className: "font-mono text-sm", placeholder: "# Role\\n\\nDescribe how this agent should work." })] })] }), _jsx(DialogFooter, { children: _jsx(Button, { onClick: save, disabled: !canSave, children: pending
+                                ? "Saving..."
+                                : isEditing
+                                    ? "Save changes"
+                                    : "Create agent" }) })] })] }));
+}
+function AgentPackDialog({ resource, onChanged, trigger, open: controlledOpen, onOpenChange: controlledOnOpenChange, }) {
+    const [uncontrolledOpen, setUncontrolledOpen] = useState(false);
+    const open = controlledOpen ?? uncontrolledOpen;
+    const setOpen = controlledOnOpenChange ?? setUncontrolledOpen;
+    const [selectedId, setSelectedId] = useState(resource.id);
+    const [content, setContent] = useState(resource.content);
+    const [addOpen, setAddOpen] = useState(false);
+    const [newPath, setNewPath] = useState("");
+    const [newKind, setNewKind] = useState("agent-file");
+    const [newContent, setNewContent] = useState("");
+    const query = useActionQuery("list-agent-pack", { agentId: resource.id }, { enabled: open });
+    const update = useActionMutation("update-workspace-resource", {
+        onSuccess: (result) => {
+            handleAgentPackMutationSuccess(result, {
+                appliedMessage: "Pack file updated",
+                approvalMessage: "Pack file update queued for approval",
+                onApplied: () => {
+                    void query.refetch();
+                    onChanged?.();
+                },
+            });
+        },
+        onError: (error) => toast.error(error.message),
+    });
+    const create = useActionMutation("create-workspace-resource", {
+        onSuccess: (result) => {
+            handleAgentPackMutationSuccess(result, {
+                appliedMessage: "Pack file added",
+                approvalMessage: "Pack file addition queued for approval",
+                onApplied: () => {
+                    setAddOpen(false);
+                    setNewPath("");
+                    setNewContent("");
+                    void query.refetch();
+                    onChanged?.();
+                },
+            });
+        },
+        onError: (error) => toast.error(error.message),
+    });
+    const remove = useActionMutation("delete-workspace-resource", {
+        onSuccess: () => {
+            toast.success("Pack file removed");
+            setSelectedId(resource.id);
+            void query.refetch();
+            onChanged?.();
+        },
+        onError: (error) => toast.error(error.message),
+    });
+    const files = query.data
+        ? [{ ...query.data.profile, kind: "agent" }, ...query.data.files]
+        : [];
+    const selected = files.find((file) => file.id === selectedId) ?? files[0];
+    useEffect(() => {
+        if (!open)
+            return;
+        setSelectedId(resource.id);
+    }, [open, resource.id]);
+    useEffect(() => {
+        if (!selected)
+            return;
+        setSelectedId(selected.id);
+        setContent(selected.content);
+    }, [selected?.id, selected?.content]);
+    function addFile() {
+        const relativePath = newPath.trim().replaceAll("\\", "/");
+        if (!relativePath ||
+            relativePath.startsWith("/") ||
+            relativePath.includes("..") ||
+            relativePath.split("/").some((part) => !part || part === ".")) {
+            toast.error("Use a relative pack path without ..");
+            return;
+        }
+        const packPath = newKind === "skill" && !relativePath.startsWith("skills/")
+            ? `skills/${relativePath}`
+            : relativePath;
+        const name = packPath.split("/").pop() || packPath;
+        create.mutate({
+            kind: newKind,
+            name,
+            path: `${query.data?.root || `agents/${slugifyAgentName(resource.name)}`}/${packPath}`,
+            content: newContent,
+            scope: resource.scope,
+        });
+    }
+    return (_jsxs(Dialog, { open: open, onOpenChange: (nextOpen) => {
+            setOpen(nextOpen);
+            if (!nextOpen)
+                setAddOpen(false);
+        }, children: [trigger ? (_jsx(DialogTrigger, { asChild: true, children: trigger })) : controlledOpen === undefined ? (_jsx(DialogTrigger, { asChild: true, children: _jsxs(Button, { variant: "ghost", size: "sm", children: [_jsx(IconFolder, { size: 15 }), "Pack"] }) })) : null, _jsxs(DialogContent, { className: "max-w-4xl", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Agent pack" }), _jsx(DialogDescription, { className: "sr-only", children: "Edit the profile, reference files, context, and skills that belong to this agent." })] }), _jsxs("div", { className: "grid min-h-0 gap-4 md:grid-cols-[220px_minmax(0,1fr)]", children: [_jsxs("div", { className: "flex min-w-0 flex-col gap-2", children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "Files" }), _jsxs(Dialog, { open: addOpen, onOpenChange: setAddOpen, children: [_jsx(DialogTrigger, { asChild: true, children: _jsxs(Button, { variant: "outline", size: "sm", children: [_jsx(IconPlus, { size: 14 }), "Add"] }) }), _jsxs(DialogContent, { children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Add pack file" }), _jsx(DialogDescription, { className: "sr-only", children: "Add a text reference or agent-owned skill to this pack." })] }), _jsxs("div", { className: "flex flex-col gap-4 py-2", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { htmlFor: "agent-pack-file-path", children: "Path" }), _jsx(Input, { id: "agent-pack-file-path", value: newPath, onChange: (event) => setNewPath(event.target.value), placeholder: "context/brief.md" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { htmlFor: "agent-pack-file-kind", children: "Type" }), _jsxs(Select, { value: newKind, onValueChange: (value) => setNewKind(value), children: [_jsx(SelectTrigger, { id: "agent-pack-file-kind", children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "agent-file", children: "Reference file" }), _jsx(SelectItem, { value: "skill", children: "Skill" })] })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { htmlFor: "agent-pack-file-content", children: "Content" }), _jsx(Textarea, { id: "agent-pack-file-content", value: newContent, onChange: (event) => setNewContent(event.target.value), rows: 8, className: "font-mono text-sm" })] })] }), _jsx(DialogFooter, { children: _jsx(Button, { onClick: addFile, disabled: !newPath.trim() || create.isPending, children: create.isPending ? "Adding..." : "Add file" }) })] })] })] }), query.isLoading ? (_jsx(Skeleton, { className: "h-24 w-full" })) : (_jsx("div", { className: "flex flex-col gap-1", children: files.map((file) => (_jsx(Button, { type: "button", variant: selected?.id === file.id ? "secondary" : "ghost", className: "h-auto w-full justify-start px-2 py-2 text-left", onClick: () => setSelectedId(file.id), children: _jsx("span", { className: "min-w-0 truncate text-xs", children: file.path.replace(`${query.data?.root || ""}/`, "") }) }, file.id))) }))] }), _jsxs("div", { className: "flex min-w-0 flex-col gap-3", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "truncate text-sm font-medium", children: selected?.path || "Select a file" }), selected && selected.kind !== "agent" ? (_jsx(Badge, { variant: "outline", children: selected.kind === "skill" ? "Skill" : "Reference" })) : null] }), _jsxs("div", { className: "flex items-center gap-1", children: [selected && selected.kind !== "agent" ? (_jsxs(AlertDialog, { children: [_jsx(AlertDialogTrigger, { asChild: true, children: _jsxs(Button, { variant: "ghost", size: "sm", children: [_jsx(IconTrash, { size: 15 }), "Remove"] }) }), _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Remove this pack file?" }), _jsx(AlertDialogDescription, { children: "The file will no longer be available to this agent." })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: "Cancel" }), _jsx(AlertDialogAction, { onClick: () => remove.mutate({ id: selected.id }), disabled: remove.isPending, children: "Remove" })] })] })] })) : null, _jsx(Button, { size: "sm", onClick: () => selected && update.mutate({ id: selected.id, content }), disabled: !selected ||
+                                                            update.isPending ||
+                                                            content === selected.content, children: update.isPending ? "Saving..." : "Save file" })] })] }), _jsx(Textarea, { value: content, onChange: (event) => setContent(event.target.value), disabled: !selected, rows: 18, className: "min-h-[360px] font-mono text-sm" })] })] })] })] }));
+}
+function ImportAgentDialog({ onImported }) {
+    const [open, setOpen] = useState(false);
+    const [mode, setMode] = useState("file");
+    const [source, setSource] = useState("");
+    const [fileName, setFileName] = useState("");
+    const [scope, setScope] = useState("all");
+    const [url, setUrl] = useState("");
+    const [endpointName, setEndpointName] = useState("");
+    const [endpointDescription, setEndpointDescription] = useState("");
+    const [packFiles, setPackFiles] = useState([]);
+    const [packName, setPackName] = useState("");
+    const [packWarnings, setPackWarnings] = useState([]);
+    const fileRef = useRef(null);
+    const folderRef = useRef(null);
+    const importAgent = useActionMutation("import-agent", {
+        onSuccess: (result) => {
+            toast.success(result.status === "unchanged"
+                ? "Agent already imported"
+                : "Agent imported");
+            if (result.warnings?.length) {
+                toast.info(result.warnings.join(" "));
+            }
+            setOpen(false);
+            onImported?.();
+        },
+        onError: (error) => toast.error(error.message),
+    });
+    const connect = useActionMutation("connect-external-agent", {
+        onSuccess: () => {
+            toast.success("Agent connected");
+            setOpen(false);
+            onImported?.();
+        },
+        onError: (error) => toast.error(error.message),
+    });
+    const importPack = useActionMutation("import-agent-pack", {
+        onSuccess: (result) => {
+            toast.success(result.status === "pending-approval"
+                ? "Pack sent for approval"
+                : result.status === "unchanged"
+                    ? "Agent pack already imported"
+                    : "Agent pack imported");
+            if (result.warnings?.length)
+                toast.info(result.warnings.join(" "));
+            setOpen(false);
+            onImported?.();
+        },
+        onError: (error) => toast.error(error.message),
+    });
+    useEffect(() => {
+        if (!folderRef.current)
+            return;
+        folderRef.current.setAttribute("webkitdirectory", "");
+        folderRef.current.setAttribute("directory", "");
+    }, [mode, open]);
+    function reset() {
+        setMode("file");
+        setSource("");
+        setFileName("");
+        setScope("all");
+        setUrl("");
+        setEndpointName("");
+        setEndpointDescription("");
+        setPackFiles([]);
+        setPackName("");
+        setPackWarnings([]);
+    }
+    async function handleFile(event) {
+        const file = event.target.files?.[0];
+        if (!file)
+            return;
+        setFileName(file.name);
+        setSource(await file.text());
+    }
+    async function handleFolder(event) {
+        const selectedFiles = Array.from(event.target.files ?? []);
+        if (selectedFiles.length === 0)
+            return;
+        const warnings = [];
+        const textExtensions = /\.(md|markdown|txt|json|yaml|yml|csv|html|xml|toml|ts|tsx|js|mjs|py|sh)$/i;
+        const pack = await Promise.all(selectedFiles.map(async (file) => {
+            const path = file.webkitRelativePath ||
+                file.name;
+            if (!textExtensions.test(path)) {
+                warnings.push(`Skipped non-text file: ${path}`);
+                return null;
+            }
+            return { path, content: await file.text() };
+        }));
+        const files = pack.filter((file) => Boolean(file));
+        setPackFiles(files);
+        setPackName(files[0]?.path.split("/")[0] || "Selected folder");
+        setPackWarnings(warnings);
+    }
+    return (_jsxs(Dialog, { open: open, onOpenChange: (nextOpen) => {
+            setOpen(nextOpen);
+            if (!nextOpen)
+                reset();
+        }, children: [_jsx(DialogTrigger, { asChild: true, children: _jsxs(Button, { variant: "outline", size: "sm", children: [_jsx(IconFileImport, { size: 16 }), "Import or connect"] }) }), _jsxs(DialogContent, { className: "max-w-2xl", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Import an agent" }), _jsx(DialogDescription, { className: "sr-only", children: "Import a Claude or JSON agent definition, or connect an external agent endpoint." })] }), _jsxs(Tabs, { value: mode, onValueChange: (value) => setMode(value), children: [_jsxs(TabsList, { className: "w-full justify-start", children: [_jsx(TabsTrigger, { value: "file", children: "Agent file" }), _jsx(TabsTrigger, { value: "folder", children: "Agent folder" }), _jsx(TabsTrigger, { value: "endpoint", children: "Connect endpoint" })] }), _jsxs(TabsContent, { value: "file", className: "flex flex-col gap-4 py-4", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [_jsxs(Button, { type: "button", variant: "outline", onClick: () => fileRef.current?.click(), children: [_jsx(IconUpload, { size: 16 }), "Choose file"] }), _jsx("input", { ref: fileRef, type: "file", accept: ".md,.markdown,.json,.txt", className: "hidden", onChange: (event) => void handleFile(event) }), _jsx("span", { className: "text-xs text-muted-foreground", children: fileName || "Claude .md or JSON agent definition" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { htmlFor: "import-agent-source", children: "Definition" }), _jsx(Textarea, { id: "import-agent-source", value: source, onChange: (event) => setSource(event.target.value), rows: 12, className: "font-mono text-sm", placeholder: "Paste a Claude-style agent file or a JSON definition" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { htmlFor: "import-agent-scope", children: "Availability" }), _jsxs(Select, { value: scope, onValueChange: (value) => setScope(value), children: [_jsx(SelectTrigger, { id: "import-agent-scope", children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "all", children: "All apps" }), _jsx(SelectItem, { value: "selected", children: "Selected apps" })] })] })] }), _jsx(DialogFooter, { children: _jsx(Button, { onClick: () => importAgent.mutate({
+                                                source,
+                                                fileName: fileName || undefined,
+                                                scope,
+                                            }), disabled: !source.trim() || importAgent.isPending, children: importAgent.isPending ? "Importing..." : "Import agent" }) })] }), _jsxs(TabsContent, { value: "folder", className: "flex flex-col gap-4 py-4", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [_jsxs(Button, { type: "button", variant: "outline", onClick: () => folderRef.current?.click(), children: [_jsx(IconFolder, { size: 16 }), "Choose folder"] }), _jsx("input", { ref: folderRef, type: "file", multiple: true, className: "hidden", onChange: (event) => void handleFolder(event) }), _jsx("span", { className: "text-xs text-muted-foreground", children: packName
+                                                    ? `${packName} · ${packFiles.length} files`
+                                                    : "Claude Project or Cowork-style folder" })] }), packWarnings.length > 0 ? (_jsx("div", { className: "rounded-lg border border-amber-500/30 bg-amber-500/5 px-3 py-2 text-xs text-amber-800 dark:text-amber-200", children: packWarnings.join(" ") })) : null, _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { htmlFor: "import-agent-pack-scope", children: "Availability" }), _jsxs(Select, { value: scope, onValueChange: (value) => setScope(value), children: [_jsx(SelectTrigger, { id: "import-agent-pack-scope", children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "all", children: "All apps" }), _jsx(SelectItem, { value: "selected", children: "Selected apps" })] })] })] }), _jsx(DialogFooter, { children: _jsx(Button, { onClick: () => importPack.mutate({ files: packFiles, scope }), disabled: packFiles.length === 0 || importPack.isPending, children: importPack.isPending ? "Importing..." : "Import agent pack" }) })] }), _jsxs(TabsContent, { value: "endpoint", className: "flex flex-col gap-4 py-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { htmlFor: "external-agent-url", children: "Endpoint URL" }), _jsx(Input, { id: "external-agent-url", value: url, onChange: (event) => setUrl(event.target.value), placeholder: "https://agent.example.com" })] }), _jsxs("div", { className: "grid gap-4 sm:grid-cols-2", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { htmlFor: "external-agent-name", children: "Name" }), _jsx(Input, { id: "external-agent-name", value: endpointName, onChange: (event) => setEndpointName(event.target.value), placeholder: "Research partner" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Availability" }), _jsx("div", { className: "flex h-10 items-center", children: _jsx(Badge, { variant: "secondary", children: "Workspace" }) })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { htmlFor: "external-agent-description", children: "Description" }), _jsx(Input, { id: "external-agent-description", value: endpointDescription, onChange: (event) => setEndpointDescription(event.target.value), placeholder: "Optional" })] }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Dispatch stores the public endpoint only. Authenticate it after connecting." }), _jsx(DialogFooter, { children: _jsxs(Button, { onClick: () => connect.mutate({
+                                                url,
+                                                name: endpointName || undefined,
+                                                description: endpointDescription || undefined,
+                                                scope: "shared",
+                                            }), disabled: !url.trim() || connect.isPending, children: [_jsx(IconPlugConnected, { size: 16 }), connect.isPending ? "Connecting..." : "Connect agent"] }) })] })] })] })] }));
+}
+function DeleteAgentButton({ resource, onDeleted, open: controlledOpen, onOpenChange: controlledOnOpenChange, }) {
+    const [uncontrolledOpen, setUncontrolledOpen] = useState(false);
+    const open = controlledOpen ?? uncontrolledOpen;
+    const setOpen = controlledOnOpenChange ?? setUncontrolledOpen;
+    const remove = useActionMutation("delete-workspace-resource", {
+        onSuccess: () => {
+            toast.success("Agent removed");
+            onDeleted?.();
+        },
+        onError: (error) => toast.error(error.message),
+    });
+    return (_jsx(AlertDialog, { open: open, onOpenChange: setOpen, children: _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsxs(AlertDialogTitle, { children: ["Remove ", resource.name, "?"] }), _jsx(AlertDialogDescription, { children: "This removes the reusable profile from the workspace apps." })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: "Cancel" }), _jsx(AlertDialogAction, { onClick: () => remove.mutate({ id: resource.id }), disabled: remove.isPending, children: "Remove" })] })] }) }));
+}
+function AgentRow({ resource, onDeleted, onSaved, }) {
+    const navigate = useNavigate();
+    const [packOpen, setPackOpen] = useState(false);
+    const [editorOpen, setEditorOpen] = useState(false);
+    const [deleteOpen, setDeleteOpen] = useState(false);
+    const packQuery = useActionQuery("list-agent-pack", { agentId: resource.id }, { enabled: false });
+    const promote = useActionMutation("start-workspace-app-creation", {
+        onSuccess: (result) => {
+            if (result.mode === "local-agent") {
+                sendToAgentChat({
+                    message: result.prompt ?? result.message,
+                    submit: true,
+                    type: "code",
+                    newTab: true,
+                    reuseEmptyTab: true,
+                });
+                toast.success("Sent to the local agent");
+                return;
+            }
+            if (result.mode === "builder") {
+                toast.success("App build started", {
+                    description: result.message,
+                    action: result.url
+                        ? {
+                            label: "Open in Builder",
+                            onClick: () => window.open(result.url, "_blank", "noopener,noreferrer"),
+                        }
+                        : undefined,
+                });
+                return;
+            }
+            toast.error(result.message);
+        },
+        onError: (error) => toast.error(error.message),
+    });
+    function chat() {
+        navigateWithAgentChatViewTransition(navigate, `/chat?agent=${encodeURIComponent(resource.path)}`);
+    }
+    async function buildApp() {
+        const pack = await packQuery.refetch();
+        if (pack.error || !pack.data) {
+            toast.error(pack.error?.message || "Could not load the agent pack");
+            return;
+        }
+        promote.mutate({
+            appId: slugifyAgentName(resource.name),
+            description: resource.description || undefined,
+            prompt: `Turn the "${resource.name}" workspace agent into a focused workspace app. Preserve its role and instructions, make the app its usable face, and keep the original reusable agent profile available.`,
+            resourceIds: [resource.id, ...pack.data.files.map((file) => file.id)],
+        });
+    }
+    return (_jsxs("div", { className: "flex min-w-0 items-start gap-3 rounded-2xl border bg-card px-4 py-4", children: [_jsx(AppIcon, { id: resource.id, name: resource.name, icon: agentIconKey(resource), size: "sm" }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx("span", { className: "text-sm font-medium text-foreground", children: resource.name }), _jsx(Badge, { variant: "outline", children: resource.scope === "all" ? "All apps" : "Selected apps" })] }), resource.description ? (_jsx("div", { className: "mt-1 text-sm text-muted-foreground", children: resource.description })) : null] }), _jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [_jsxs(Button, { variant: "outline", size: "sm", onClick: chat, "aria-label": `Chat with ${resource.name}`, children: [_jsx(IconMessageCircle, { size: 15 }), "Chat"] }), _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", "aria-label": `More actions for ${resource.name}`, title: "More actions", children: _jsx(IconDotsVertical, { size: 16 }) }) }), _jsxs(DropdownMenuContent, { align: "end", className: "w-48", children: [_jsxs(DropdownMenuItem, { onSelect: () => {
+                                            void buildApp();
+                                        }, disabled: promote.isPending, children: [_jsx(IconLayoutGrid, { className: "me-2 size-4" }), promote.isPending ? "Starting..." : "Build app"] }), _jsxs(DropdownMenuItem, { onSelect: () => setPackOpen(true), children: [_jsx(IconFolder, { className: "me-2 size-4" }), "Manage files"] }), _jsxs(DropdownMenuItem, { onSelect: () => setEditorOpen(true), children: [_jsx(IconEdit, { className: "me-2 size-4" }), "Edit"] }), _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { className: "text-destructive focus:text-destructive", onSelect: () => setDeleteOpen(true), children: [_jsx(IconTrash, { className: "me-2 size-4" }), "Remove"] })] })] }), _jsx(AgentPackDialog, { resource: resource, onChanged: onSaved, open: packOpen, onOpenChange: setPackOpen }), _jsx(AgentEditorDialog, { resource: resource, onSaved: onSaved, open: editorOpen, onOpenChange: setEditorOpen }), _jsx(DeleteAgentButton, { resource: resource, onDeleted: onDeleted, open: deleteOpen, onOpenChange: setDeleteOpen })] })] }));
+}
+export function SimpleAgentsPanel({ title, } = {}) {
+    const query = useActionQuery("list-workspace-resources", { kind: "agent" });
+    const agents = query.data ?? [];
+    const refreshAgents = () => void query.refetch();
+    const importAction = _jsx(ImportAgentDialog, { onImported: refreshAgents });
+    if (query.isError) {
+        return (_jsx(ActionQueryError, { error: query.error, onRetry: () => void query.refetch() }));
+    }
+    return (_jsxs("section", { className: "flex flex-col gap-4", children: [title || agents.length > 0 ? (_jsxs("div", { className: `flex flex-wrap items-center gap-3 ${title ? "justify-between" : "justify-end"}`, children: [title ? (_jsx("h2", { className: "text-base font-medium text-foreground", children: title })) : null, agents.length > 0 ? (_jsxs("div", { className: "flex flex-wrap items-center justify-end gap-2", children: [importAction, _jsx(AgentEditorDialog, { onSaved: refreshAgents })] })) : null] })) : null, query.isLoading && agents.length === 0 ? (_jsx("div", { className: "grid gap-3 md:grid-cols-2", children: [0, 1, 2].map((item) => (_jsxs("div", { className: "rounded-2xl border 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" })] }, item))) })) : agents.length > 0 ? (_jsx("div", { className: "grid gap-3 md:grid-cols-2", children: agents.map((agent) => (_jsx(AgentRow, { resource: agent, onDeleted: () => void query.refetch(), onSaved: () => void query.refetch() }, agent.id))) })) : (_jsxs("div", { className: "rounded-2xl border border-dashed bg-card px-4 py-12 text-center", children: [_jsx("div", { className: "text-sm font-medium text-foreground", children: "No agents yet" }), _jsxs("div", { className: "mt-4 flex flex-wrap justify-center gap-2", children: [_jsx(AgentEditorDialog, { onSaved: refreshAgents, trigger: _jsxs(Button, { size: "sm", children: [_jsx(IconPlus, { size: 16 }), "Create an agent"] }) }), importAction] })] }))] }));
+}
+//# sourceMappingURL=simple-agents-panel.js.map