@agent-native/dispatch 0.41.1-nightly-20261104110058 → 0.42.0

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

@@ -1,97 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { sendToAgentChat } from "@agent-native/core/client/agent-chat";
-import { useActionMutation } from "@agent-native/core/client/hooks";
-import { useT } from "@agent-native/core/client/i18n";
-import { withBuilderUtmTrackingParams } from "@agent-native/core/shared/builder-link-tracking";
-import { IconCircleCheck, IconLoader2, IconPencil, IconPlus, } from "@tabler/icons-react";
-import { toast } from "sonner";
-import { AVAILABLE_APPS, availableAppUrl, } from "../lib/available-apps.js";
-import { cn } from "../lib/utils.js";
-import { AppIcon } from "./app-icon.js";
-import { APP_LIST_GRID_CLASS, APP_LIST_GRID_ROW_CLASS, AppList, AppListRow, } from "./app-list-row.js";
-import { useNotifyBuildInBuilder } from "./build-in-builder.js";
-import { Button } from "./ui/button.js";
-export function AvailableAppsSection({ connectedApps, workspaceApps, query = "", onConnected, className, }) {
-    const t = useT();
-    const connectedIds = new Set([
-        ...connectedApps.map((app) => app.id),
-        ...workspaceApps.map((app) => app.id),
-    ].map((id) => id.trim().toLowerCase()));
-    const normalizedQuery = query.trim().toLowerCase();
-    const apps = AVAILABLE_APPS.filter((app) => !normalizedQuery ||
-        `${app.name} ${app.description}`.toLowerCase().includes(normalizedQuery));
-    if (apps.length === 0)
-        return null;
-    return (_jsxs("section", { className: cn("space-y-3", className), children: [_jsx("h2", { className: "truncate text-sm font-semibold text-foreground", children: t("dispatch.pages.availableApps", {
-                    defaultValue: "Available apps",
-                }) }), _jsx(AppList, { className: APP_LIST_GRID_CLASS, children: apps.map((app) => (_jsx(AvailableAppRow, { app: app, connected: connectedIds.has(app.id), className: APP_LIST_GRID_ROW_CLASS, onConnected: onConnected }, app.id))) })] }));
-}
-function AvailableAppRow({ app, connected, className, onConnected, }) {
-    const t = useT();
-    const notifyBuildInBuilder = useNotifyBuildInBuilder();
-    const customize = useActionMutation("start-workspace-app-creation", {
-        onSuccess: (result) => {
-            if (result.mode === "builder-managed" && result.url) {
-                notifyBuildInBuilder(result.url);
-                return;
-            }
-            if (result.mode === "builder" && result.url) {
-                const builderUrl = withBuilderUtmTrackingParams(result.url, {
-                    campaign: "product",
-                    content: "available_app_customize",
-                });
-                toast.success(t("dispatch.pages.customizeStarted", {
-                    defaultValue: "Builder customization started",
-                }), {
-                    action: {
-                        label: t("dispatch.pages.openInBuilder", {
-                            defaultValue: "Open in Builder",
-                        }),
-                        onClick: () => window.open(builderUrl, "_blank", "noopener,noreferrer"),
-                    },
-                });
-                return;
-            }
-            if (result.mode === "local-agent" && result.prompt) {
-                sendToAgentChat({
-                    message: result.prompt,
-                    submit: true,
-                    type: "code",
-                    newTab: true,
-                    reuseEmptyTab: true,
-                });
-                toast.success(t("dispatch.pages.customizeSent", {
-                    defaultValue: "Sent to the local agent",
-                }));
-                return;
-            }
-            toast.error(result.message);
-        },
-        onError: (error) => toast.error(error.message),
-    });
-    const connect = useActionMutation("connect-external-agent", {
-        onSuccess: () => {
-            toast.success(t("dispatch.pages.appConnected", { defaultValue: "App added" }));
-            onConnected?.();
-        },
-        onError: (error) => toast.error(error.message),
-    });
-    function customizeApp() {
-        customize.mutate({
-            appId: `${app.id}-custom-${crypto.randomUUID().slice(0, 8)}`,
-            description: `A customized version of ${app.name}.`,
-            prompt: [
-                `Create a private customized copy of ${app.name}.`,
-                `Use ${availableAppUrl(app.id)} as the source app to clone.`,
-                "Preserve its core workflow and visual shell, use synthetic data only, and keep the new app independent.",
-            ].join(" "),
-        });
-    }
-    return (_jsxs(AppListRow, { className: className, children: [_jsx(AppIcon, { id: app.id, name: app.name, size: "sm" }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "truncate text-sm font-semibold text-foreground", children: app.name }), _jsx("div", { className: "mt-0.5 truncate text-xs text-muted-foreground", children: app.description })] }), _jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [_jsxs(Button, { type: "button", size: "sm", variant: "ghost", disabled: customize.isPending, onClick: customizeApp, children: [customize.isPending ? (_jsx(IconLoader2, { size: 15, className: "mr-1.5 animate-spin" })) : (_jsx(IconPencil, { size: 15, className: "mr-1.5" })), t("dispatch.pages.customizeApp", { defaultValue: "Customize" })] }), connected ? (_jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [_jsxs("span", { className: "inline-flex items-center gap-1 text-xs text-primary", children: [_jsx(IconCircleCheck, { size: 13 }), t("dispatch.pages.appAdded", { defaultValue: "Added" })] }), _jsx("span", { className: "text-xs text-muted-foreground", children: t("dispatch.pages.appPersonal", { defaultValue: "Personal" }) })] })) : (_jsxs(Button, { type: "button", size: "sm", variant: "outline", disabled: connect.isPending, onClick: () => connect.mutate({
-                            url: availableAppUrl(app.id),
-                            name: app.name,
-                            description: app.description,
-                            scope: "personal",
-                        }), children: [connect.isPending ? (_jsx(IconLoader2, { size: 15, className: "mr-1.5 animate-spin" })) : (_jsx(IconPlus, { size: 15, className: "mr-1.5" })), t("dispatch.pages.addApp", { defaultValue: "Add" })] }))] })] }));
-}
-//# sourceMappingURL=available-apps-section.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"available-apps-section.js","sourceRoot":"","sources":["../../src/components/available-apps-section.tsx"],"names":[],"mappings":"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","sourcesContent":["import { sendToAgentChat } from \"@agent-native/core/client/agent-chat\";\nimport { useActionMutation } from \"@agent-native/core/client/hooks\";\nimport { useT } from \"@agent-native/core/client/i18n\";\nimport { withBuilderUtmTrackingParams } from \"@agent-native/core/shared/builder-link-tracking\";\nimport {\n  IconCircleCheck,\n  IconLoader2,\n  IconPencil,\n  IconPlus,\n} from \"@tabler/icons-react\";\nimport { toast } from \"sonner\";\n\nimport {\n  AVAILABLE_APPS,\n  availableAppUrl,\n  type AvailableApp,\n} from \"../lib/available-apps\";\nimport type { ConnectedAppSummary, WorkspaceAppId } from \"../lib/other-apps\";\nimport { cn } from \"../lib/utils\";\nimport { AppIcon } from \"./app-icon\";\nimport {\n  APP_LIST_GRID_CLASS,\n  APP_LIST_GRID_ROW_CLASS,\n  AppList,\n  AppListRow,\n} from \"./app-list-row\";\nimport { useNotifyBuildInBuilder } from \"./build-in-builder\";\nimport { Button } from \"./ui/button\";\n\ninterface CustomizeAppResult {\n  mode:\n    | \"builder\"\n    | \"builder-managed\"\n    | \"local-agent\"\n    | \"builder-unavailable\"\n    | \"coming-soon\";\n  message: string;\n  prompt?: string;\n  url?: string;\n}\n\nexport function AvailableAppsSection({\n  connectedApps,\n  workspaceApps,\n  query = \"\",\n  onConnected,\n  className,\n}: {\n  connectedApps: ConnectedAppSummary[];\n  workspaceApps: WorkspaceAppId[];\n  query?: string;\n  onConnected?: () => void;\n  className?: string;\n}) {\n  const t = useT();\n  const connectedIds = new Set(\n    [\n      ...connectedApps.map((app) => app.id),\n      ...workspaceApps.map((app) => app.id),\n    ].map((id) => id.trim().toLowerCase()),\n  );\n  const normalizedQuery = query.trim().toLowerCase();\n  const apps = AVAILABLE_APPS.filter(\n    (app) =>\n      !normalizedQuery ||\n      `${app.name} ${app.description}`.toLowerCase().includes(normalizedQuery),\n  );\n\n  if (apps.length === 0) return null;\n\n  return (\n    <section className={cn(\"space-y-3\", className)}>\n      <h2 className=\"truncate text-sm font-semibold text-foreground\">\n        {t(\"dispatch.pages.availableApps\", {\n          defaultValue: \"Available apps\",\n        })}\n      </h2>\n      <AppList className={APP_LIST_GRID_CLASS}>\n        {apps.map((app) => (\n          <AvailableAppRow\n            key={app.id}\n            app={app}\n            connected={connectedIds.has(app.id)}\n            className={APP_LIST_GRID_ROW_CLASS}\n            onConnected={onConnected}\n          />\n        ))}\n      </AppList>\n    </section>\n  );\n}\n\nfunction AvailableAppRow({\n  app,\n  connected,\n  className,\n  onConnected,\n}: {\n  app: AvailableApp;\n  connected: boolean;\n  className?: string;\n  onConnected?: () => void;\n}) {\n  const t = useT();\n  const notifyBuildInBuilder = useNotifyBuildInBuilder();\n  const customize = useActionMutation<\n    CustomizeAppResult,\n    { appId: string; description: string; prompt: string }\n  >(\"start-workspace-app-creation\", {\n    onSuccess: (result) => {\n      if (result.mode === \"builder-managed\" && result.url) {\n        notifyBuildInBuilder(result.url);\n        return;\n      }\n      if (result.mode === \"builder\" && result.url) {\n        const builderUrl = withBuilderUtmTrackingParams(result.url, {\n          campaign: \"product\",\n          content: \"available_app_customize\",\n        });\n        toast.success(\n          t(\"dispatch.pages.customizeStarted\", {\n            defaultValue: \"Builder customization started\",\n          }),\n          {\n            action: {\n              label: t(\"dispatch.pages.openInBuilder\", {\n                defaultValue: \"Open in Builder\",\n              }),\n              onClick: () =>\n                window.open(builderUrl, \"_blank\", \"noopener,noreferrer\"),\n            },\n          },\n        );\n        return;\n      }\n      if (result.mode === \"local-agent\" && result.prompt) {\n        sendToAgentChat({\n          message: result.prompt,\n          submit: true,\n          type: \"code\",\n          newTab: true,\n          reuseEmptyTab: true,\n        });\n        toast.success(\n          t(\"dispatch.pages.customizeSent\", {\n            defaultValue: \"Sent to the local agent\",\n          }),\n        );\n        return;\n      }\n      toast.error(result.message);\n    },\n    onError: (error) => toast.error(error.message),\n  });\n  const connect = useActionMutation(\"connect-external-agent\", {\n    onSuccess: () => {\n      toast.success(\n        t(\"dispatch.pages.appConnected\", { defaultValue: \"App added\" }),\n      );\n      onConnected?.();\n    },\n    onError: (error) => toast.error(error.message),\n  });\n\n  function customizeApp() {\n    customize.mutate({\n      appId: `${app.id}-custom-${crypto.randomUUID().slice(0, 8)}`,\n      description: `A customized version of ${app.name}.`,\n      prompt: [\n        `Create a private customized copy of ${app.name}.`,\n        `Use ${availableAppUrl(app.id)} as the source app to clone.`,\n        \"Preserve its core workflow and visual shell, use synthetic data only, and keep the new app independent.\",\n      ].join(\" \"),\n    });\n  }\n\n  return (\n    <AppListRow className={className}>\n      <AppIcon id={app.id} name={app.name} size=\"sm\" />\n      <div className=\"min-w-0 flex-1\">\n        <div className=\"truncate text-sm font-semibold text-foreground\">\n          {app.name}\n        </div>\n        <div className=\"mt-0.5 truncate text-xs text-muted-foreground\">\n          {app.description}\n        </div>\n      </div>\n      <div className=\"flex shrink-0 items-center gap-2\">\n        <Button\n          type=\"button\"\n          size=\"sm\"\n          variant=\"ghost\"\n          disabled={customize.isPending}\n          onClick={customizeApp}\n        >\n          {customize.isPending ? (\n            <IconLoader2 size={15} className=\"mr-1.5 animate-spin\" />\n          ) : (\n            <IconPencil size={15} className=\"mr-1.5\" />\n          )}\n          {t(\"dispatch.pages.customizeApp\", { defaultValue: \"Customize\" })}\n        </Button>\n        {connected ? (\n          <div className=\"flex shrink-0 items-center gap-2\">\n            <span className=\"inline-flex items-center gap-1 text-xs text-primary\">\n              <IconCircleCheck size={13} />\n              {t(\"dispatch.pages.appAdded\", { defaultValue: \"Added\" })}\n            </span>\n            <span className=\"text-xs text-muted-foreground\">\n              {t(\"dispatch.pages.appPersonal\", { defaultValue: \"Personal\" })}\n            </span>\n          </div>\n        ) : (\n          <Button\n            type=\"button\"\n            size=\"sm\"\n            variant=\"outline\"\n            disabled={connect.isPending}\n            onClick={() =>\n              connect.mutate({\n                url: availableAppUrl(app.id),\n                name: app.name,\n                description: app.description,\n                scope: \"personal\",\n              })\n            }\n          >\n            {connect.isPending ? (\n              <IconLoader2 size={15} className=\"mr-1.5 animate-spin\" />\n            ) : (\n              <IconPlus size={15} className=\"mr-1.5\" />\n            )}\n            {t(\"dispatch.pages.addApp\", { defaultValue: \"Add\" })}\n          </Button>\n        )}\n      </div>\n    </AppListRow>\n  );\n}\n"]}

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

@@ -1,35 +0,0 @@
-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";
-export type OtherAppEntry = {
-    kind: "template";
-    template: CuratedWorkspaceTemplate;
-} | {
-    kind: "connected";
-    app: ConnectedAppSummary;
-};
-export declare function otherAppEntryMatchesQuery(entry: OtherAppEntry, query: string): boolean;
-export declare function filterOtherAppEntries(entries: OtherAppEntry[], query: string): OtherAppEntry[];
-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, query, 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;
-    query?: string;
-    heading?: string | null;
-    embeddedInList?: boolean;
-    className?: string;
-}): import("node_modules/@types/react").JSX.Element | null;
-//# sourceMappingURL=other-apps-section.d.ts.map

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

@@ -1 +0,0 @@
-{"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,MAAM,MAAM,aAAa,GACrB;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,yBAAyB,CACvC,KAAK,EAAE,aAAa,EACpB,KAAK,EAAE,MAAM,GACZ,OAAO,CAQT;AAED,wBAAgB,qBAAqB,CACnC,OAAO,EAAE,aAAa,EAAE,EACxB,KAAK,EAAE,MAAM,GACZ,aAAa,EAAE,CAEjB;AAED,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,KAAU,EACV,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,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,0DA4EA"}

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

@@ -1,79 +0,0 @@
-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 otherAppEntryMatchesQuery(entry, query) {
-    const normalizedQuery = query.trim().toLowerCase();
-    if (!normalizedQuery)
-        return true;
-    const searchable = entry.kind === "template"
-        ? `${entry.template.name} ${entry.template.description ?? ""}`
-        : `${entry.app.name} ${entry.app.description ?? ""}`;
-    return searchable.toLowerCase().includes(normalizedQuery);
-}
-export function filterOtherAppEntries(entries, query) {
-    return entries.filter((entry) => otherAppEntryMatchesQuery(entry, query));
-}
-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, query = "", heading = "Other apps", embeddedInList = false, className, }) {
-    const t = useT();
-    const entries = filterOtherAppEntries(mergeOtherAppEntries({
-        templates,
-        connectedApps,
-        workspaceApps,
-    }), query);
-    const isLoading = templatesLoading || connectedAppsLoading;
-    const hasError = Boolean(templatesError || connectedAppsError);
-    if (!isLoading && !hasError && entries.length === 0)
-        return null;
-    const entryCards = 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}`)));
-    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 ? (embeddedInList ? (entryCards) : (_jsx(AppList, { className: APP_LIST_GRID_CLASS, children: entryCards }))) : 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

@@ -1 +0,0 @@
-{"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\nexport type 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 otherAppEntryMatchesQuery(\n  entry: OtherAppEntry,\n  query: string,\n): boolean {\n  const normalizedQuery = query.trim().toLowerCase();\n  if (!normalizedQuery) return true;\n  const searchable =\n    entry.kind === \"template\"\n      ? `${entry.template.name} ${entry.template.description ?? \"\"}`\n      : `${entry.app.name} ${entry.app.description ?? \"\"}`;\n  return searchable.toLowerCase().includes(normalizedQuery);\n}\n\nexport function filterOtherAppEntries(\n  entries: OtherAppEntry[],\n  query: string,\n): OtherAppEntry[] {\n  return entries.filter((entry) => otherAppEntryMatchesQuery(entry, query));\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  query = \"\",\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  query?: string;\n  heading?: string | null;\n  embeddedInList?: boolean;\n  className?: string;\n}) {\n  const t = useT();\n  const entries = filterOtherAppEntries(\n    mergeOtherAppEntries({\n      templates,\n      connectedApps,\n      workspaceApps,\n    }),\n    query,\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 entryCards = 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\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        embeddedInList ? (\n          entryCards\n        ) : (\n          <AppList className={APP_LIST_GRID_CLASS}>{entryCards}</AppList>\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/src/components/available-apps-section.tsx

@@ -1,239 +0,0 @@
-import { sendToAgentChat } from "@agent-native/core/client/agent-chat";
-import { useActionMutation } from "@agent-native/core/client/hooks";
-import { useT } from "@agent-native/core/client/i18n";
-import { withBuilderUtmTrackingParams } from "@agent-native/core/shared/builder-link-tracking";
-import {
-  IconCircleCheck,
-  IconLoader2,
-  IconPencil,
-  IconPlus,
-} from "@tabler/icons-react";
-import { toast } from "sonner";
-
-import {
-  AVAILABLE_APPS,
-  availableAppUrl,
-  type AvailableApp,
-} from "../lib/available-apps";
-import type { ConnectedAppSummary, WorkspaceAppId } from "../lib/other-apps";
-import { cn } from "../lib/utils";
-import { AppIcon } from "./app-icon";
-import {
-  APP_LIST_GRID_CLASS,
-  APP_LIST_GRID_ROW_CLASS,
-  AppList,
-  AppListRow,
-} from "./app-list-row";
-import { useNotifyBuildInBuilder } from "./build-in-builder";
-import { Button } from "./ui/button";
-
-interface CustomizeAppResult {
-  mode:
-    | "builder"
-    | "builder-managed"
-    | "local-agent"
-    | "builder-unavailable"
-    | "coming-soon";
-  message: string;
-  prompt?: string;
-  url?: string;
-}
-
-export function AvailableAppsSection({
-  connectedApps,
-  workspaceApps,
-  query = "",
-  onConnected,
-  className,
-}: {
-  connectedApps: ConnectedAppSummary[];
-  workspaceApps: WorkspaceAppId[];
-  query?: string;
-  onConnected?: () => void;
-  className?: string;
-}) {
-  const t = useT();
-  const connectedIds = new Set(
-    [
-      ...connectedApps.map((app) => app.id),
-      ...workspaceApps.map((app) => app.id),
-    ].map((id) => id.trim().toLowerCase()),
-  );
-  const normalizedQuery = query.trim().toLowerCase();
-  const apps = AVAILABLE_APPS.filter(
-    (app) =>
-      !normalizedQuery ||
-      `${app.name} ${app.description}`.toLowerCase().includes(normalizedQuery),
-  );
-
-  if (apps.length === 0) return null;
-
-  return (
-    <section className={cn("space-y-3", className)}>
-      <h2 className="truncate text-sm font-semibold text-foreground">
-        {t("dispatch.pages.availableApps", {
-          defaultValue: "Available apps",
-        })}
-      </h2>
-      <AppList className={APP_LIST_GRID_CLASS}>
-        {apps.map((app) => (
-          <AvailableAppRow
-            key={app.id}
-            app={app}
-            connected={connectedIds.has(app.id)}
-            className={APP_LIST_GRID_ROW_CLASS}
-            onConnected={onConnected}
-          />
-        ))}
-      </AppList>
-    </section>
-  );
-}
-
-function AvailableAppRow({
-  app,
-  connected,
-  className,
-  onConnected,
-}: {
-  app: AvailableApp;
-  connected: boolean;
-  className?: string;
-  onConnected?: () => void;
-}) {
-  const t = useT();
-  const notifyBuildInBuilder = useNotifyBuildInBuilder();
-  const customize = useActionMutation<
-    CustomizeAppResult,
-    { appId: string; description: string; prompt: string }
-  >("start-workspace-app-creation", {
-    onSuccess: (result) => {
-      if (result.mode === "builder-managed" && result.url) {
-        notifyBuildInBuilder(result.url);
-        return;
-      }
-      if (result.mode === "builder" && result.url) {
-        const builderUrl = withBuilderUtmTrackingParams(result.url, {
-          campaign: "product",
-          content: "available_app_customize",
-        });
-        toast.success(
-          t("dispatch.pages.customizeStarted", {
-            defaultValue: "Builder customization started",
-          }),
-          {
-            action: {
-              label: t("dispatch.pages.openInBuilder", {
-                defaultValue: "Open in Builder",
-              }),
-              onClick: () =>
-                window.open(builderUrl, "_blank", "noopener,noreferrer"),
-            },
-          },
-        );
-        return;
-      }
-      if (result.mode === "local-agent" && result.prompt) {
-        sendToAgentChat({
-          message: result.prompt,
-          submit: true,
-          type: "code",
-          newTab: true,
-          reuseEmptyTab: true,
-        });
-        toast.success(
-          t("dispatch.pages.customizeSent", {
-            defaultValue: "Sent to the local agent",
-          }),
-        );
-        return;
-      }
-      toast.error(result.message);
-    },
-    onError: (error) => toast.error(error.message),
-  });
-  const connect = useActionMutation("connect-external-agent", {
-    onSuccess: () => {
-      toast.success(
-        t("dispatch.pages.appConnected", { defaultValue: "App added" }),
-      );
-      onConnected?.();
-    },
-    onError: (error) => toast.error(error.message),
-  });
-
-  function customizeApp() {
-    customize.mutate({
-      appId: `${app.id}-custom-${crypto.randomUUID().slice(0, 8)}`,
-      description: `A customized version of ${app.name}.`,
-      prompt: [
-        `Create a private customized copy of ${app.name}.`,
-        `Use ${availableAppUrl(app.id)} as the source app to clone.`,
-        "Preserve its core workflow and visual shell, use synthetic data only, and keep the new app independent.",
-      ].join(" "),
-    });
-  }
-
-  return (
-    <AppListRow className={className}>
-      <AppIcon id={app.id} name={app.name} size="sm" />
-      <div className="min-w-0 flex-1">
-        <div className="truncate text-sm font-semibold text-foreground">
-          {app.name}
-        </div>
-        <div className="mt-0.5 truncate text-xs text-muted-foreground">
-          {app.description}
-        </div>
-      </div>
-      <div className="flex shrink-0 items-center gap-2">
-        <Button
-          type="button"
-          size="sm"
-          variant="ghost"
-          disabled={customize.isPending}
-          onClick={customizeApp}
-        >
-          {customize.isPending ? (
-            <IconLoader2 size={15} className="mr-1.5 animate-spin" />
-          ) : (
-            <IconPencil size={15} className="mr-1.5" />
-          )}
-          {t("dispatch.pages.customizeApp", { defaultValue: "Customize" })}
-        </Button>
-        {connected ? (
-          <div className="flex shrink-0 items-center gap-2">
-            <span className="inline-flex items-center gap-1 text-xs text-primary">
-              <IconCircleCheck size={13} />
-              {t("dispatch.pages.appAdded", { defaultValue: "Added" })}
-            </span>
-            <span className="text-xs text-muted-foreground">
-              {t("dispatch.pages.appPersonal", { defaultValue: "Personal" })}
-            </span>
-          </div>
-        ) : (
-          <Button
-            type="button"
-            size="sm"
-            variant="outline"
-            disabled={connect.isPending}
-            onClick={() =>
-              connect.mutate({
-                url: availableAppUrl(app.id),
-                name: app.name,
-                description: app.description,
-                scope: "personal",
-              })
-            }
-          >
-            {connect.isPending ? (
-              <IconLoader2 size={15} className="mr-1.5 animate-spin" />
-            ) : (
-              <IconPlus size={15} className="mr-1.5" />
-            )}
-            {t("dispatch.pages.addApp", { defaultValue: "Add" })}
-          </Button>
-        )}
-      </div>
-    </AppListRow>
-  );
-}

package/src/components/other-apps-section.spec.ts

@@ -1,50 +0,0 @@
-import { describe, expect, it } from "vitest";
-
-import {
-  filterOtherAppEntries,
-  mergeOtherAppEntries,
-  otherAppEntryMatchesQuery,
-} from "./other-apps-section.js";
-
-describe("other app search", () => {
-  const entries = mergeOtherAppEntries({
-    templates: {
-      templates: [
-        {
-          id: "brain",
-          name: "Brain",
-          description: "Search cited company knowledge",
-          template: "brain",
-          liveUrl: "https://brain.agent-native.com",
-        },
-      ],
-    },
-    connectedApps: [
-      {
-        id: "slides",
-        name: "Slides",
-        description: "Create presentations",
-        url: "https://slides.agent-native.com",
-        source: "custom",
-      },
-    ],
-    workspaceApps: [],
-  });
-
-  it("matches linked and curated apps by name or description", () => {
-    expect(
-      entries.filter((entry) => otherAppEntryMatchesQuery(entry, "brain")),
-    ).toHaveLength(1);
-    expect(
-      entries.filter((entry) =>
-        otherAppEntryMatchesQuery(entry, "presentations"),
-      ),
-    ).toHaveLength(1);
-  });
-
-  it("filters the Other apps entries used by the page search", () => {
-    expect(filterOtherAppEntries(entries, "brain")).toEqual([
-      expect.objectContaining({ kind: "template" }),
-    ]);
-  });
-});