@agent-native/dispatch 0.15.17 → 0.15.19

package/dist/actions/provider-api-register.d.ts

@@ -47,8 +47,6 @@ declare const _default: import("node_modules/@agent-native/core/dist").ActionDef
     notes?: string | undefined;
     scope?: "org" | "user" | undefined;
 }, {
-    found?: undefined;
-    message?: undefined;
     deleted?: undefined;
     providers: {
         id: string;
@@ -61,11 +59,12 @@ declare const _default: import("node_modules/@agent-native/core/dist").ActionDef
     }[];
     count: number;
     provider?: undefined;
+    found?: undefined;
     registered?: undefined;
     id?: undefined;
     label?: undefined;
-} | {
     message?: undefined;
+} | {
     deleted?: undefined;
     providers?: undefined;
     count?: undefined;
@@ -74,8 +73,8 @@ declare const _default: import("node_modules/@agent-native/core/dist").ActionDef
     registered?: undefined;
     id?: undefined;
     label?: undefined;
-} | {
     message?: undefined;
+} | {
     deleted?: undefined;
     providers?: undefined;
     count?: undefined;
@@ -84,22 +83,23 @@ declare const _default: import("node_modules/@agent-native/core/dist").ActionDef
     id: string;
     registered?: undefined;
     label?: undefined;
-} | {
-    found?: undefined;
     message?: undefined;
+} | {
     providers?: undefined;
     count?: undefined;
     provider?: undefined;
+    found?: undefined;
     deleted: boolean;
     id: string;
     registered?: undefined;
     label?: undefined;
+    message?: undefined;
 } | {
-    found?: undefined;
     deleted?: undefined;
     providers?: undefined;
     count?: undefined;
     provider?: undefined;
+    found?: undefined;
     registered: boolean;
     id: string;
     label: string;

package/dist/components/agents-panel.js

@@ -117,7 +117,7 @@ export function AgentsPanel({ agents, onRefresh, }) {
         if (res.ok)
             onRefresh();
     };
-    return (_jsx("section", { className: "rounded-2xl border bg-card p-5", children: _jsxs("div", { className: "grid gap-4 xl:grid-cols-[minmax(0,1fr)_320px]", children: [_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { children: [_jsx("div", { className: "text-sm font-medium text-foreground", children: "Available by default" }), _jsxs("div", { className: "mt-2 flex flex-wrap gap-2", children: [builtinAgents.map((agent) => (_jsxs("div", { className: "inline-flex items-center gap-2 rounded-full border px-3 py-1.5 text-xs text-muted-foreground", children: [_jsx("span", { className: "h-2 w-2 rounded-full", style: { backgroundColor: agent.color } }), _jsx("span", { children: agent.name })] }, agent.id))), builtinAgents.length === 0 && (_jsx("div", { className: "rounded-xl border border-dashed px-4 py-6 text-sm text-muted-foreground", children: "No default agents detected." }))] })] }), _jsxs("div", { children: [_jsx("div", { className: "text-sm font-medium text-foreground", children: "Added in this workspace" }), _jsxs("div", { className: "mt-2 space-y-2", children: [workspaceAgents.map((agent) => (_jsx("div", { className: "flex items-start justify-between gap-3 rounded-xl border bg-muted/30 px-4 py-3", children: _jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "text-sm font-medium text-foreground", children: agent.name }), agent.description ? (_jsx("div", { className: "mt-1 text-xs text-muted-foreground", children: agent.description })) : null, _jsx("div", { className: "mt-1 text-xs text-muted-foreground", children: _jsxs("a", { href: agent.url, target: "_blank", rel: "noreferrer", className: "inline-flex items-center gap-1 hover:text-foreground", children: [agent.url, _jsx(IconExternalLink, { className: "h-3 w-3" })] }) })] }) }, agent.id))), customAgents.map((agent) => (_jsxs("div", { className: "flex items-start justify-between gap-3 rounded-xl border bg-muted/30 px-4 py-3", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "text-sm font-medium text-foreground", children: agent.name }), agent.description ? (_jsx("div", { className: "mt-1 text-xs text-muted-foreground", children: agent.description })) : null, _jsxs("div", { className: "mt-1 flex items-center gap-2 text-xs text-muted-foreground", children: [_jsxs("a", { href: agent.url, target: "_blank", rel: "noreferrer", className: "inline-flex items-center gap-1 hover:text-foreground", children: [agent.url, _jsx(IconExternalLink, { className: "h-3 w-3" })] }), _jsx("span", { children: "\u00B7" }), _jsx("span", { children: agent.scope || "shared" })] })] }), _jsxs(AlertDialog, { children: [_jsx(AlertDialogTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", children: _jsx(IconTrash, { className: "h-4 w-4" }) }) }), _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Remove this agent?" }), _jsxs(AlertDialogDescription, { children: ["\u201C", agent.name, "\u201D will be removed from the workspace. Any jobs or chats that delegate to it will stop working."] })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: "Cancel" }), _jsx(AlertDialogAction, { onClick: () => handleDelete(agent.resourceId), children: "Remove" })] })] })] })] }, agent.id))), workspaceAgents.length === 0 && customAgents.length === 0 && (_jsx("div", { className: "rounded-xl border border-dashed px-4 py-6 text-sm text-muted-foreground", children: "No extra agents added yet." }))] })] })] }), _jsxs("div", { className: "rounded-xl border bg-muted/20 p-4", children: [_jsx("div", { className: "text-sm font-medium text-foreground", children: "Add external agent" }), _jsx("p", { className: "mt-1 text-xs leading-relaxed text-muted-foreground", children: "Add another A2A-compatible app by saving its agent endpoint here." }), _jsxs("form", { className: "mt-4 space-y-3", onSubmit: handleAdd, noValidate: true, children: [_jsxs("div", { className: "space-y-1.5", children: [_jsx(Input, { ref: nameRef, value: name, onChange: (event) => {
+    return (_jsx("section", { className: "rounded-2xl bg-card p-5", children: _jsxs("div", { className: "grid gap-4 xl:grid-cols-[minmax(0,1fr)_320px]", children: [_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { children: [_jsx("div", { className: "text-sm font-medium text-foreground", children: "Available by default" }), _jsxs("div", { className: "mt-2 flex flex-wrap gap-2", children: [builtinAgents.map((agent) => (_jsxs("div", { className: "inline-flex items-center gap-2 rounded-full border px-3 py-1.5 text-xs text-muted-foreground", children: [_jsx("span", { className: "h-2 w-2 rounded-full", style: { backgroundColor: agent.color } }), _jsx("span", { children: agent.name })] }, agent.id))), builtinAgents.length === 0 && (_jsx("div", { className: "rounded-xl border border-dashed px-4 py-6 text-sm text-muted-foreground", children: "No default agents detected." }))] })] }), _jsxs("div", { children: [_jsx("div", { className: "text-sm font-medium text-foreground", children: "Added in this workspace" }), _jsxs("div", { className: "mt-2 space-y-2", children: [workspaceAgents.map((agent) => (_jsx("div", { className: "flex items-start justify-between gap-3 rounded-xl border bg-muted/30 px-4 py-3", children: _jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "text-sm font-medium text-foreground", children: agent.name }), agent.description ? (_jsx("div", { className: "mt-1 text-xs text-muted-foreground", children: agent.description })) : null, _jsx("div", { className: "mt-1 text-xs text-muted-foreground", children: _jsxs("a", { href: agent.url, target: "_blank", rel: "noreferrer", className: "inline-flex items-center gap-1 hover:text-foreground", children: [agent.url, _jsx(IconExternalLink, { className: "h-3 w-3" })] }) })] }) }, agent.id))), customAgents.map((agent) => (_jsxs("div", { className: "flex items-start justify-between gap-3 rounded-xl border bg-muted/30 px-4 py-3", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "text-sm font-medium text-foreground", children: agent.name }), agent.description ? (_jsx("div", { className: "mt-1 text-xs text-muted-foreground", children: agent.description })) : null, _jsxs("div", { className: "mt-1 flex items-center gap-2 text-xs text-muted-foreground", children: [_jsxs("a", { href: agent.url, target: "_blank", rel: "noreferrer", className: "inline-flex items-center gap-1 hover:text-foreground", children: [agent.url, _jsx(IconExternalLink, { className: "h-3 w-3" })] }), _jsx("span", { children: "\u00B7" }), _jsx("span", { children: agent.scope || "shared" })] })] }), _jsxs(AlertDialog, { children: [_jsx(AlertDialogTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", children: _jsx(IconTrash, { className: "h-4 w-4" }) }) }), _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Remove this agent?" }), _jsxs(AlertDialogDescription, { children: ["\u201C", agent.name, "\u201D will be removed from the workspace. Any jobs or chats that delegate to it will stop working."] })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: "Cancel" }), _jsx(AlertDialogAction, { onClick: () => handleDelete(agent.resourceId), children: "Remove" })] })] })] })] }, agent.id))), workspaceAgents.length === 0 && customAgents.length === 0 && (_jsx("div", { className: "rounded-xl border border-dashed px-4 py-6 text-sm text-muted-foreground", children: "No extra agents added yet." }))] })] })] }), _jsxs("div", { className: "rounded-xl border bg-muted/20 p-4", children: [_jsx("div", { className: "text-sm font-medium text-foreground", children: "Add external agent" }), _jsx("p", { className: "mt-1 text-xs leading-relaxed text-muted-foreground", children: "Add another A2A-compatible app by saving its agent endpoint here." }), _jsxs("form", { className: "mt-4 space-y-3", onSubmit: handleAdd, noValidate: true, children: [_jsxs("div", { className: "space-y-1.5", children: [_jsx(Input, { ref: nameRef, value: name, onChange: (event) => {
                                                 setName(event.target.value);
                                                 setErrors((current) => ({ ...current, name: undefined }));
                                             }, placeholder: "Name", "aria-invalid": Boolean(errors.name), "aria-describedby": errors.name ? "external-agent-name-error" : undefined }), errors.name ? (_jsx("p", { id: "external-agent-name-error", className: "text-xs font-medium text-destructive", children: errors.name })) : null] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx(Input, { value: url, onChange: (event) => {

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

@@ -1 +1 @@
-{"version":3,"file":"agents-panel.js","sourceRoot":"","sources":["../../src/components/agents-panel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAC;AAEzD,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAgBnC,SAAS,gBAAgB,CAAC,KAAa;IACrC,OAAO,KAAK;SACT,IAAI,EAAE;SACN,WAAW,EAAE;SACb,OAAO,CAAC,aAAa,EAAE,GAAG,CAAC;SAC3B,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;AAC7B,CAAC;AAED,SAAS,iBAAiB,CAAC,IAAY,EAAE,GAAW;IAClD,MAAM,MAAM,GAAoB,EAAE,CAAC;IACnC,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;IAChC,MAAM,UAAU,GAAG,GAAG,CAAC,IAAI,EAAE,CAAC;IAE9B,IAAI,CAAC,WAAW,EAAE,CAAC;QACjB,MAAM,CAAC,IAAI,GAAG,yBAAyB,CAAC;IAC1C,CAAC;SAAM,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,EAAE,CAAC;QAC1C,MAAM,CAAC,IAAI,GAAG,wDAAwD,CAAC;IACzE,CAAC;IAED,IAAI,CAAC,UAAU,EAAE,CAAC;QAChB,MAAM,CAAC,GAAG,GAAG,iCAAiC,CAAC;IACjD,CAAC;SAAM,CAAC;QACN,IAAI,CAAC;YACH,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,UAAU,CAAC,CAAC;YACnC,IAAI,MAAM,CAAC,QAAQ,KAAK,QAAQ,IAAI,MAAM,CAAC,QAAQ,KAAK,OAAO,EAAE,CAAC;gBAChE,MAAM,CAAC,GAAG,GAAG,0CAA0C,CAAC;YAC1D,CAAC;iBAAM,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;gBAC5B,MAAM,CAAC,GAAG,GAAG,4CAA4C,CAAC;YAC5D,CAAC;iBAAM,IAAI,MAAM,CAAC,QAAQ,IAAI,MAAM,CAAC,QAAQ,EAAE,CAAC;gBAC9C,MAAM,CAAC,GAAG,GAAG,iDAAiD,CAAC;YACjE,CAAC;QACH,CAAC;QAAC,MAAM,CAAC;YACP,MAAM,CAAC,GAAG;gBACR,8DAA8D,CAAC;QACnE,CAAC;IACH,CAAC;IAED,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,EAC1B,MAAM,EACN,SAAS,GAIV;IACC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACrC,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACnC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACnD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAkB,EAAE,CAAC,CAAC;IAC1D,MAAM,OAAO,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAE/C,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC;IACzE,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,CACnC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,KAAK,WAAW,CACxC,CAAC;IACF,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC;IAE3E,MAAM,SAAS,GAAG,KAAK,EAAE,KAAkC,EAAE,EAAE;QAC7D,KAAK,EAAE,cAAc,EAAE,CAAC;QACxB,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC;QAChC,MAAM,UAAU,GAAG,GAAG,CAAC,IAAI,EAAE,CAAC;QAC9B,MAAM,UAAU,GAAG,iBAAiB,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC;QAC9D,IAAI,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACvC,SAAS,CAAC,UAAU,CAAC,CAAC;YACtB,OAAO;QACT,CAAC;QAED,MAAM,EAAE,GAAG,gBAAgB,CAAC,WAAW,CAAC,CAAC;QACzC,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAC9B;YACE,EAAE;YACF,IAAI,EAAE,WAAW;YACjB,WAAW,EAAE,WAAW,CAAC,IAAI,EAAE,IAAI,SAAS;YAC5C,GAAG,EAAE,UAAU;YACf,KAAK,EAAE,SAAS;SACjB,EACD,IAAI,EACJ,CAAC,CACF,CAAC;QAEF,SAAS,CAAC,IAAI,CAAC,CAAC;QAChB,IAAI,CAAC;YACH,MAAM,GAAG,GAAG,MAAM,KAAK,CAAC,eAAe,CAAC,0BAA0B,CAAC,EAAE;gBACnE,MAAM,EAAE,MAAM;gBACd,OAAO,EAAE,EAAE,cAAc,EAAE,kBAAkB,EAAE;gBAC/C,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC;oBACnB,IAAI,EAAE,iBAAiB,EAAE,OAAO;oBAChC,OAAO,EAAE,SAAS;oBAClB,MAAM,EAAE,IAAI;iBACb,CAAC;aACH,CAAC,CAAC;YACH,IAAI,GAAG,CAAC,EAAE,EAAE,CAAC;gBACX,OAAO,CAAC,EAAE,CAAC,CAAC;gBACZ,MAAM,CAAC,EAAE,CAAC,CAAC;gBACX,cAAc,CAAC,EAAE,CAAC,CAAC;gBACnB,SAAS,CAAC,EAAE,CAAC,CAAC;gBACd,SAAS,EAAE,CAAC;gBACZ,OAAO,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;YAC3B,CAAC;iBAAM,CAAC;gBACN,SAAS,CAAC;oBACR,IAAI,EAAE,4CAA4C,GAAG,CAAC,MAAM,GAAG;iBAChE,CAAC,CAAC;YACL,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,SAAS,CAAC;gBACR,IAAI,EACF,KAAK,YAAY,KAAK;oBACpB,CAAC,CAAC,KAAK,CAAC,OAAO;oBACf,CAAC,CAAC,wCAAwC;aAC/C,CAAC,CAAC;QACL,CAAC;gBAAS,CAAC;YACT,SAAS,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,KAAK,EAAE,UAAmB,EAAE,EAAE;QACjD,IAAI,CAAC,UAAU;YAAE,OAAO;QACxB,MAAM,GAAG,GAAG,MAAM,KAAK,CACrB,eAAe,CAAC,4BAA4B,UAAU,EAAE,CAAC,EACzD;YACE,MAAM,EAAE,QAAQ;SACjB,CACF,CAAC;QACF,IAAI,GAAG,CAAC,EAAE;YAAE,SAAS,EAAE,CAAC;IAC1B,CAAC,CAAC;IAEF,OAAO,CACL,kBAAS,SAAS,EAAC,gCAAgC,YACjD,eAAK,SAAS,EAAC,+CAA+C,aAC5D,eAAK,SAAS,EAAC,WAAW,aACxB,0BACE,cAAK,SAAS,EAAC,qCAAqC,qCAE9C,EACN,eAAK,SAAS,EAAC,2BAA2B,aACvC,aAAa,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC5B,eAEE,SAAS,EAAC,8FAA8F,aAExG,eACE,SAAS,EAAC,sBAAsB,EAChC,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,CAAC,KAAK,EAAE,GACvC,EACF,yBAAO,KAAK,CAAC,IAAI,GAAQ,KAPpB,KAAK,CAAC,EAAE,CAQT,CACP,CAAC,EACD,aAAa,CAAC,MAAM,KAAK,CAAC,IAAI,CAC7B,cAAK,SAAS,EAAC,yEAAyE,4CAElF,CACP,IACG,IACF,EAEN,0BACE,cAAK,SAAS,EAAC,qCAAqC,wCAE9C,EACN,eAAK,SAAS,EAAC,gBAAgB,aAC5B,eAAe,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC9B,cAEE,SAAS,EAAC,gFAAgF,YAE1F,eAAK,SAAS,EAAC,SAAS,aACtB,cAAK,SAAS,EAAC,qCAAqC,YACjD,KAAK,CAAC,IAAI,GACP,EACL,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CACnB,cAAK,SAAS,EAAC,oCAAoC,YAChD,KAAK,CAAC,WAAW,GACd,CACP,CAAC,CAAC,CAAC,IAAI,EACR,cAAK,SAAS,EAAC,oCAAoC,YACjD,aACE,IAAI,EAAE,KAAK,CAAC,GAAG,EACf,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,YAAY,EAChB,SAAS,EAAC,sDAAsD,aAE/D,KAAK,CAAC,GAAG,EACV,KAAC,gBAAgB,IAAC,SAAS,EAAC,SAAS,GAAG,IACtC,GACA,IACF,IAvBD,KAAK,CAAC,EAAE,CAwBT,CACP,CAAC,EACD,YAAY,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC3B,eAEE,SAAS,EAAC,gFAAgF,aAE1F,eAAK,SAAS,EAAC,SAAS,aACtB,cAAK,SAAS,EAAC,qCAAqC,YACjD,KAAK,CAAC,IAAI,GACP,EACL,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CACnB,cAAK,SAAS,EAAC,oCAAoC,YAChD,KAAK,CAAC,WAAW,GACd,CACP,CAAC,CAAC,CAAC,IAAI,EACR,eAAK,SAAS,EAAC,4DAA4D,aACzE,aACE,IAAI,EAAE,KAAK,CAAC,GAAG,EACf,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,YAAY,EAChB,SAAS,EAAC,sDAAsD,aAE/D,KAAK,CAAC,GAAG,EACV,KAAC,gBAAgB,IAAC,SAAS,EAAC,SAAS,GAAG,IACtC,EACJ,oCAAc,EACd,yBAAO,KAAK,CAAC,KAAK,IAAI,QAAQ,GAAQ,IAClC,IACF,EACN,MAAC,WAAW,eACV,KAAC,kBAAkB,IAAC,OAAO,kBACzB,KAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,YACjC,KAAC,SAAS,IAAC,SAAS,EAAC,SAAS,GAAG,GAC1B,GACU,EACrB,MAAC,kBAAkB,eACjB,MAAC,iBAAiB,eAChB,KAAC,gBAAgB,qCAAsC,EACvD,MAAC,sBAAsB,yBACnB,KAAK,CAAC,IAAI,2GAEW,IACP,EACpB,MAAC,iBAAiB,eAChB,KAAC,iBAAiB,yBAA2B,EAC7C,KAAC,iBAAiB,IAChB,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,UAAU,CAAC,uBAG3B,IACF,IACD,IACT,KAjDT,KAAK,CAAC,EAAE,CAkDT,CACP,CAAC,EACD,eAAe,CAAC,MAAM,KAAK,CAAC,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC,IAAI,CAC5D,cAAK,SAAS,EAAC,yEAAyE,2CAElF,CACP,IACG,IACF,IACF,EAEN,eAAK,SAAS,EAAC,mCAAmC,aAChD,cAAK,SAAS,EAAC,qCAAqC,mCAE9C,EACN,YAAG,SAAS,EAAC,oDAAoD,kFAE7D,EACJ,gBAAM,SAAS,EAAC,gBAAgB,EAAC,QAAQ,EAAE,SAAS,EAAE,UAAU,mBAC9D,eAAK,SAAS,EAAC,aAAa,aAC1B,KAAC,KAAK,IACJ,GAAG,EAAE,OAAO,EACZ,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gDAClB,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;gDAC5B,SAAS,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC;4CAC5D,CAAC,EACD,WAAW,EAAC,MAAM,kBACJ,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,sBAEhC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,SAAS,GAEvD,EACD,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CACb,YACE,EAAE,EAAC,2BAA2B,EAC9B,SAAS,EAAC,sCAAsC,YAE/C,MAAM,CAAC,IAAI,GACV,CACL,CAAC,CAAC,CAAC,IAAI,IACJ,EACN,eAAK,SAAS,EAAC,aAAa,aAC1B,KAAC,KAAK,IACJ,KAAK,EAAE,GAAG,EACV,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gDAClB,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;gDAC3B,SAAS,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC;4CAC3D,CAAC,EACD,WAAW,EAAC,yBAAyB,kBACvB,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,sBAE/B,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,SAAS,GAErD,EACD,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CACZ,YACE,EAAE,EAAC,0BAA0B,EAC7B,SAAS,EAAC,sCAAsC,YAE/C,MAAM,CAAC,GAAG,GACT,CACL,CAAC,CAAC,CAAC,IAAI,IACJ,EACN,KAAC,KAAK,IACJ,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EACvD,WAAW,EAAC,wBAAwB,GACpC,EACD,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CACb,YAAG,SAAS,EAAC,sCAAsC,YAChD,MAAM,CAAC,IAAI,GACV,CACL,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,QAAQ,EAAE,MAAM,YACtD,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,GAC5B,IACJ,IACH,IACF,GACE,CACX,CAAC;AACJ,CAAC","sourcesContent":["import { agentNativePath } from \"@agent-native/core/client/api-path\";\nimport { IconExternalLink, IconTrash } from \"@tabler/icons-react\";\nimport { useRef, useState, type FormEvent } from \"react\";\n\nimport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n} from \"./ui/alert-dialog\";\nimport { Button } from \"./ui/button\";\nimport { Input } from \"./ui/input\";\n\nexport interface ConnectedAgent {\n  id: string;\n  name: string;\n  description: string;\n  url: string;\n  color: string;\n  source: \"builtin\" | \"custom\" | \"workspace\";\n  resourceId?: string;\n  path?: string;\n  scope?: \"shared\" | \"personal\";\n}\n\ntype AgentFormErrors = Partial<Record<\"name\" | \"url\" | \"form\", string>>;\n\nfunction slugifyAgentName(value: string): string {\n  return value\n    .trim()\n    .toLowerCase()\n    .replace(/[^a-z0-9]+/g, \"-\")\n    .replace(/^-+|-+$/g, \"\");\n}\n\nfunction validateAgentForm(name: string, url: string): AgentFormErrors {\n  const errors: AgentFormErrors = {};\n  const trimmedName = name.trim();\n  const trimmedUrl = url.trim();\n\n  if (!trimmedName) {\n    errors.name = \"Agent name is required.\";\n  } else if (!slugifyAgentName(trimmedName)) {\n    errors.name = \"Agent name must include at least one letter or number.\";\n  }\n\n  if (!trimmedUrl) {\n    errors.url = \"Agent endpoint URL is required.\";\n  } else {\n    try {\n      const parsed = new URL(trimmedUrl);\n      if (parsed.protocol !== \"https:\" && parsed.protocol !== \"http:\") {\n        errors.url = \"Use an http:// or https:// endpoint URL.\";\n      } else if (!parsed.hostname) {\n        errors.url = \"Enter a complete endpoint URL with a host.\";\n      } else if (parsed.username || parsed.password) {\n        errors.url = \"Do not include credentials in the endpoint URL.\";\n      }\n    } catch {\n      errors.url =\n        \"Enter a valid endpoint URL, such as https://app.example.com.\";\n    }\n  }\n\n  return errors;\n}\n\nexport function AgentsPanel({\n  agents,\n  onRefresh,\n}: {\n  agents: ConnectedAgent[];\n  onRefresh: () => void;\n}) {\n  const [name, setName] = useState(\"\");\n  const [url, setUrl] = useState(\"\");\n  const [description, setDescription] = useState(\"\");\n  const [saving, setSaving] = useState(false);\n  const [errors, setErrors] = useState<AgentFormErrors>({});\n  const nameRef = useRef<HTMLInputElement>(null);\n\n  const customAgents = agents.filter((agent) => agent.source === \"custom\");\n  const workspaceAgents = agents.filter(\n    (agent) => agent.source === \"workspace\",\n  );\n  const builtinAgents = agents.filter((agent) => agent.source === \"builtin\");\n\n  const handleAdd = async (event?: FormEvent<HTMLFormElement>) => {\n    event?.preventDefault();\n    const trimmedName = name.trim();\n    const trimmedUrl = url.trim();\n    const nextErrors = validateAgentForm(trimmedName, trimmedUrl);\n    if (Object.keys(nextErrors).length > 0) {\n      setErrors(nextErrors);\n      return;\n    }\n\n    const id = slugifyAgentName(trimmedName);\n    const agentJson = JSON.stringify(\n      {\n        id,\n        name: trimmedName,\n        description: description.trim() || undefined,\n        url: trimmedUrl,\n        color: \"#6B7280\",\n      },\n      null,\n      2,\n    );\n\n    setSaving(true);\n    try {\n      const res = await fetch(agentNativePath(\"/_agent-native/resources\"), {\n        method: \"POST\",\n        headers: { \"Content-Type\": \"application/json\" },\n        body: JSON.stringify({\n          path: `remote-agents/${id}.json`,\n          content: agentJson,\n          shared: true,\n        }),\n      });\n      if (res.ok) {\n        setName(\"\");\n        setUrl(\"\");\n        setDescription(\"\");\n        setErrors({});\n        onRefresh();\n        nameRef.current?.focus();\n      } else {\n        setErrors({\n          form: `Could not add agent. Request failed with ${res.status}.`,\n        });\n      }\n    } catch (error) {\n      setErrors({\n        form:\n          error instanceof Error\n            ? error.message\n            : \"Could not add agent. Please try again.\",\n      });\n    } finally {\n      setSaving(false);\n    }\n  };\n\n  const handleDelete = async (resourceId?: string) => {\n    if (!resourceId) return;\n    const res = await fetch(\n      agentNativePath(`/_agent-native/resources/${resourceId}`),\n      {\n        method: \"DELETE\",\n      },\n    );\n    if (res.ok) onRefresh();\n  };\n\n  return (\n    <section className=\"rounded-2xl border bg-card p-5\">\n      <div className=\"grid gap-4 xl:grid-cols-[minmax(0,1fr)_320px]\">\n        <div className=\"space-y-4\">\n          <div>\n            <div className=\"text-sm font-medium text-foreground\">\n              Available by default\n            </div>\n            <div className=\"mt-2 flex flex-wrap gap-2\">\n              {builtinAgents.map((agent) => (\n                <div\n                  key={agent.id}\n                  className=\"inline-flex items-center gap-2 rounded-full border px-3 py-1.5 text-xs text-muted-foreground\"\n                >\n                  <span\n                    className=\"h-2 w-2 rounded-full\"\n                    style={{ backgroundColor: agent.color }}\n                  />\n                  <span>{agent.name}</span>\n                </div>\n              ))}\n              {builtinAgents.length === 0 && (\n                <div className=\"rounded-xl border border-dashed px-4 py-6 text-sm text-muted-foreground\">\n                  No default agents detected.\n                </div>\n              )}\n            </div>\n          </div>\n\n          <div>\n            <div className=\"text-sm font-medium text-foreground\">\n              Added in this workspace\n            </div>\n            <div className=\"mt-2 space-y-2\">\n              {workspaceAgents.map((agent) => (\n                <div\n                  key={agent.id}\n                  className=\"flex items-start justify-between gap-3 rounded-xl border bg-muted/30 px-4 py-3\"\n                >\n                  <div className=\"min-w-0\">\n                    <div className=\"text-sm font-medium text-foreground\">\n                      {agent.name}\n                    </div>\n                    {agent.description ? (\n                      <div className=\"mt-1 text-xs text-muted-foreground\">\n                        {agent.description}\n                      </div>\n                    ) : null}\n                    <div className=\"mt-1 text-xs text-muted-foreground\">\n                      <a\n                        href={agent.url}\n                        target=\"_blank\"\n                        rel=\"noreferrer\"\n                        className=\"inline-flex items-center gap-1 hover:text-foreground\"\n                      >\n                        {agent.url}\n                        <IconExternalLink className=\"h-3 w-3\" />\n                      </a>\n                    </div>\n                  </div>\n                </div>\n              ))}\n              {customAgents.map((agent) => (\n                <div\n                  key={agent.id}\n                  className=\"flex items-start justify-between gap-3 rounded-xl border bg-muted/30 px-4 py-3\"\n                >\n                  <div className=\"min-w-0\">\n                    <div className=\"text-sm font-medium text-foreground\">\n                      {agent.name}\n                    </div>\n                    {agent.description ? (\n                      <div className=\"mt-1 text-xs text-muted-foreground\">\n                        {agent.description}\n                      </div>\n                    ) : null}\n                    <div className=\"mt-1 flex items-center gap-2 text-xs text-muted-foreground\">\n                      <a\n                        href={agent.url}\n                        target=\"_blank\"\n                        rel=\"noreferrer\"\n                        className=\"inline-flex items-center gap-1 hover:text-foreground\"\n                      >\n                        {agent.url}\n                        <IconExternalLink className=\"h-3 w-3\" />\n                      </a>\n                      <span>·</span>\n                      <span>{agent.scope || \"shared\"}</span>\n                    </div>\n                  </div>\n                  <AlertDialog>\n                    <AlertDialogTrigger asChild>\n                      <Button variant=\"ghost\" size=\"icon\">\n                        <IconTrash className=\"h-4 w-4\" />\n                      </Button>\n                    </AlertDialogTrigger>\n                    <AlertDialogContent>\n                      <AlertDialogHeader>\n                        <AlertDialogTitle>Remove this agent?</AlertDialogTitle>\n                        <AlertDialogDescription>\n                          “{agent.name}” will be removed from the workspace. Any\n                          jobs or chats that delegate to it will stop working.\n                        </AlertDialogDescription>\n                      </AlertDialogHeader>\n                      <AlertDialogFooter>\n                        <AlertDialogCancel>Cancel</AlertDialogCancel>\n                        <AlertDialogAction\n                          onClick={() => handleDelete(agent.resourceId)}\n                        >\n                          Remove\n                        </AlertDialogAction>\n                      </AlertDialogFooter>\n                    </AlertDialogContent>\n                  </AlertDialog>\n                </div>\n              ))}\n              {workspaceAgents.length === 0 && customAgents.length === 0 && (\n                <div className=\"rounded-xl border border-dashed px-4 py-6 text-sm text-muted-foreground\">\n                  No extra agents added yet.\n                </div>\n              )}\n            </div>\n          </div>\n        </div>\n\n        <div className=\"rounded-xl border bg-muted/20 p-4\">\n          <div className=\"text-sm font-medium text-foreground\">\n            Add external agent\n          </div>\n          <p className=\"mt-1 text-xs leading-relaxed text-muted-foreground\">\n            Add another A2A-compatible app by saving its agent endpoint here.\n          </p>\n          <form className=\"mt-4 space-y-3\" onSubmit={handleAdd} noValidate>\n            <div className=\"space-y-1.5\">\n              <Input\n                ref={nameRef}\n                value={name}\n                onChange={(event) => {\n                  setName(event.target.value);\n                  setErrors((current) => ({ ...current, name: undefined }));\n                }}\n                placeholder=\"Name\"\n                aria-invalid={Boolean(errors.name)}\n                aria-describedby={\n                  errors.name ? \"external-agent-name-error\" : undefined\n                }\n              />\n              {errors.name ? (\n                <p\n                  id=\"external-agent-name-error\"\n                  className=\"text-xs font-medium text-destructive\"\n                >\n                  {errors.name}\n                </p>\n              ) : null}\n            </div>\n            <div className=\"space-y-1.5\">\n              <Input\n                value={url}\n                onChange={(event) => {\n                  setUrl(event.target.value);\n                  setErrors((current) => ({ ...current, url: undefined }));\n                }}\n                placeholder=\"https://app.example.com\"\n                aria-invalid={Boolean(errors.url)}\n                aria-describedby={\n                  errors.url ? \"external-agent-url-error\" : undefined\n                }\n              />\n              {errors.url ? (\n                <p\n                  id=\"external-agent-url-error\"\n                  className=\"text-xs font-medium text-destructive\"\n                >\n                  {errors.url}\n                </p>\n              ) : null}\n            </div>\n            <Input\n              value={description}\n              onChange={(event) => setDescription(event.target.value)}\n              placeholder=\"Description (optional)\"\n            />\n            {errors.form ? (\n              <p className=\"text-xs font-medium text-destructive\">\n                {errors.form}\n              </p>\n            ) : null}\n            <Button type=\"submit\" className=\"w-full\" disabled={saving}>\n              {saving ? \"Saving...\" : \"Add agent\"}\n            </Button>\n          </form>\n        </div>\n      </div>\n    </section>\n  );\n}\n"]}
+{"version":3,"file":"agents-panel.js","sourceRoot":"","sources":["../../src/components/agents-panel.tsx"],"names":[],"mappings":"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","sourcesContent":["import { agentNativePath } from \"@agent-native/core/client/api-path\";\nimport { IconExternalLink, IconTrash } from \"@tabler/icons-react\";\nimport { useRef, useState, type FormEvent } from \"react\";\n\nimport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n} from \"./ui/alert-dialog\";\nimport { Button } from \"./ui/button\";\nimport { Input } from \"./ui/input\";\n\nexport interface ConnectedAgent {\n  id: string;\n  name: string;\n  description: string;\n  url: string;\n  color: string;\n  source: \"builtin\" | \"custom\" | \"workspace\";\n  resourceId?: string;\n  path?: string;\n  scope?: \"shared\" | \"personal\";\n}\n\ntype AgentFormErrors = Partial<Record<\"name\" | \"url\" | \"form\", string>>;\n\nfunction slugifyAgentName(value: string): string {\n  return value\n    .trim()\n    .toLowerCase()\n    .replace(/[^a-z0-9]+/g, \"-\")\n    .replace(/^-+|-+$/g, \"\");\n}\n\nfunction validateAgentForm(name: string, url: string): AgentFormErrors {\n  const errors: AgentFormErrors = {};\n  const trimmedName = name.trim();\n  const trimmedUrl = url.trim();\n\n  if (!trimmedName) {\n    errors.name = \"Agent name is required.\";\n  } else if (!slugifyAgentName(trimmedName)) {\n    errors.name = \"Agent name must include at least one letter or number.\";\n  }\n\n  if (!trimmedUrl) {\n    errors.url = \"Agent endpoint URL is required.\";\n  } else {\n    try {\n      const parsed = new URL(trimmedUrl);\n      if (parsed.protocol !== \"https:\" && parsed.protocol !== \"http:\") {\n        errors.url = \"Use an http:// or https:// endpoint URL.\";\n      } else if (!parsed.hostname) {\n        errors.url = \"Enter a complete endpoint URL with a host.\";\n      } else if (parsed.username || parsed.password) {\n        errors.url = \"Do not include credentials in the endpoint URL.\";\n      }\n    } catch {\n      errors.url =\n        \"Enter a valid endpoint URL, such as https://app.example.com.\";\n    }\n  }\n\n  return errors;\n}\n\nexport function AgentsPanel({\n  agents,\n  onRefresh,\n}: {\n  agents: ConnectedAgent[];\n  onRefresh: () => void;\n}) {\n  const [name, setName] = useState(\"\");\n  const [url, setUrl] = useState(\"\");\n  const [description, setDescription] = useState(\"\");\n  const [saving, setSaving] = useState(false);\n  const [errors, setErrors] = useState<AgentFormErrors>({});\n  const nameRef = useRef<HTMLInputElement>(null);\n\n  const customAgents = agents.filter((agent) => agent.source === \"custom\");\n  const workspaceAgents = agents.filter(\n    (agent) => agent.source === \"workspace\",\n  );\n  const builtinAgents = agents.filter((agent) => agent.source === \"builtin\");\n\n  const handleAdd = async (event?: FormEvent<HTMLFormElement>) => {\n    event?.preventDefault();\n    const trimmedName = name.trim();\n    const trimmedUrl = url.trim();\n    const nextErrors = validateAgentForm(trimmedName, trimmedUrl);\n    if (Object.keys(nextErrors).length > 0) {\n      setErrors(nextErrors);\n      return;\n    }\n\n    const id = slugifyAgentName(trimmedName);\n    const agentJson = JSON.stringify(\n      {\n        id,\n        name: trimmedName,\n        description: description.trim() || undefined,\n        url: trimmedUrl,\n        color: \"#6B7280\",\n      },\n      null,\n      2,\n    );\n\n    setSaving(true);\n    try {\n      const res = await fetch(agentNativePath(\"/_agent-native/resources\"), {\n        method: \"POST\",\n        headers: { \"Content-Type\": \"application/json\" },\n        body: JSON.stringify({\n          path: `remote-agents/${id}.json`,\n          content: agentJson,\n          shared: true,\n        }),\n      });\n      if (res.ok) {\n        setName(\"\");\n        setUrl(\"\");\n        setDescription(\"\");\n        setErrors({});\n        onRefresh();\n        nameRef.current?.focus();\n      } else {\n        setErrors({\n          form: `Could not add agent. Request failed with ${res.status}.`,\n        });\n      }\n    } catch (error) {\n      setErrors({\n        form:\n          error instanceof Error\n            ? error.message\n            : \"Could not add agent. Please try again.\",\n      });\n    } finally {\n      setSaving(false);\n    }\n  };\n\n  const handleDelete = async (resourceId?: string) => {\n    if (!resourceId) return;\n    const res = await fetch(\n      agentNativePath(`/_agent-native/resources/${resourceId}`),\n      {\n        method: \"DELETE\",\n      },\n    );\n    if (res.ok) onRefresh();\n  };\n\n  return (\n    <section className=\"rounded-2xl bg-card p-5\">\n      <div className=\"grid gap-4 xl:grid-cols-[minmax(0,1fr)_320px]\">\n        <div className=\"space-y-4\">\n          <div>\n            <div className=\"text-sm font-medium text-foreground\">\n              Available by default\n            </div>\n            <div className=\"mt-2 flex flex-wrap gap-2\">\n              {builtinAgents.map((agent) => (\n                <div\n                  key={agent.id}\n                  className=\"inline-flex items-center gap-2 rounded-full border px-3 py-1.5 text-xs text-muted-foreground\"\n                >\n                  <span\n                    className=\"h-2 w-2 rounded-full\"\n                    style={{ backgroundColor: agent.color }}\n                  />\n                  <span>{agent.name}</span>\n                </div>\n              ))}\n              {builtinAgents.length === 0 && (\n                <div className=\"rounded-xl border border-dashed px-4 py-6 text-sm text-muted-foreground\">\n                  No default agents detected.\n                </div>\n              )}\n            </div>\n          </div>\n\n          <div>\n            <div className=\"text-sm font-medium text-foreground\">\n              Added in this workspace\n            </div>\n            <div className=\"mt-2 space-y-2\">\n              {workspaceAgents.map((agent) => (\n                <div\n                  key={agent.id}\n                  className=\"flex items-start justify-between gap-3 rounded-xl border bg-muted/30 px-4 py-3\"\n                >\n                  <div className=\"min-w-0\">\n                    <div className=\"text-sm font-medium text-foreground\">\n                      {agent.name}\n                    </div>\n                    {agent.description ? (\n                      <div className=\"mt-1 text-xs text-muted-foreground\">\n                        {agent.description}\n                      </div>\n                    ) : null}\n                    <div className=\"mt-1 text-xs text-muted-foreground\">\n                      <a\n                        href={agent.url}\n                        target=\"_blank\"\n                        rel=\"noreferrer\"\n                        className=\"inline-flex items-center gap-1 hover:text-foreground\"\n                      >\n                        {agent.url}\n                        <IconExternalLink className=\"h-3 w-3\" />\n                      </a>\n                    </div>\n                  </div>\n                </div>\n              ))}\n              {customAgents.map((agent) => (\n                <div\n                  key={agent.id}\n                  className=\"flex items-start justify-between gap-3 rounded-xl border bg-muted/30 px-4 py-3\"\n                >\n                  <div className=\"min-w-0\">\n                    <div className=\"text-sm font-medium text-foreground\">\n                      {agent.name}\n                    </div>\n                    {agent.description ? (\n                      <div className=\"mt-1 text-xs text-muted-foreground\">\n                        {agent.description}\n                      </div>\n                    ) : null}\n                    <div className=\"mt-1 flex items-center gap-2 text-xs text-muted-foreground\">\n                      <a\n                        href={agent.url}\n                        target=\"_blank\"\n                        rel=\"noreferrer\"\n                        className=\"inline-flex items-center gap-1 hover:text-foreground\"\n                      >\n                        {agent.url}\n                        <IconExternalLink className=\"h-3 w-3\" />\n                      </a>\n                      <span>·</span>\n                      <span>{agent.scope || \"shared\"}</span>\n                    </div>\n                  </div>\n                  <AlertDialog>\n                    <AlertDialogTrigger asChild>\n                      <Button variant=\"ghost\" size=\"icon\">\n                        <IconTrash className=\"h-4 w-4\" />\n                      </Button>\n                    </AlertDialogTrigger>\n                    <AlertDialogContent>\n                      <AlertDialogHeader>\n                        <AlertDialogTitle>Remove this agent?</AlertDialogTitle>\n                        <AlertDialogDescription>\n                          “{agent.name}” will be removed from the workspace. Any\n                          jobs or chats that delegate to it will stop working.\n                        </AlertDialogDescription>\n                      </AlertDialogHeader>\n                      <AlertDialogFooter>\n                        <AlertDialogCancel>Cancel</AlertDialogCancel>\n                        <AlertDialogAction\n                          onClick={() => handleDelete(agent.resourceId)}\n                        >\n                          Remove\n                        </AlertDialogAction>\n                      </AlertDialogFooter>\n                    </AlertDialogContent>\n                  </AlertDialog>\n                </div>\n              ))}\n              {workspaceAgents.length === 0 && customAgents.length === 0 && (\n                <div className=\"rounded-xl border border-dashed px-4 py-6 text-sm text-muted-foreground\">\n                  No extra agents added yet.\n                </div>\n              )}\n            </div>\n          </div>\n        </div>\n\n        <div className=\"rounded-xl border bg-muted/20 p-4\">\n          <div className=\"text-sm font-medium text-foreground\">\n            Add external agent\n          </div>\n          <p className=\"mt-1 text-xs leading-relaxed text-muted-foreground\">\n            Add another A2A-compatible app by saving its agent endpoint here.\n          </p>\n          <form className=\"mt-4 space-y-3\" onSubmit={handleAdd} noValidate>\n            <div className=\"space-y-1.5\">\n              <Input\n                ref={nameRef}\n                value={name}\n                onChange={(event) => {\n                  setName(event.target.value);\n                  setErrors((current) => ({ ...current, name: undefined }));\n                }}\n                placeholder=\"Name\"\n                aria-invalid={Boolean(errors.name)}\n                aria-describedby={\n                  errors.name ? \"external-agent-name-error\" : undefined\n                }\n              />\n              {errors.name ? (\n                <p\n                  id=\"external-agent-name-error\"\n                  className=\"text-xs font-medium text-destructive\"\n                >\n                  {errors.name}\n                </p>\n              ) : null}\n            </div>\n            <div className=\"space-y-1.5\">\n              <Input\n                value={url}\n                onChange={(event) => {\n                  setUrl(event.target.value);\n                  setErrors((current) => ({ ...current, url: undefined }));\n                }}\n                placeholder=\"https://app.example.com\"\n                aria-invalid={Boolean(errors.url)}\n                aria-describedby={\n                  errors.url ? \"external-agent-url-error\" : undefined\n                }\n              />\n              {errors.url ? (\n                <p\n                  id=\"external-agent-url-error\"\n                  className=\"text-xs font-medium text-destructive\"\n                >\n                  {errors.url}\n                </p>\n              ) : null}\n            </div>\n            <Input\n              value={description}\n              onChange={(event) => setDescription(event.target.value)}\n              placeholder=\"Description (optional)\"\n            />\n            {errors.form ? (\n              <p className=\"text-xs font-medium text-destructive\">\n                {errors.form}\n              </p>\n            ) : null}\n            <Button type=\"submit\" className=\"w-full\" disabled={saving}>\n              {saving ? \"Saving...\" : \"Add agent\"}\n            </Button>\n          </form>\n        </div>\n      </div>\n    </section>\n  );\n}\n"]}

package/dist/components/dispatch-control-plane.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dispatch-control-plane.d.ts","sourceRoot":"","sources":["../../src/components/dispatch-control-plane.tsx"],"names":[],"mappings":"AAmLA,wBAAgB,oBAAoB,oDAqBnC"}
+{"version":3,"file":"dispatch-control-plane.d.ts","sourceRoot":"","sources":["../../src/components/dispatch-control-plane.tsx"],"names":[],"mappings":"AAgLA,wBAAgB,oBAAoB,oDAqBnC"}

package/dist/components/dispatch-control-plane.js

@@ -62,7 +62,7 @@ function CommandPanel() {
 function AppsPanel({ apps, isLoading, }) {
     const visibleApps = apps.filter((app) => !app.isDispatch && !app.archived);
     const showSkeletons = isLoading && visibleApps.length === 0;
-    return (_jsxs("section", { className: "flex flex-col gap-3", children: [_jsx(SectionHeader, { title: "Apps", action: _jsx(Button, { variant: "outline", size: "sm", asChild: true, children: _jsxs(Link, { to: "/apps", children: ["View all", _jsx(IconArrowUpRight, { size: 14 })] }) }) }), showSkeletons ? (_jsx("div", { className: "grid gap-3 md:grid-cols-2", children: Array.from({ length: 4 }).map((_, index) => (_jsxs("div", { className: "rounded-xl border border-border/60 bg-card/40 p-4", children: [_jsx(Skeleton, { className: "h-4 w-32" }), _jsx(Skeleton, { className: "mt-3 h-3 w-24" }), _jsx(Skeleton, { className: "mt-3 h-3 w-full" })] }, index))) })) : visibleApps.length > 0 ? (_jsx("div", { className: "grid gap-3 md:grid-cols-2", children: visibleApps.map((app) => (_jsx(WorkspaceAppCard, { app: app, className: "min-h-32" }, app.id))) })) : (_jsx(CreateAppPopover, {}))] }));
+    return (_jsxs("section", { className: "flex flex-col gap-3", children: [_jsx(SectionHeader, { title: "Apps", action: _jsx(Button, { variant: "outline", size: "sm", asChild: true, children: _jsxs(Link, { to: "/apps", children: ["View all", _jsx(IconArrowUpRight, { size: 14 })] }) }) }), showSkeletons ? (_jsx("div", { className: "grid gap-3 md:grid-cols-2", children: Array.from({ length: 4 }).map((_, index) => (_jsxs("div", { className: "rounded-xl bg-card/40 p-4", children: [_jsx(Skeleton, { className: "h-4 w-32" }), _jsx(Skeleton, { className: "mt-3 h-3 w-24" }), _jsx(Skeleton, { className: "mt-3 h-3 w-full" })] }, index))) })) : visibleApps.length > 0 ? (_jsx("div", { className: "grid gap-3 md:grid-cols-2", children: visibleApps.map((app) => (_jsx(WorkspaceAppCard, { app: app, className: "min-h-32" }, app.id))) })) : (_jsx(CreateAppPopover, {}))] }));
 }
 export function DispatchControlPlane() {
     useSetPageTitle(_jsx("span", { "aria-hidden": true }));

package/dist/components/dispatch-control-plane.js.map

@@ -1 +1 @@
-{"version":3,"file":"dispatch-control-plane.js","sourceRoot":"","sources":["../../src/components/dispatch-control-plane.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,mCAAmC,EACnC,aAAa,GACd,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAE5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,SAAS,aAAa,CAAC,EACrB,KAAK,EACL,MAAM,GAIP;IACC,OAAO,CACL,eAAK,SAAS,EAAC,iDAAiD,aAC9D,aAAI,SAAS,EAAC,gDAAgD,YAC3D,KAAK,GACH,EACJ,MAAM,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,UAAU,YAAE,MAAM,GAAO,CAAC,CAAC,CAAC,IAAI,IACrD,CACP,CAAC;AACJ,CAAC;AAED,SAAS,YAAY;IACnB,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC;IACjB,MAAM,EACJ,eAAe,EACf,SAAS,EAAE,gBAAgB,EAC3B,cAAc,EACd,aAAa,EACb,cAAc,EACd,cAAc,EACd,aAAa,GACd,GAAG,aAAa,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,CAAC;IAC9C,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,iBAAiB,GAAG;QACxB,CAAC,CAAC,0CAA0C,EAAE;YAC5C,YAAY,EAAE,wCAAwC;SACvD,CAAC;QACF,CAAC,CAAC,wCAAwC,EAAE;YAC1C,YAAY,EAAE,uCAAuC;SACtD,CAAC;QACF,CAAC,CAAC,0CAA0C,EAAE;YAC5C,YAAY,EAAE,4CAA4C;SAC3D,CAAC;KACH,CAAC;IAEF,SAAS,IAAI,CAAC,OAAe;QAC3B,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,EAAE,CAAC;QAC/B,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,IAAI,gBAAgB,EAAE,EAAE,CAAC;YACvB,oBAAoB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;YAC7C,OAAO;QACT,CAAC;QAED,mCAAmC,CAAC,QAAQ,EAAE,OAAO,EAAE;YACrD,KAAK,EAAE;gBACL,cAAc,EAAE;oBACd,EAAE,EAAE,GAAG,IAAI,CAAC,GAAG,EAAE,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE;oBAC7D,OAAO,EAAE,OAAO;oBAChB,aAAa;oBACb,cAAc;oBACd,cAAc;iBACf;aACF;SACF,CAAC,CAAC;IACL,CAAC;IAED,OAAO,CACL,kBAAS,SAAS,EAAC,eAAe,YAChC,eAAK,SAAS,EAAC,qDAAqD,aAClE,eAAK,SAAS,EAAC,kBAAkB,aAC/B,aAAI,SAAS,EAAC,mEAAmE,YAC9E,CAAC,CAAC,+BAA+B,EAAE;gCAClC,YAAY,EAAE,uBAAuB;6BACtC,CAAC,GACC,EACL,YAAG,SAAS,EAAC,+DAA+D,YACzE,CAAC,CAAC,0CAA0C,EAAE;gCAC7C,YAAY,EACV,qEAAqE;6BACxE,CAAC,GACA,IACA,EACN,KAAC,cAAc,IACb,eAAe,EAAE,eAAe,EAChC,gBAAgB,EAAE,gBAAgB,EAClC,WAAW,EAAE,CAAC,CAAC,0CAA0C,EAAE;wBACzD,YAAY,EAAE,0BAA0B;qBACzC,CAAC,EACF,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,GAC9B,EACF,cAAK,SAAS,EAAC,0CAA0C,YACtD,iBAAiB,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,CACrC,iBAEE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,EAC/B,SAAS,EAAC,sLAAsL,YAE/L,UAAU,IALN,UAAU,CAMR,CACV,CAAC,GACE,IACF,GACE,CACX,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAAC,EACjB,IAAI,EACJ,SAAS,GAIV;IACC,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,UAAU,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IAC3E,MAAM,aAAa,GAAG,SAAS,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC,CAAC;IAE5D,OAAO,CACL,mBAAS,SAAS,EAAC,qBAAqB,aACtC,KAAC,aAAa,IACZ,KAAK,EAAC,MAAM,EACZ,MAAM,EACJ,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,kBACzC,MAAC,IAAI,IAAC,EAAE,EAAC,OAAO,yBAEd,KAAC,gBAAgB,IAAC,IAAI,EAAE,EAAE,GAAI,IACzB,GACA,GAEX,EACD,aAAa,CAAC,CAAC,CAAC,CACf,cAAK,SAAS,EAAC,2BAA2B,YACvC,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3C,eAEE,SAAS,EAAC,mDAAmD,aAE7D,KAAC,QAAQ,IAAC,SAAS,EAAC,UAAU,GAAG,EACjC,KAAC,QAAQ,IAAC,SAAS,EAAC,eAAe,GAAG,EACtC,KAAC,QAAQ,IAAC,SAAS,EAAC,iBAAiB,GAAG,KALnC,KAAK,CAMN,CACP,CAAC,GACE,CACP,CAAC,CAAC,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC3B,cAAK,SAAS,EAAC,2BAA2B,YACvC,WAAW,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACxB,KAAC,gBAAgB,IAAc,GAAG,EAAE,GAAG,EAAE,SAAS,EAAC,UAAU,IAAtC,GAAG,CAAC,EAAE,CAAmC,CACjE,CAAC,GACE,CACP,CAAC,CAAC,CAAC,CACF,KAAC,gBAAgB,KAAG,CACrB,IACO,CACX,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,oBAAoB;IAClC,eAAe,CAAC,qCAAoB,CAAC,CAAC;IACtC,MAAM,SAAS,GAAG,cAAc,CAC9B,qBAAqB,EACrB,EAAE,iBAAiB,EAAE,KAAK,EAAE,eAAe,EAAE,IAAI,EAAE,CACpD,CAAC;IACF,MAAM,EAAE,IAAI,EAAE,aAAa,GAAG,EAAE,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,SAAS,CAAC;IAEvE,OAAO,CACL,eAAK,SAAS,EAAC,qBAAqB,aAClC,KAAC,YAAY,KAAG,EACf,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CACnB,KAAC,gBAAgB,IACf,KAAK,EAAE,SAAS,CAAC,KAAK,EACtB,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,SAAS,CAAC,OAAO,EAAE,GACvC,CACH,CAAC,CAAC,CAAC,CACF,KAAC,SAAS,IAAC,IAAI,EAAE,aAAa,IAAI,EAAE,EAAE,SAAS,EAAE,WAAW,GAAI,CACjE,IACG,CACP,CAAC;AACJ,CAAC","sourcesContent":["import {\n  navigateWithAgentChatViewTransition,\n  useChatModels,\n} from \"@agent-native/core/client/agent-chat\";\nimport { PromptComposer } from \"@agent-native/core/client/composer\";\nimport { useActionQuery } from \"@agent-native/core/client/hooks\";\nimport { isInBuilderFrame } from \"@agent-native/core/client/host\";\nimport { useT } from \"@agent-native/core/client/i18n\";\nimport { IconArrowUpRight } from \"@tabler/icons-react\";\nimport type { ReactNode } from \"react\";\nimport { Link, useNavigate } from \"react-router\";\n\nimport { submitOverviewPrompt } from \"../lib/overview-chat\";\nimport type { WorkspaceAppSummary } from \"../lib/workspace-apps\";\nimport { ActionQueryError } from \"./action-query-error\";\nimport { CreateAppPopover } from \"./create-app-popover\";\nimport { useSetPageTitle } from \"./layout/HeaderActions\";\nimport { Button } from \"./ui/button\";\nimport { Skeleton } from \"./ui/skeleton\";\nimport { WorkspaceAppCard } from \"./workspace-app-card\";\n\nfunction SectionHeader({\n  title,\n  action,\n}: {\n  title: string;\n  action?: ReactNode;\n}) {\n  return (\n    <div className=\"flex min-w-0 items-center justify-between gap-3\">\n      <h2 className=\"truncate text-sm font-semibold text-foreground\">\n        {title}\n      </h2>\n      {action ? <div className=\"shrink-0\">{action}</div> : null}\n    </div>\n  );\n}\n\nfunction CommandPanel() {\n  const t = useT();\n  const {\n    availableModels,\n    isLoading: modelListLoading,\n    onEffortChange,\n    onModelChange,\n    selectedEffort,\n    selectedEngine,\n    selectedModel,\n  } = useChatModels({ storageKey: \"dispatch\" });\n  const navigate = useNavigate();\n  const promptSuggestions = [\n    t(\"dispatch.pages.suggestionWorkspaceHealth\", {\n      defaultValue: \"Summarize the current workspace health\",\n    }),\n    t(\"dispatch.pages.suggestionOnboardingApp\", {\n      defaultValue: \"Create an app for onboarding requests\",\n    }),\n    t(\"dispatch.pages.suggestionAnalyticsAgents\", {\n      defaultValue: \"Check which agents can help with analytics\",\n    }),\n  ];\n\n  function send(message: string) {\n    const trimmed = message.trim();\n    if (!trimmed) return;\n\n    if (isInBuilderFrame()) {\n      submitOverviewPrompt(trimmed, selectedModel);\n      return;\n    }\n\n    navigateWithAgentChatViewTransition(navigate, \"/chat\", {\n      state: {\n        dispatchPrompt: {\n          id: `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`,\n          message: trimmed,\n          selectedModel,\n          selectedEngine,\n          selectedEffort,\n        },\n      },\n    });\n  }\n\n  return (\n    <section className=\"flex flex-col\">\n      <div className=\"mx-auto flex w-full max-w-3xl flex-col pt-4 sm:pt-6\">\n        <div className=\"mb-5 text-center\">\n          <h2 className=\"text-2xl font-semibold tracking-tight text-foreground sm:text-3xl\">\n            {t(\"dispatch.pages.chatAcrossApps\", {\n              defaultValue: \"Chat across your apps\",\n            })}\n          </h2>\n          <p className=\"mx-auto mt-2 max-w-xl text-sm leading-6 text-muted-foreground\">\n            {t(\"dispatch.pages.chatAcrossAppsDescription\", {\n              defaultValue:\n                \"Route work, inspect status, or create something new from one place.\",\n            })}\n          </p>\n        </div>\n        <PromptComposer\n          availableModels={availableModels}\n          modelListLoading={modelListLoading}\n          placeholder={t(\"dispatch.pages.overviewPromptPlaceholder\", {\n            defaultValue: \"Ask Dispatch anything...\",\n          })}\n          selectedEffort={selectedEffort}\n          selectedEngine={selectedEngine}\n          selectedModel={selectedModel}\n          onEffortChange={onEffortChange}\n          onModelChange={onModelChange}\n          onSubmit={(text) => send(text)}\n        />\n        <div className=\"mt-3 flex flex-wrap justify-center gap-2\">\n          {promptSuggestions.map((suggestion) => (\n            <button\n              key={suggestion}\n              type=\"button\"\n              onClick={() => send(suggestion)}\n              className=\"cursor-pointer rounded-md border border-transparent bg-muted/60 px-2.5 py-1.5 text-xs text-muted-foreground transition-[background-color,color] hover:bg-muted hover:text-foreground\"\n            >\n              {suggestion}\n            </button>\n          ))}\n        </div>\n      </div>\n    </section>\n  );\n}\n\nfunction AppsPanel({\n  apps,\n  isLoading,\n}: {\n  apps: WorkspaceAppSummary[];\n  isLoading: boolean;\n}) {\n  const visibleApps = apps.filter((app) => !app.isDispatch && !app.archived);\n  const showSkeletons = isLoading && visibleApps.length === 0;\n\n  return (\n    <section className=\"flex flex-col gap-3\">\n      <SectionHeader\n        title=\"Apps\"\n        action={\n          <Button variant=\"outline\" size=\"sm\" asChild>\n            <Link to=\"/apps\">\n              View all\n              <IconArrowUpRight size={14} />\n            </Link>\n          </Button>\n        }\n      />\n      {showSkeletons ? (\n        <div className=\"grid gap-3 md:grid-cols-2\">\n          {Array.from({ length: 4 }).map((_, index) => (\n            <div\n              key={index}\n              className=\"rounded-xl border border-border/60 bg-card/40 p-4\"\n            >\n              <Skeleton className=\"h-4 w-32\" />\n              <Skeleton className=\"mt-3 h-3 w-24\" />\n              <Skeleton className=\"mt-3 h-3 w-full\" />\n            </div>\n          ))}\n        </div>\n      ) : visibleApps.length > 0 ? (\n        <div className=\"grid gap-3 md:grid-cols-2\">\n          {visibleApps.map((app) => (\n            <WorkspaceAppCard key={app.id} app={app} className=\"min-h-32\" />\n          ))}\n        </div>\n      ) : (\n        <CreateAppPopover />\n      )}\n    </section>\n  );\n}\n\nexport function DispatchControlPlane() {\n  useSetPageTitle(<span aria-hidden />);\n  const appsQuery = useActionQuery<WorkspaceAppSummary[]>(\n    \"list-workspace-apps\",\n    { includeAgentCards: false, includeArchived: true },\n  );\n  const { data: workspaceApps = [], isLoading: appsLoading } = appsQuery;\n\n  return (\n    <div className=\"flex flex-col gap-8\">\n      <CommandPanel />\n      {appsQuery.isError ? (\n        <ActionQueryError\n          error={appsQuery.error}\n          onRetry={() => void appsQuery.refetch()}\n        />\n      ) : (\n        <AppsPanel apps={workspaceApps ?? []} isLoading={appsLoading} />\n      )}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"dispatch-control-plane.js","sourceRoot":"","sources":["../../src/components/dispatch-control-plane.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  navigateWithAgentChatViewTransition,\n  useChatModels,\n} from \"@agent-native/core/client/agent-chat\";\nimport { PromptComposer } from \"@agent-native/core/client/composer\";\nimport { useActionQuery } from \"@agent-native/core/client/hooks\";\nimport { isInBuilderFrame } from \"@agent-native/core/client/host\";\nimport { useT } from \"@agent-native/core/client/i18n\";\nimport { IconArrowUpRight } from \"@tabler/icons-react\";\nimport type { ReactNode } from \"react\";\nimport { Link, useNavigate } from \"react-router\";\n\nimport { submitOverviewPrompt } from \"../lib/overview-chat\";\nimport type { WorkspaceAppSummary } from \"../lib/workspace-apps\";\nimport { ActionQueryError } from \"./action-query-error\";\nimport { CreateAppPopover } from \"./create-app-popover\";\nimport { useSetPageTitle } from \"./layout/HeaderActions\";\nimport { Button } from \"./ui/button\";\nimport { Skeleton } from \"./ui/skeleton\";\nimport { WorkspaceAppCard } from \"./workspace-app-card\";\n\nfunction SectionHeader({\n  title,\n  action,\n}: {\n  title: string;\n  action?: ReactNode;\n}) {\n  return (\n    <div className=\"flex min-w-0 items-center justify-between gap-3\">\n      <h2 className=\"truncate text-sm font-semibold text-foreground\">\n        {title}\n      </h2>\n      {action ? <div className=\"shrink-0\">{action}</div> : null}\n    </div>\n  );\n}\n\nfunction CommandPanel() {\n  const t = useT();\n  const {\n    availableModels,\n    isLoading: modelListLoading,\n    onEffortChange,\n    onModelChange,\n    selectedEffort,\n    selectedEngine,\n    selectedModel,\n  } = useChatModels({ storageKey: \"dispatch\" });\n  const navigate = useNavigate();\n  const promptSuggestions = [\n    t(\"dispatch.pages.suggestionWorkspaceHealth\", {\n      defaultValue: \"Summarize the current workspace health\",\n    }),\n    t(\"dispatch.pages.suggestionOnboardingApp\", {\n      defaultValue: \"Create an app for onboarding requests\",\n    }),\n    t(\"dispatch.pages.suggestionAnalyticsAgents\", {\n      defaultValue: \"Check which agents can help with analytics\",\n    }),\n  ];\n\n  function send(message: string) {\n    const trimmed = message.trim();\n    if (!trimmed) return;\n\n    if (isInBuilderFrame()) {\n      submitOverviewPrompt(trimmed, selectedModel);\n      return;\n    }\n\n    navigateWithAgentChatViewTransition(navigate, \"/chat\", {\n      state: {\n        dispatchPrompt: {\n          id: `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`,\n          message: trimmed,\n          selectedModel,\n          selectedEngine,\n          selectedEffort,\n        },\n      },\n    });\n  }\n\n  return (\n    <section className=\"flex flex-col\">\n      <div className=\"mx-auto flex w-full max-w-3xl flex-col pt-4 sm:pt-6\">\n        <div className=\"mb-5 text-center\">\n          <h2 className=\"text-2xl font-semibold tracking-tight text-foreground sm:text-3xl\">\n            {t(\"dispatch.pages.chatAcrossApps\", {\n              defaultValue: \"Chat across your apps\",\n            })}\n          </h2>\n          <p className=\"mx-auto mt-2 max-w-xl text-sm leading-6 text-muted-foreground\">\n            {t(\"dispatch.pages.chatAcrossAppsDescription\", {\n              defaultValue:\n                \"Route work, inspect status, or create something new from one place.\",\n            })}\n          </p>\n        </div>\n        <PromptComposer\n          availableModels={availableModels}\n          modelListLoading={modelListLoading}\n          placeholder={t(\"dispatch.pages.overviewPromptPlaceholder\", {\n            defaultValue: \"Ask Dispatch anything...\",\n          })}\n          selectedEffort={selectedEffort}\n          selectedEngine={selectedEngine}\n          selectedModel={selectedModel}\n          onEffortChange={onEffortChange}\n          onModelChange={onModelChange}\n          onSubmit={(text) => send(text)}\n        />\n        <div className=\"mt-3 flex flex-wrap justify-center gap-2\">\n          {promptSuggestions.map((suggestion) => (\n            <button\n              key={suggestion}\n              type=\"button\"\n              onClick={() => send(suggestion)}\n              className=\"cursor-pointer rounded-md border border-transparent bg-muted/60 px-2.5 py-1.5 text-xs text-muted-foreground transition-[background-color,color] hover:bg-muted hover:text-foreground\"\n            >\n              {suggestion}\n            </button>\n          ))}\n        </div>\n      </div>\n    </section>\n  );\n}\n\nfunction AppsPanel({\n  apps,\n  isLoading,\n}: {\n  apps: WorkspaceAppSummary[];\n  isLoading: boolean;\n}) {\n  const visibleApps = apps.filter((app) => !app.isDispatch && !app.archived);\n  const showSkeletons = isLoading && visibleApps.length === 0;\n\n  return (\n    <section className=\"flex flex-col gap-3\">\n      <SectionHeader\n        title=\"Apps\"\n        action={\n          <Button variant=\"outline\" size=\"sm\" asChild>\n            <Link to=\"/apps\">\n              View all\n              <IconArrowUpRight size={14} />\n            </Link>\n          </Button>\n        }\n      />\n      {showSkeletons ? (\n        <div className=\"grid gap-3 md:grid-cols-2\">\n          {Array.from({ length: 4 }).map((_, index) => (\n            <div key={index} className=\"rounded-xl bg-card/40 p-4\">\n              <Skeleton className=\"h-4 w-32\" />\n              <Skeleton className=\"mt-3 h-3 w-24\" />\n              <Skeleton className=\"mt-3 h-3 w-full\" />\n            </div>\n          ))}\n        </div>\n      ) : visibleApps.length > 0 ? (\n        <div className=\"grid gap-3 md:grid-cols-2\">\n          {visibleApps.map((app) => (\n            <WorkspaceAppCard key={app.id} app={app} className=\"min-h-32\" />\n          ))}\n        </div>\n      ) : (\n        <CreateAppPopover />\n      )}\n    </section>\n  );\n}\n\nexport function DispatchControlPlane() {\n  useSetPageTitle(<span aria-hidden />);\n  const appsQuery = useActionQuery<WorkspaceAppSummary[]>(\n    \"list-workspace-apps\",\n    { includeAgentCards: false, includeArchived: true },\n  );\n  const { data: workspaceApps = [], isLoading: appsLoading } = appsQuery;\n\n  return (\n    <div className=\"flex flex-col gap-8\">\n      <CommandPanel />\n      {appsQuery.isError ? (\n        <ActionQueryError\n          error={appsQuery.error}\n          onRetry={() => void appsQuery.refetch()}\n        />\n      ) : (\n        <AppsPanel apps={workspaceApps ?? []} isLoading={appsLoading} />\n      )}\n    </div>\n  );\n}\n"]}

package/dist/components/layout/Layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Layout.tsx"],"names":[],"mappings":"AA0CA,OAAO,EAIL,KAAK,aAAa,EAClB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAgBf,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,YAAY,CAAC;AAE1D,MAAM,MAAM,eAAe,GAAG,aAAa,CAAC;IAC1C,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAEH,MAAM,WAAW,eAAe;IAC9B,uEAAuE;IACvE,EAAE,EAAE,MAAM,CAAC;IACX,iFAAiF;IACjF,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,mFAAmF;IACnF,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,gEAAgE;IAChE,KAAK,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC;CACvC;AAED,MAAM,WAAW,uBAAuB;IACtC,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,SAAS,eAAe,EAAE,CAAC;IACtC,kFAAkF;IAClF,SAAS,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;CAC/B;AA6ND,wBAAgB,eAAe,CAAC,SAAS,EAAE,MAAM,EAAE,GAAG,SAAa,UAWlE;AA2ID,wBAAgB,UAAU,CAAC,EACzB,UAAU,EACV,UAAU,EACV,SAAiB,EACjB,WAAmB,EACnB,iBAAiB,GAClB,EAAE;IACD,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,UAAU,CAAC,EAAE,uBAAuB,CAAC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;CAClD,mDA+PA;AAED,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,UAAU,EACV,aAAa,GACd,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE,uBAAuB,CAAC;IACrC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,mDA6IA"}
+{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Layout.tsx"],"names":[],"mappings":"AA4CA,OAAO,EAIL,KAAK,aAAa,EAClB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAgBf,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,YAAY,CAAC;AAE1D,MAAM,MAAM,eAAe,GAAG,aAAa,CAAC;IAC1C,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAEH,MAAM,WAAW,eAAe;IAC9B,uEAAuE;IACvE,EAAE,EAAE,MAAM,CAAC;IACX,iFAAiF;IACjF,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,mFAAmF;IACnF,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,gEAAgE;IAChE,KAAK,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC;CACvC;AAED,MAAM,WAAW,uBAAuB;IACtC,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,SAAS,eAAe,EAAE,CAAC;IACtC,kFAAkF;IAClF,SAAS,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;CAC/B;AA+ND,wBAAgB,eAAe,CAAC,SAAS,EAAE,MAAM,EAAE,GAAG,SAAa,UAWlE;AA2ID,wBAAgB,UAAU,CAAC,EACzB,UAAU,EACV,UAAU,EACV,SAAiB,EACjB,WAAmB,EACnB,iBAAiB,GAClB,EAAE;IACD,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,UAAU,CAAC,EAAE,uBAAuB,CAAC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;CAClD,mDAkSA;AAED,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,UAAU,EACV,aAAa,GACd,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE,uBAAuB,CAAC;IACrC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,mDA6IA"}

package/dist/components/layout/Layout.js

@@ -1,13 +1,14 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { AgentSidebar, focusAgentChat, navigateWithAgentChatViewTransition, useAgentChatHomeHandoff, useAgentChatHomeHandoffLinks, useChatThreads, } from "@agent-native/core/client/agent-chat";
 import { appBasePath, appPath } from "@agent-native/core/client/api-path";
-import { ExtensionsSidebarSection } from "@agent-native/core/client/extensions";
 import { useActionQuery } from "@agent-native/core/client/hooks";
-import { useT } from "@agent-native/core/client/i18n";
+import { LanguagePicker, useT } from "@agent-native/core/client/i18n";
+import { openCommandMenu } from "@agent-native/core/client/navigation";
 import { InvitationBanner, OrgSwitcher } from "@agent-native/core/client/org";
 import { FeedbackButton } from "@agent-native/core/client/ui";
+import { SidebarFooterActions } from "@agent-native/toolkit/app-shell";
 import { ChatHistoryRail, } from "@agent-native/toolkit/chat-history";
-import { IconActivity, IconArrowUpRight, IconApps, IconBrain, IconChartBar, IconBrandTelegram, IconKey, IconChevronDown, IconLayersSubtract, IconMessageQuestion, IconMessages, IconPlugConnected, IconBroadcast, IconFingerprint, IconHistory, IconLayoutSidebarLeftCollapse, IconLayoutSidebarLeftExpand, IconPuzzle, IconSettings, IconSettingsAutomation, IconShieldCheck, } from "@tabler/icons-react";
+import { IconActivity, IconArrowUpRight, IconApps, IconBrain, IconChartBar, IconBrandTelegram, IconKey, IconChevronDown, IconLayersSubtract, IconMessageQuestion, IconMessages, IconPlugConnected, IconBroadcast, IconFingerprint, IconHistory, IconLayoutSidebarLeftCollapse, IconLayoutSidebarLeftExpand, IconPuzzle, IconSettings, IconSettingsAutomation, IconShieldCheck, IconSearch, } from "@tabler/icons-react";
 import { useEffect, useMemo, useState, } from "react";
 import { NavLink, useLocation, useNavigate } from "react-router";
 import { cn } from "../../lib/utils.js";
@@ -103,12 +104,13 @@ const OPERATIONS_NAV_ITEMS = [
         icon: IconLayersSubtract,
         section: "operations",
     },
+];
+const BOTTOM_NAV_ITEMS = [
     {
         id: "settings",
         to: "/settings",
         label: "Settings",
         icon: IconSettings,
-        section: "operations",
     },
 ];
 const ADVANCED_NAV_ITEMS = [
@@ -344,6 +346,12 @@ export function NavContent({ onNavigate, extensions, collapsed = false, collapsi
                 : item.id;
         return t(`dispatch.nav.${key}`, { defaultValue: item.label });
     };
+    const collapseButton = collapsible ? (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", onClick: () => onCollapsedChange?.(!collapsed), "aria-label": collapsed
+                        ? t("sidebar.expandSidebar")
+                        : t("sidebar.collapseSidebar"), className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-md text-sidebar-foreground/65 transition-colors hover:bg-sidebar-accent hover:text-sidebar-accent-foreground", children: collapsed ? (_jsx(IconLayoutSidebarLeftExpand, { className: "h-4 w-4 rtl:-scale-x-100" })) : (_jsx(IconLayoutSidebarLeftCollapse, { className: "h-4 w-4 rtl:-scale-x-100" })) }) }), _jsx(TooltipContent, { side: "right", children: collapsed ? t("sidebar.expandSidebar") : t("sidebar.collapseSidebar") })] })) : null;
+    const searchButton = (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", onClick: openCommandMenu, "aria-label": t("sidebar.search"), className: "flex h-8 w-8 items-center justify-center rounded-md text-sidebar-foreground/65 transition-colors hover:bg-sidebar-accent hover:text-sidebar-accent-foreground", children: _jsx(IconSearch, { className: "h-4 w-4" }) }) }), _jsx(TooltipContent, { side: "right", children: t("sidebar.search") })] }));
+    const translateButton = (_jsx(LanguagePicker, { variant: "ghost-icon", label: t("settings.languageLabel") }));
+    const feedbackButton = (_jsx(FeedbackButton, { variant: collapsed ? "icon" : "sidebar", side: "right", className: collapsed ? "size-8" : "min-w-0" }));
     const renderNavItem = (item) => {
         const Icon = item.icon;
         const itemMatchesLocalPath = navItemMatchesPath(item, localPathname);
@@ -386,11 +394,7 @@ export function NavContent({ onNavigate, extensions, collapsed = false, collapsi
                             : "text-sidebar-foreground/70 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground");
                     }, children: [Icon ? (_jsx(Icon, { size: 16, className: "shrink-0" })) : (_jsx("span", { className: "h-4 w-4 shrink-0", "aria-hidden": "true" })), _jsx("span", { className: "truncate", children: label })] })), !collapsed && item.id === "chat" && itemMatchesLocalPath ? (_jsx(DispatchChatsSection, { onNavigate: onNavigate })) : null] }, item.id));
     };
-    return (_jsxs(_Fragment, { children: [_jsx("div", { className: cn("border-b py-3", collapsed ? "px-1" : "px-4"), children: _jsxs("div", { className: cn("flex items-center", collapsed ? "justify-center" : "gap-2"), children: [!collapsed && (_jsxs(_Fragment, { children: [_jsx("img", { src: appPath("/agent-native-icon-light.svg"), alt: "", "aria-hidden": "true", className: "block h-5 w-auto shrink-0 dark:hidden" }), _jsx("img", { src: appPath("/agent-native-icon-dark.svg"), alt: "", "aria-hidden": "true", className: "hidden h-5 w-auto shrink-0 dark:block" }), _jsx("div", { className: "min-w-0 flex-1", children: _jsx("div", { className: "truncate text-lg font-bold tracking-tight text-foreground", children: workspaceLabel ?? "Dispatch" }) })] })), collapsible ? (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", onClick: () => onCollapsedChange?.(!collapsed), "aria-label": collapsed
-                                            ? t("sidebar.expandSidebar")
-                                            : t("sidebar.collapseSidebar"), className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-md text-sidebar-foreground/65 transition-colors hover:bg-sidebar-accent hover:text-sidebar-accent-foreground", children: collapsed ? (_jsx(IconLayoutSidebarLeftExpand, { className: "h-4 w-4 rtl:-scale-x-100" })) : (_jsx(IconLayoutSidebarLeftCollapse, { className: "h-4 w-4 rtl:-scale-x-100" })) }) }), _jsx(TooltipContent, { side: "right", children: collapsed
-                                        ? t("sidebar.expandSidebar")
-                                        : t("sidebar.collapseSidebar") })] })) : null] }) }), _jsxs("div", { className: "flex min-h-0 flex-1 flex-col overflow-y-auto", children: [_jsxs("nav", { className: cn("py-3", collapsed ? "px-1" : "px-2"), children: [_jsx("ul", { className: cn(collapsed ? "flex flex-col items-center gap-1" : "space-y-0.5"), children: primaryNavItems.map(renderNavItem) }), collapsed ? (_jsxs(_Fragment, { children: [_jsx("ul", { className: "mt-5 flex flex-col items-center gap-1", children: operationsNavItems.map(renderNavItem) }), _jsx("ul", { className: "mt-3 flex flex-col items-center gap-1", children: ADVANCED_NAV_ITEMS.map(renderNavItem) })] })) : (_jsxs("div", { className: "mt-5", children: [_jsx("p", { className: "px-2 pb-1 text-[11px] font-medium uppercase tracking-wide text-sidebar-foreground/45", children: t("dispatch.nav.operate", { defaultValue: "Operate" }) }), _jsx("ul", { className: "space-y-0.5", children: operationsNavItems.map(renderNavItem) }), _jsxs("details", { className: "group mt-3", open: advancedOpen, children: [_jsxs("summary", { className: "flex h-8 cursor-pointer list-none items-center justify-between rounded-md px-2 text-xs font-medium text-sidebar-foreground/60 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground [&::-webkit-details-marker]:hidden", children: [_jsx("span", { children: t("dispatch.nav.advanced", { defaultValue: "Advanced" }) }), _jsx(IconChevronDown, { size: 14, className: "transition-transform group-open:rotate-180" })] }), _jsx("ul", { className: "mt-1 space-y-0.5", children: ADVANCED_NAV_ITEMS.map(renderNavItem) })] })] }))] }), !collapsed ? (_jsxs("div", { className: "mt-auto shrink-0", children: [_jsx("div", { className: "px-2 py-1", children: _jsx(ExtensionsSidebarSection, {}) }), _jsx("div", { className: "px-3 py-2", children: _jsx(OrgSwitcher, {}) }), _jsx("div", { className: "px-3 py-2 empty:hidden", children: _jsx(FeedbackButton, {}) })] })) : null] })] }));
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: cn("border-b py-3", collapsed ? "px-1" : "px-4"), children: _jsx("div", { className: cn("flex items-center", collapsed ? "justify-center" : "gap-2"), children: !collapsed && (_jsxs(_Fragment, { children: [_jsx("img", { src: appPath("/agent-native-icon-light.svg"), alt: "", "aria-hidden": "true", className: "block h-5 w-auto shrink-0 dark:hidden" }), _jsx("img", { src: appPath("/agent-native-icon-dark.svg"), alt: "", "aria-hidden": "true", className: "hidden h-5 w-auto shrink-0 dark:block" }), _jsx("div", { className: "min-w-0 flex-1", children: _jsx("div", { className: "truncate text-lg font-bold tracking-tight text-foreground", children: workspaceLabel ?? "Dispatch" }) })] })) }) }), _jsxs("div", { className: "flex min-h-0 flex-1 flex-col overflow-y-auto", children: [_jsxs("nav", { className: cn("py-3", collapsed ? "px-1" : "px-2"), children: [_jsx("ul", { className: cn(collapsed ? "flex flex-col items-center gap-1" : "space-y-0.5"), children: primaryNavItems.map(renderNavItem) }), collapsed ? (_jsxs(_Fragment, { children: [_jsx("ul", { className: "mt-5 flex flex-col items-center gap-1", children: operationsNavItems.map(renderNavItem) }), _jsx("ul", { className: "mt-3 flex flex-col items-center gap-1", children: ADVANCED_NAV_ITEMS.map(renderNavItem) })] })) : (_jsxs("div", { className: "mt-5", children: [_jsx("p", { className: "px-2 pb-1 text-[11px] font-medium uppercase tracking-wide text-sidebar-foreground/45", children: t("dispatch.nav.operate", { defaultValue: "Operate" }) }), _jsx("ul", { className: "space-y-0.5", children: operationsNavItems.map(renderNavItem) }), _jsxs("details", { className: "group mt-3", open: advancedOpen, children: [_jsxs("summary", { className: "flex h-8 cursor-pointer list-none items-center justify-between rounded-md px-2 text-xs font-medium text-sidebar-foreground/60 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground [&::-webkit-details-marker]:hidden", children: [_jsx("span", { children: t("dispatch.nav.advanced", { defaultValue: "Advanced" }) }), _jsx(IconChevronDown, { size: 14, className: "transition-transform group-open:rotate-180" })] }), _jsx("ul", { className: "mt-1 space-y-0.5", children: ADVANCED_NAV_ITEMS.map(renderNavItem) })] })] }))] }), _jsx("div", { className: "mt-auto shrink-0", children: _jsx("nav", { className: cn("py-1", collapsed ? "px-1" : "px-2"), children: _jsx("ul", { className: cn(collapsed ? "flex flex-col items-center gap-1" : "space-y-0.5"), children: BOTTOM_NAV_ITEMS.map(renderNavItem) }) }) }), !collapsed ? (_jsx("div", { className: "mt-auto shrink-0", children: _jsx("div", { className: "px-3 py-2", children: _jsx(OrgSwitcher, {}) }) })) : null, _jsx(SidebarFooterActions, { collapsed: collapsed, feedback: feedbackButton, translate: translateButton, search: searchButton, collapse: collapseButton })] })] }));
 }
 export function Layout({ children, extensions, agentPageHref, }) {
     const t = useT();