@agent-native/dispatch 0.19.2 → 0.20.0

package/dist/routes/pages/apps.$appId.js.map

@@ -1 +1 @@
-{"version":3,"file":"apps.$appId.js","sourceRoot":"","sources":["../../../src/routes/pages/apps.$appId.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useActionQuery } 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  IconArrowLeft,\n  IconArrowUpRight,\n  IconClockHour4,\n} from \"@tabler/icons-react\";\nimport { useEffect, useMemo } from \"react\";\nimport { Link, useLocation, useParams } from \"react-router\";\n\nimport { ActionQueryError } from \"../../components/action-query-error\";\nimport { DispatchShell } from \"../../components/dispatch-shell\";\nimport { Badge } from \"../../components/ui/badge\";\nimport { Button } from \"../../components/ui/button\";\nimport { Skeleton } from \"../../components/ui/skeleton\";\nimport {\n  workspaceAppHref,\n  type WorkspaceAppSummary,\n} from \"../../lib/workspace-apps\";\n\nexport function meta() {\n  return [{ title: \"Workspace app - Dispatch\" }];\n}\n\nexport default function WorkspaceAppRoute() {\n  const t = useT();\n  const location = useLocation();\n  const { appId } = useParams();\n  const appsQuery = useActionQuery(\"list-workspace-apps\", {\n    includeAgentCards: false,\n  });\n  const { data: apps = [], isLoading } = appsQuery;\n  const app = useMemo(\n    () =>\n      (apps as WorkspaceAppSummary[]).find((item) => item.id === appId) ?? null,\n    [appId, apps],\n  );\n  const href = app ? workspaceAppHref(app) : null;\n\n  useEffect(() => {\n    if (!app || app.status === \"pending\" || !href) return;\n    window.location.assign(href);\n  }, [app, href]);\n\n  return (\n    <DispatchShell\n      title={app?.name || t(\"dispatch.pages.workspaceAppFallback\")}\n      description={t(\"dispatch.pages.workspaceAppDescription\")}\n    >\n      <div className=\"max-w-2xl rounded-lg bg-card p-5\">\n        <Button asChild size=\"sm\" variant=\"ghost\" className=\"-ml-2 mb-4\">\n          <Link\n            to={\n              location.pathname.startsWith(\"/admin/\") ? \"/admin/apps\" : \"/apps\"\n            }\n          >\n            <IconArrowLeft size={15} className=\"mr-1.5\" />\n            {t(\"dispatch.nav.apps\")}\n          </Link>\n        </Button>\n\n        {appsQuery.isError ? (\n          <ActionQueryError\n            error={appsQuery.error}\n            onRetry={() => void appsQuery.refetch()}\n          />\n        ) : isLoading && !app ? (\n          <div className=\"space-y-3\">\n            <Skeleton className=\"h-5 w-48\" />\n            <Skeleton className=\"h-4 w-full\" />\n            <Skeleton className=\"h-4 w-2/3\" />\n          </div>\n        ) : !app ? (\n          <div className=\"space-y-3\">\n            <h2 className=\"text-base font-semibold text-foreground\">\n              {t(\"dispatch.pages.appNotFound\")}\n            </h2>\n            <p className=\"text-sm text-muted-foreground\">\n              {t(\"dispatch.pages.pageNotFoundDescription\")}\n            </p>\n          </div>\n        ) : app.status === \"pending\" ? (\n          <div className=\"space-y-4\">\n            <div className=\"flex flex-wrap items-center gap-2\">\n              <h2 className=\"text-base font-semibold text-foreground\">\n                {app.name}\n              </h2>\n              <Badge\n                variant=\"outline\"\n                className=\"gap-1 border-amber-500/30 bg-amber-500/10 text-amber-700 dark:text-amber-300\"\n              >\n                <IconClockHour4 size={12} />\n                {t(\"dispatch.pages.building\")}\n              </Badge>\n            </div>\n            <p className=\"text-sm text-muted-foreground\">\n              {t(\"dispatch.pages.appBuildingPrefix\")}{\" \"}\n              <span className=\"font-mono text-foreground\">{app.path}</span>{\" \"}\n              {t(\"dispatch.pages.appBuildingSuffix\")}\n            </p>\n            {app.branchName ? (\n              <p className=\"text-xs text-muted-foreground\">\n                {t(\"dispatch.pages.branch\", { branch: app.branchName })}\n              </p>\n            ) : null}\n            {app.builderUrl ? (\n              <Button asChild>\n                <a\n                  href={withBuilderUtmTrackingParams(app.builderUrl, {\n                    campaign: \"product\",\n                    content: \"dispatch_branch\",\n                  })}\n                  target=\"_blank\"\n                  rel=\"noreferrer\"\n                >\n                  {t(\"dispatch.pages.openBuilderBranch\")}\n                  <IconArrowUpRight size={15} className=\"ml-1.5\" />\n                </a>\n              </Button>\n            ) : null}\n          </div>\n        ) : (\n          <div className=\"space-y-3\">\n            <h2 className=\"text-base font-semibold text-foreground\">\n              {t(\"dispatch.pages.openingApp\", { name: app.name })}\n            </h2>\n            <p className=\"text-sm text-muted-foreground\">\n              {t(\"dispatch.pages.redirectingTo\")}{\" \"}\n              <span className=\"font-mono text-foreground\">{app.path}</span>.\n            </p>\n            {href ? (\n              <Button asChild>\n                <a href={href}>\n                  {t(\"dispatch.pages.openApp\")}\n                  <IconArrowUpRight size={15} className=\"ml-1.5\" />\n                </a>\n              </Button>\n            ) : null}\n          </div>\n        )}\n      </div>\n    </DispatchShell>\n  );\n}\n"]}
+{"version":3,"file":"apps.$appId.js","sourceRoot":"","sources":["../../../src/routes/pages/apps.$appId.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  useActionMutation,\n  useActionQuery,\n} 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 { IconArrowLeft, IconClockHour4 } from \"@tabler/icons-react\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport { Link, useParams } from \"react-router\";\n\nimport { ActionQueryError } from \"../../components/action-query-error\";\nimport { Badge } from \"../../components/ui/badge\";\nimport { Button } from \"../../components/ui/button\";\nimport { Skeleton } from \"../../components/ui/skeleton\";\nimport { Spinner } from \"../../components/ui/spinner\";\nimport {\n  workspaceAppHref,\n  type WorkspaceAppSummary,\n} from \"../../lib/workspace-apps\";\n\ninterface EmbedSessionResult {\n  startUrl: string;\n  targetPath?: string;\n  expiresAt?: number;\n  app: string;\n}\n\ninterface EmbedSessionInput {\n  app: string;\n  path?: string;\n  url?: string;\n  chrome: \"minimal\";\n}\n\nexport function meta() {\n  return [{ title: \"Workspace app - Dispatch\" }];\n}\n\nexport default function WorkspaceAppRoute() {\n  const t = useT();\n  const { appId } = useParams();\n  const appsQuery = useActionQuery(\"list-workspace-apps\", {\n    includeAgentCards: false,\n  });\n  const { data: apps = [], isLoading } = appsQuery;\n  const app = useMemo(\n    () =>\n      (apps as WorkspaceAppSummary[]).find((item) => item.id === appId) ?? null,\n    [appId, apps],\n  );\n  const href = app ? workspaceAppHref(app) : null;\n  const [embedUrl, setEmbedUrl] = useState<string | null>(null);\n  const [embedError, setEmbedError] = useState<Error | null>(null);\n  const [embedAttempt, setEmbedAttempt] = useState(0);\n  const createEmbedSession = useActionMutation<\n    EmbedSessionResult,\n    EmbedSessionInput\n  >(\"create_embed_session\", {\n    skipActionQueryInvalidation: true,\n  });\n  const embedInput = useMemo<EmbedSessionInput | null>(() => {\n    if (!app || !href) return null;\n    const path = app.path.trim();\n    if (path.startsWith(\"/\")) {\n      return { app: app.id, path, chrome: \"minimal\" };\n    }\n    return { app: app.id, url: href, chrome: \"minimal\" };\n  }, [app?.id, app?.path, href]);\n\n  useEffect(() => {\n    if (!app || app.status === \"pending\" || !embedInput) return;\n    let cancelled = false;\n    setEmbedUrl(null);\n    setEmbedError(null);\n    void createEmbedSession\n      .mutateAsync(embedInput)\n      .then((result) => {\n        if (!cancelled) setEmbedUrl(result.startUrl);\n      })\n      .catch((cause: unknown) => {\n        if (!cancelled) {\n          setEmbedError(\n            cause instanceof Error ? cause : new Error(String(cause)),\n          );\n        }\n      });\n    return () => {\n      cancelled = true;\n    };\n  }, [\n    app?.id,\n    app?.path,\n    app?.status,\n    createEmbedSession.mutateAsync,\n    embedAttempt,\n    embedInput,\n  ]);\n\n  if (appsQuery.isError) {\n    return (\n      <div className=\"flex h-full min-h-0 items-center justify-center p-6\">\n        <div className=\"w-full max-w-2xl\">\n          <ActionQueryError\n            error={appsQuery.error}\n            onRetry={() => void appsQuery.refetch()}\n          />\n        </div>\n      </div>\n    );\n  }\n\n  if (isLoading && !app) {\n    return (\n      <div className=\"flex h-full min-h-0 items-center justify-center p-6\">\n        <div className=\"w-full max-w-2xl space-y-3 rounded-xl border bg-card p-6\">\n          <Skeleton className=\"h-5 w-48\" />\n          <Skeleton className=\"h-4 w-full\" />\n          <Skeleton className=\"h-4 w-2/3\" />\n        </div>\n      </div>\n    );\n  }\n\n  if (!app) {\n    return (\n      <div className=\"flex h-full min-h-0 items-center justify-center p-6\">\n        <div className=\"w-full max-w-2xl rounded-xl border bg-card p-6\">\n          <Button asChild size=\"sm\" variant=\"ghost\" className=\"-ml-2 mb-4\">\n            <Link to=\"/apps\">\n              <IconArrowLeft size={15} className=\"mr-1.5\" />\n              {t(\"dispatch.nav.apps\")}\n            </Link>\n          </Button>\n          <div className=\"space-y-3\">\n            <h2 className=\"text-base font-semibold text-foreground\">\n              {t(\"dispatch.pages.appNotFound\")}\n            </h2>\n            <p className=\"text-sm text-muted-foreground\">\n              {t(\"dispatch.pages.pageNotFoundDescription\")}\n            </p>\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  if (app.status === \"pending\") {\n    return (\n      <div className=\"flex h-full min-h-0 items-center justify-center p-6\">\n        <div className=\"w-full max-w-2xl rounded-xl border bg-card p-6\">\n          <Button asChild size=\"sm\" variant=\"ghost\" className=\"-ml-2 mb-4\">\n            <Link to=\"/apps\">\n              <IconArrowLeft size={15} className=\"mr-1.5\" />\n              {t(\"dispatch.nav.apps\")}\n            </Link>\n          </Button>\n          <div className=\"space-y-4\">\n            <div className=\"flex flex-wrap items-center gap-2\">\n              <h2 className=\"text-base font-semibold text-foreground\">\n                {app.name}\n              </h2>\n              <Badge\n                variant=\"outline\"\n                className=\"gap-1 border-amber-500/30 bg-amber-500/10 text-amber-700 dark:text-amber-300\"\n              >\n                <IconClockHour4 size={12} />\n                {t(\"dispatch.pages.building\")}\n              </Badge>\n            </div>\n            <p className=\"text-sm text-muted-foreground\">\n              {t(\"dispatch.pages.appBuildingPrefix\")}{\" \"}\n              <span className=\"font-mono text-foreground\">{app.path}</span>{\" \"}\n              {t(\"dispatch.pages.appBuildingSuffix\")}\n            </p>\n            {app.branchName ? (\n              <p className=\"text-xs text-muted-foreground\">\n                {t(\"dispatch.pages.branch\", { branch: app.branchName })}\n              </p>\n            ) : null}\n            {app.builderUrl ? (\n              <Button asChild>\n                <a\n                  href={withBuilderUtmTrackingParams(app.builderUrl, {\n                    campaign: \"product\",\n                    content: \"dispatch_branch\",\n                  })}\n                  target=\"_blank\"\n                  rel=\"noreferrer\"\n                >\n                  {t(\"dispatch.pages.openBuilderBranch\")}\n                </a>\n              </Button>\n            ) : null}\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      data-dispatch-workspace-app-host\n      className=\"flex h-full min-h-0 flex-col bg-background\"\n    >\n      <div className=\"min-h-0 flex-1 bg-muted/20\">\n        {embedUrl ? (\n          <iframe\n            data-dispatch-workspace-app-frame\n            src={embedUrl}\n            title={app.name}\n            referrerPolicy=\"no-referrer\"\n            className=\"h-full w-full border-0 bg-background\"\n          />\n        ) : embedError ? (\n          <div className=\"flex h-full items-center justify-center p-6\">\n            <div className=\"w-full max-w-2xl\">\n              <ActionQueryError\n                error={embedError}\n                onRetry={() => setEmbedAttempt((attempt) => attempt + 1)}\n              />\n            </div>\n          </div>\n        ) : (\n          <div className=\"flex h-full items-center justify-center\">\n            <Spinner className=\"size-5 text-muted-foreground\" />\n            <span className=\"sr-only\">{t(\"dispatch.pages.loading\")}</span>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"]}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"apps.d.ts","sourceRoot":"","sources":["../../../src/routes/pages/apps.tsx"],"names":[],"mappings":"AAoCA,wBAAgB,IAAI;;IAEnB;AAQD,MAAM,CAAC,OAAO,UAAU,SAAS,oDAwShC"}
+{"version":3,"file":"apps.d.ts","sourceRoot":"","sources":["../../../src/routes/pages/apps.tsx"],"names":[],"mappings":"AAqCA,wBAAgB,IAAI;;IAEnB;AAQD,MAAM,CAAC,OAAO,UAAU,cAAc,oDAGrC"}

package/dist/routes/pages/apps.js

@@ -1,23 +1,27 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useActionQuery } from "@agent-native/core/client/hooks";
 import { useT } from "@agent-native/core/client/i18n";
-import { IconApps, IconChevronDown, IconClockHour4, IconEyeOff, IconPlus, IconStack2, } from "@tabler/icons-react";
+import { IconApps, IconChevronDown, IconClockHour4, IconEyeOff, IconPlus, } from "@tabler/icons-react";
 import { useState } from "react";
+import { Outlet, useParams } from "react-router";
 import { ActionQueryError } from "../../components/action-query-error.js";
-import { ConnectedAppCard } from "../../components/connected-app-card.js";
+import { APP_LIST_GRID_CLASS, APP_LIST_GRID_ROW_CLASS, AppList, } from "../../components/app-list-row.js";
 import { CreateAppPopover } from "../../components/create-app-popover.js";
 import { DispatchShell } from "../../components/dispatch-shell.js";
+import { OtherAppsSection } from "../../components/other-apps-section.js";
 import { Button } from "../../components/ui/button.js";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from "../../components/ui/collapsible.js";
 import { Skeleton } from "../../components/ui/skeleton.js";
 import { WorkspaceAppCard } from "../../components/workspace-app-card.js";
-import { WorkspaceTemplatesSection, } from "../../components/workspace-template-card.js";
-import { filterOtherApps, } from "../../lib/other-apps.js";
 import { cn } from "../../lib/utils.js";
 export function meta() {
     return [{ title: "Apps — Dispatch" }];
 }
-export default function AppsRoute() {
+export default function AppsRouteEntry() {
+    const { appId } = useParams();
+    return appId ? _jsx(Outlet, {}) : _jsx(AppsRoute, {});
+}
+function AppsRoute() {
     const t = useT();
     const [showPending, setShowPending] = useState(false);
     const [showHidden, setShowHidden] = useState(false);
@@ -36,7 +40,6 @@ export default function AppsRoute() {
     const activeApps = visibleApps.filter((app) => app.status !== "pending");
     const pendingApps = visibleApps.filter((app) => app.status === "pending");
     const archivedApps = allApps.filter((app) => app.archived);
-    const otherApps = filterOtherApps((connectedAppsQuery.data || []), allApps);
     const showAppSkeletons = appsLoading && allApps.length === 0;
     const templateLabels = {
         appId: t("dispatch.pages.remixAppIdLabel"),
@@ -44,23 +47,20 @@ export default function AppsRoute() {
         cancel: t("dispatch.pages.cancel"),
         integrationSetup: t("dispatch.pages.integrationSetup"),
         installed: t("dispatch.pages.alreadyInWorkspace"),
-        remix: t("dispatch.pages.remix"),
+        remix: t("dispatch.pages.addApp", { defaultValue: "Add app" }),
         remixing: t("dispatch.pages.remixing"),
         remixSuccess: t("dispatch.pages.remixSuccess"),
         remixError: t("dispatch.pages.remixError"),
         appIdRequired: t("dispatch.pages.appIdRequired"),
         source: t("dispatch.pages.source"),
-        viewLiveApp: t("dispatch.pages.viewLiveApp"),
+        openApp: t("dispatch.pages.openApp", { defaultValue: "Open app" }),
+        viewLiveApp: t("dispatch.pages.openApp", { defaultValue: "Open" }),
     };
     return (_jsx(DispatchShell, { title: t("dispatch.nav.apps"), description: workspaceLabel
             ? t("dispatch.pages.appsDescriptionWithWorkspace", {
                 workspace: workspaceLabel,
             })
-            : t("dispatch.pages.appsDescription"), children: _jsxs("div", { className: "space-y-8", children: [_jsxs("section", { className: "space-y-3", children: [_jsxs("div", { className: "flex flex-wrap items-end justify-between gap-3", children: [_jsxs("div", { className: "flex min-w-0 items-start gap-2", children: [_jsx(IconApps, { size: 16, className: "mt-0.5 shrink-0 text-muted-foreground" }), _jsxs("div", { className: "min-w-0", children: [_jsx("h2", { className: "truncate text-sm font-semibold text-foreground", children: workspaceLabel
-                                                        ? t("dispatch.pages.appsInWorkspace", {
-                                                            workspace: workspaceLabel,
-                                                        })
-                                                        : t("dispatch.pages.workspaceApps") }), _jsxs("p", { className: "mt-0.5 text-xs text-muted-foreground", children: [t("dispatch.pages.activeCount", {
+            : t("dispatch.pages.appsDescription"), children: _jsxs("div", { className: "space-y-8", children: [_jsxs("section", { className: "space-y-3", children: [_jsxs("div", { className: "flex flex-wrap items-end justify-between gap-3", children: [_jsxs("div", { className: "flex min-w-0 items-start gap-2", children: [_jsx(IconApps, { size: 16, className: "mt-0.5 shrink-0 text-muted-foreground" }), _jsxs("div", { className: "min-w-0", children: [_jsx("h2", { className: "truncate text-sm font-semibold text-foreground", children: t("dispatch.pages.yourApps", { defaultValue: "Your apps" }) }), _jsxs("p", { className: "mt-0.5 text-xs text-muted-foreground", children: [t("dispatch.pages.activeCount", {
                                                             count: activeApps.length,
                                                         }), pendingApps.length > 0
                                                             ? ` · ${t("dispatch.pages.pendingCount", {
@@ -70,34 +70,25 @@ export default function AppsRoute() {
                                                             ? ` · ${t("dispatch.pages.hiddenCount", {
                                                                 count: archivedApps.length,
                                                             })}`
-                                                            : ""] })] })] }), activeApps.length > 0 || pendingApps.length > 0 ? (_jsx(CreateAppPopover, { align: "end", trigger: _jsxs(Button, { size: "sm", children: [_jsx(IconPlus, { size: 15, className: "mr-1.5" }), t("dispatch.pages.createApp")] }) })) : null] }), appsQuery.isError ? (_jsx(ActionQueryError, { error: appsQuery.error, onRetry: () => void appsQuery.refetch() })) : showAppSkeletons ? (_jsx(AppsSkeletonGrid, {})) : activeApps.length > 0 ? (_jsx("div", { className: "grid auto-rows-fr gap-3 md:grid-cols-2 xl:grid-cols-3", children: activeApps.map((app) => (_jsx(WorkspaceAppCard, { app: app, className: "h-full" }, app.id))) })) : pendingApps.length > 0 ? (_jsx(EmptyActiveAppsState, {})) : (_jsx(EmptyAppsState, {}))] }), pendingApps.length > 0 ? (_jsx(Collapsible, { open: showPending, onOpenChange: setShowPending, children: _jsxs("section", { className: "space-y-3 border-t pt-4", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [_jsx(IconClockHour4, { size: 16, className: "shrink-0 text-muted-foreground" }), _jsxs("div", { className: "min-w-0", children: [_jsx("h2", { className: "text-sm font-semibold text-foreground", children: t("dispatch.pages.pendingApps") }), _jsx("p", { className: "text-xs text-muted-foreground", children: t("dispatch.pages.pendingAppsDescription", {
+                                                            : ""] })] })] }), activeApps.length > 0 || pendingApps.length > 0 ? (_jsx(CreateAppPopover, { align: "end", trigger: _jsxs(Button, { size: "sm", variant: "outline", children: [_jsx(IconPlus, { size: 15, className: "mr-1.5" }), t("dispatch.pages.addApp", { defaultValue: "Add app" })] }) })) : null] }), appsQuery.isError ? (_jsx(ActionQueryError, { error: appsQuery.error, onRetry: () => void appsQuery.refetch() })) : showAppSkeletons ? (_jsx(AppsSkeletonGrid, {})) : activeApps.length > 0 ? (_jsx(AppList, { className: APP_LIST_GRID_CLASS, children: activeApps.map((app) => (_jsx(WorkspaceAppCard, { app: app, className: APP_LIST_GRID_ROW_CLASS }, app.id))) })) : pendingApps.length > 0 ? (_jsx(EmptyActiveAppsState, {})) : (_jsx(EmptyAppsState, {}))] }), pendingApps.length > 0 ? (_jsx(Collapsible, { open: showPending, onOpenChange: setShowPending, children: _jsxs("section", { className: "space-y-3 border-t pt-6", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [_jsx(IconClockHour4, { size: 16, className: "shrink-0 text-muted-foreground" }), _jsxs("div", { className: "min-w-0", children: [_jsx("h2", { className: "text-sm font-semibold text-foreground", children: t("dispatch.pages.pendingApps") }), _jsx("p", { className: "text-xs text-muted-foreground", children: t("dispatch.pages.pendingCount", {
                                                             count: pendingApps.length,
                                                         }) })] })] }), _jsx(CollapsibleTrigger, { asChild: true, children: _jsxs(Button, { type: "button", variant: "outline", size: "sm", className: "gap-1.5", children: [showPending
                                                     ? t("dispatch.pages.hidePendingApps")
-                                                    : t("dispatch.pages.showPendingApps"), _jsx(IconChevronDown, { size: 14, className: cn("transition-transform", showPending && "rotate-180") })] }) })] }), _jsx(CollapsibleContent, { children: _jsx("div", { className: "grid auto-rows-fr gap-3 md:grid-cols-2 xl:grid-cols-3", children: pendingApps.map((app) => (_jsx(WorkspaceAppCard, { app: app, className: "h-full" }, app.id))) }) })] }) })) : null, curatedTemplatesQuery.isError ? (_jsx("section", { className: "space-y-3 border-t pt-4", children: _jsx(ActionQueryError, { error: curatedTemplatesQuery.error, onRetry: () => void curatedTemplatesQuery.refetch() }) })) : curatedTemplatesQuery.data ? (_jsxs("section", { className: "space-y-3 border-t pt-4", children: [_jsxs("div", { className: "flex min-w-0 items-start gap-2", children: [_jsx(IconStack2, { size: 16, className: "mt-0.5 shrink-0 text-muted-foreground" }), _jsxs("div", { className: "min-w-0", children: [_jsx("h2", { className: "truncate text-sm font-semibold text-foreground", children: t("dispatch.pages.curatedTemplates") }), _jsx("p", { className: "mt-0.5 text-xs text-muted-foreground", children: t("dispatch.pages.curatedTemplatesDescription") })] })] }), _jsx(WorkspaceTemplatesSection, { templates: curatedTemplatesQuery.data, labels: templateLabels, onRemixSuccess: () => {
-                                void appsQuery.refetch();
-                                void curatedTemplatesQuery.refetch();
-                            } })] })) : null, connectedAppsQuery.isError ? (_jsxs("section", { className: "space-y-3 border-t pt-4", children: [_jsx(OtherAppsHeading, { count: 0 }), _jsx(ActionQueryError, { error: connectedAppsQuery.error, onRetry: () => void connectedAppsQuery.refetch() })] })) : connectedAppsQuery.isLoading || otherApps.length > 0 ? (_jsxs("section", { className: "space-y-3 border-t pt-4", children: [_jsx(OtherAppsHeading, { count: otherApps.length }), connectedAppsQuery.isLoading ? (_jsx(OtherAppsSkeletonGrid, {})) : (_jsx("div", { className: "grid auto-rows-fr gap-3 md:grid-cols-2 xl:grid-cols-3", children: otherApps.map((app) => (_jsx(ConnectedAppCard, { app: app }, app.id))) }))] })) : null, archivedApps.length > 0 ? (_jsx(Collapsible, { open: showHidden, onOpenChange: setShowHidden, children: _jsxs("section", { className: "space-y-3", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3 border-t pt-4", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [_jsx(IconEyeOff, { size: 16, className: "shrink-0 text-muted-foreground" }), _jsxs("div", { className: "min-w-0", children: [_jsx("h2", { className: "text-sm font-semibold text-foreground", children: t("dispatch.pages.hiddenApps") }), _jsx("p", { className: "text-xs text-muted-foreground", children: t("dispatch.pages.hiddenAppCount", {
+                                                    : t("dispatch.pages.showPendingApps"), _jsx(IconChevronDown, { size: 14, className: cn("transition-transform", showPending && "rotate-180") })] }) })] }), _jsx(CollapsibleContent, { children: _jsx(AppList, { className: APP_LIST_GRID_CLASS, children: pendingApps.map((app) => (_jsx(WorkspaceAppCard, { app: app, className: APP_LIST_GRID_ROW_CLASS }, app.id))) }) })] }) })) : null, _jsx(OtherAppsSection, { templates: curatedTemplatesQuery.data, connectedApps: connectedAppsQuery.data, workspaceApps: allApps, templatesLoading: curatedTemplatesQuery.isLoading, connectedAppsLoading: connectedAppsQuery.isLoading, templatesError: curatedTemplatesQuery.error, connectedAppsError: connectedAppsQuery.error, onRetryTemplates: () => void curatedTemplatesQuery.refetch(), onRetryConnectedApps: () => void connectedAppsQuery.refetch(), templateLabels: templateLabels, onRemixSuccess: () => {
+                        void appsQuery.refetch();
+                        void curatedTemplatesQuery.refetch();
+                    } }), archivedApps.length > 0 ? (_jsx(Collapsible, { open: showHidden, onOpenChange: setShowHidden, children: _jsxs("section", { className: "space-y-3", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3 border-t pt-4", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [_jsx(IconEyeOff, { size: 16, className: "shrink-0 text-muted-foreground" }), _jsxs("div", { className: "min-w-0", children: [_jsx("h2", { className: "text-sm font-semibold text-foreground", children: t("dispatch.pages.hiddenApps") }), _jsx("p", { className: "text-xs text-muted-foreground", children: t("dispatch.pages.hiddenAppCount", {
                                                             count: archivedApps.length,
                                                         }) })] })] }), _jsx(CollapsibleTrigger, { asChild: true, children: _jsxs(Button, { type: "button", variant: "outline", size: "sm", className: "gap-1.5", children: [showHidden
                                                     ? t("dispatch.pages.hide")
-                                                    : t("dispatch.pages.show"), _jsx(IconChevronDown, { size: 14, className: cn("transition-transform", showHidden && "rotate-180") })] }) })] }), _jsx(CollapsibleContent, { children: _jsx("div", { className: "grid auto-rows-fr gap-3 md:grid-cols-2 xl:grid-cols-3", children: archivedApps.map((app) => (_jsx(WorkspaceAppCard, { app: app, className: "h-full" }, app.id))) }) })] }) })) : null] }) }));
-}
-function OtherAppsHeading({ count }) {
-    const t = useT();
-    return (_jsxs("div", { className: "flex min-w-0 items-start gap-2", children: [_jsx(IconStack2, { size: 16, className: "mt-0.5 shrink-0 text-muted-foreground" }), _jsxs("div", { className: "min-w-0", children: [_jsx("h2", { className: "truncate text-sm font-semibold text-foreground", children: t("dispatch.pages.otherApps") }), _jsxs("p", { className: "mt-0.5 text-xs text-muted-foreground", children: [t("dispatch.pages.otherAppsDescription"), count > 0
-                                ? ` · ${t("dispatch.pages.availableCount", { count })}`
-                                : ""] })] })] }));
-}
-function OtherAppsSkeletonGrid() {
-    return (_jsx("div", { className: "grid gap-3 md:grid-cols-2 xl:grid-cols-3", children: Array.from({ length: 3 }).map((_, index) => (_jsx("div", { className: "rounded-lg bg-card p-4", children: _jsxs("div", { className: "flex items-start gap-3", children: [_jsx(Skeleton, { className: "size-8 rounded-md" }), _jsxs("div", { className: "flex-1 space-y-3", children: [_jsx(Skeleton, { className: "h-4 w-32" }), _jsx(Skeleton, { className: "h-3 w-full" }), _jsx(Skeleton, { className: "h-3 w-2/3" })] })] }) }, index))) }));
+                                                    : t("dispatch.pages.show"), _jsx(IconChevronDown, { size: 14, className: cn("transition-transform", showHidden && "rotate-180") })] }) })] }), _jsx(CollapsibleContent, { children: _jsx(AppList, { className: APP_LIST_GRID_CLASS, children: archivedApps.map((app) => (_jsx(WorkspaceAppCard, { app: app, className: APP_LIST_GRID_ROW_CLASS }, app.id))) }) })] }) })) : null] }) }));
 }
 function AppsSkeletonGrid() {
-    return (_jsx("div", { className: "grid gap-3 md:grid-cols-2 xl:grid-cols-3", children: Array.from({ length: 3 }).map((_, index) => (_jsx("div", { className: "rounded-lg bg-card p-4", children: _jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { className: "min-w-0 flex-1 space-y-3", children: [_jsx(Skeleton, { className: "h-4 w-32" }), _jsx(Skeleton, { className: "h-3 w-24" }), _jsxs("div", { className: "space-y-2 pt-1", children: [_jsx(Skeleton, { className: "h-3 w-full" }), _jsx(Skeleton, { className: "h-3 w-2/3" })] })] }), _jsx(Skeleton, { className: "h-7 w-7 rounded-md" })] }) }, index))) }));
+    return (_jsx(AppList, { className: APP_LIST_GRID_CLASS, children: Array.from({ length: 3 }).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-md" }), _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-8 w-24 shrink-0 rounded-md" })] }, index))) }));
 }
 function EmptyAppsState() {
     const t = useT();
-    return (_jsxs("div", { className: "rounded-lg border border-dashed bg-card px-4 py-10 text-center", children: [_jsx("div", { className: "mx-auto flex size-10 items-center justify-center rounded-lg bg-muted text-muted-foreground", children: _jsx(IconApps, { size: 18 }) }), _jsx("h3", { className: "mt-3 text-sm font-semibold text-foreground", children: t("dispatch.pages.noWorkspaceApps") }), _jsx("p", { className: "mx-auto mt-1 max-w-sm text-sm text-muted-foreground", children: t("dispatch.pages.noWorkspaceAppsDescription") }), _jsx("div", { className: "mt-4", children: _jsx(CreateAppPopover, { trigger: _jsxs(Button, { size: "sm", children: [_jsx(IconPlus, { size: 15, className: "mr-1.5" }), t("dispatch.pages.createApp")] }) }) })] }));
+    return (_jsxs("div", { className: "rounded-lg border border-dashed bg-card px-4 py-10 text-center", children: [_jsx("div", { className: "mx-auto flex size-10 items-center justify-center rounded-lg bg-muted text-muted-foreground", children: _jsx(IconApps, { size: 18 }) }), _jsx("h3", { className: "mt-3 text-sm font-semibold text-foreground", children: t("dispatch.pages.noWorkspaceApps") }), _jsx("p", { className: "mx-auto mt-1 max-w-sm text-sm text-muted-foreground", children: t("dispatch.pages.noWorkspaceAppsDescription") }), _jsx("div", { className: "mt-4", children: _jsx(CreateAppPopover, { trigger: _jsxs(Button, { size: "sm", variant: "outline", children: [_jsx(IconPlus, { size: 15, className: "mr-1.5" }), t("dispatch.pages.addApp", { defaultValue: "Add app" })] }) }) })] }));
 }
 function EmptyActiveAppsState() {
     const t = useT();

package/dist/routes/pages/apps.js.map

@@ -1 +1 @@
-{"version":3,"file":"apps.js","sourceRoot":"","sources":["../../../src/routes/pages/apps.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useActionQuery } from \"@agent-native/core/client/hooks\";\nimport { useT } from \"@agent-native/core/client/i18n\";\nimport {\n  IconApps,\n  IconChevronDown,\n  IconClockHour4,\n  IconEyeOff,\n  IconPlus,\n  IconStack2,\n} from \"@tabler/icons-react\";\nimport { useState } from \"react\";\n\nimport { ActionQueryError } from \"../../components/action-query-error\";\nimport { ConnectedAppCard } from \"../../components/connected-app-card\";\nimport { CreateAppPopover } from \"../../components/create-app-popover\";\nimport { DispatchShell } from \"../../components/dispatch-shell\";\nimport { Button } from \"../../components/ui/button\";\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"../../components/ui/collapsible\";\nimport { Skeleton } from \"../../components/ui/skeleton\";\nimport { WorkspaceAppCard } from \"../../components/workspace-app-card\";\nimport {\n  WorkspaceTemplatesSection,\n  type CuratedWorkspaceTemplatesResult,\n  type WorkspaceTemplateLabels,\n} from \"../../components/workspace-template-card\";\nimport {\n  filterOtherApps,\n  type ConnectedAppSummary,\n} from \"../../lib/other-apps\";\nimport { cn } from \"../../lib/utils\";\nimport type { WorkspaceAppSummary } from \"../../lib/workspace-apps\";\n\nexport function meta() {\n  return [{ title: \"Apps — Dispatch\" }];\n}\n\ninterface WorkspaceInfo {\n  name: string | null;\n  displayName: string | null;\n  appCount: number;\n}\n\nexport default function AppsRoute() {\n  const t = useT();\n  const [showPending, setShowPending] = useState(false);\n  const [showHidden, setShowHidden] = useState(false);\n  const appsQuery = useActionQuery(\"list-workspace-apps\", {\n    includeAgentCards: false,\n    includeArchived: true,\n  });\n  const connectedAppsQuery = useActionQuery(\"list-connected-agents\", {});\n  const curatedTemplatesQuery = useActionQuery(\n    \"list-curated-workspace-templates\",\n    {},\n  );\n  const { data: apps = [], isLoading: appsLoading } = appsQuery;\n  const { data: workspace } = useActionQuery(\n    \"get-workspace-info\",\n    {},\n    { staleTime: 60_000 },\n  );\n  const ws = workspace as WorkspaceInfo | undefined;\n  const workspaceLabel = ws?.displayName ?? ws?.name ?? null;\n  const allApps = (apps as WorkspaceAppSummary[]).filter(\n    (app) => !app.isDispatch,\n  );\n  const visibleApps = allApps.filter((app) => !app.archived);\n  const activeApps = visibleApps.filter((app) => app.status !== \"pending\");\n  const pendingApps = visibleApps.filter((app) => app.status === \"pending\");\n  const archivedApps = allApps.filter((app) => app.archived);\n  const otherApps = filterOtherApps(\n    (connectedAppsQuery.data || []) as ConnectedAppSummary[],\n    allApps,\n  );\n  const showAppSkeletons = appsLoading && allApps.length === 0;\n  const templateLabels: WorkspaceTemplateLabels = {\n    appId: t(\"dispatch.pages.remixAppIdLabel\"),\n    appIdDescription: t(\"dispatch.pages.remixAppIdDescription\"),\n    cancel: t(\"dispatch.pages.cancel\"),\n    integrationSetup: t(\"dispatch.pages.integrationSetup\"),\n    installed: t(\"dispatch.pages.alreadyInWorkspace\"),\n    remix: t(\"dispatch.pages.remix\"),\n    remixing: t(\"dispatch.pages.remixing\"),\n    remixSuccess: t(\"dispatch.pages.remixSuccess\"),\n    remixError: t(\"dispatch.pages.remixError\"),\n    appIdRequired: t(\"dispatch.pages.appIdRequired\"),\n    source: t(\"dispatch.pages.source\"),\n    viewLiveApp: t(\"dispatch.pages.viewLiveApp\"),\n  };\n\n  return (\n    <DispatchShell\n      title={t(\"dispatch.nav.apps\")}\n      description={\n        workspaceLabel\n          ? t(\"dispatch.pages.appsDescriptionWithWorkspace\", {\n              workspace: workspaceLabel,\n            })\n          : t(\"dispatch.pages.appsDescription\")\n      }\n    >\n      <div className=\"space-y-8\">\n        <section className=\"space-y-3\">\n          <div className=\"flex flex-wrap items-end justify-between gap-3\">\n            <div className=\"flex min-w-0 items-start gap-2\">\n              <IconApps\n                size={16}\n                className=\"mt-0.5 shrink-0 text-muted-foreground\"\n              />\n              <div className=\"min-w-0\">\n                <h2 className=\"truncate text-sm font-semibold text-foreground\">\n                  {workspaceLabel\n                    ? t(\"dispatch.pages.appsInWorkspace\", {\n                        workspace: workspaceLabel,\n                      })\n                    : t(\"dispatch.pages.workspaceApps\")}\n                </h2>\n                <p className=\"mt-0.5 text-xs text-muted-foreground\">\n                  {t(\"dispatch.pages.activeCount\", {\n                    count: activeApps.length,\n                  })}\n                  {pendingApps.length > 0\n                    ? ` · ${t(\"dispatch.pages.pendingCount\", {\n                        count: pendingApps.length,\n                      })}`\n                    : \"\"}\n                  {archivedApps.length > 0\n                    ? ` · ${t(\"dispatch.pages.hiddenCount\", {\n                        count: archivedApps.length,\n                      })}`\n                    : \"\"}\n                </p>\n              </div>\n            </div>\n            {activeApps.length > 0 || pendingApps.length > 0 ? (\n              <CreateAppPopover\n                align=\"end\"\n                trigger={\n                  <Button size=\"sm\">\n                    <IconPlus size={15} className=\"mr-1.5\" />\n                    {t(\"dispatch.pages.createApp\")}\n                  </Button>\n                }\n              />\n            ) : null}\n          </div>\n\n          {appsQuery.isError ? (\n            <ActionQueryError\n              error={appsQuery.error}\n              onRetry={() => void appsQuery.refetch()}\n            />\n          ) : showAppSkeletons ? (\n            <AppsSkeletonGrid />\n          ) : activeApps.length > 0 ? (\n            <div className=\"grid auto-rows-fr gap-3 md:grid-cols-2 xl:grid-cols-3\">\n              {activeApps.map((app) => (\n                <WorkspaceAppCard key={app.id} app={app} className=\"h-full\" />\n              ))}\n            </div>\n          ) : pendingApps.length > 0 ? (\n            <EmptyActiveAppsState />\n          ) : (\n            <EmptyAppsState />\n          )}\n        </section>\n\n        {pendingApps.length > 0 ? (\n          <Collapsible open={showPending} onOpenChange={setShowPending}>\n            <section className=\"space-y-3 border-t pt-4\">\n              <div className=\"flex flex-wrap items-center justify-between gap-3\">\n                <div className=\"flex min-w-0 items-center gap-2\">\n                  <IconClockHour4\n                    size={16}\n                    className=\"shrink-0 text-muted-foreground\"\n                  />\n                  <div className=\"min-w-0\">\n                    <h2 className=\"text-sm font-semibold text-foreground\">\n                      {t(\"dispatch.pages.pendingApps\")}\n                    </h2>\n                    <p className=\"text-xs text-muted-foreground\">\n                      {t(\"dispatch.pages.pendingAppsDescription\", {\n                        count: pendingApps.length,\n                      })}\n                    </p>\n                  </div>\n                </div>\n                <CollapsibleTrigger asChild>\n                  <Button\n                    type=\"button\"\n                    variant=\"outline\"\n                    size=\"sm\"\n                    className=\"gap-1.5\"\n                  >\n                    {showPending\n                      ? t(\"dispatch.pages.hidePendingApps\")\n                      : t(\"dispatch.pages.showPendingApps\")}\n                    <IconChevronDown\n                      size={14}\n                      className={cn(\n                        \"transition-transform\",\n                        showPending && \"rotate-180\",\n                      )}\n                    />\n                  </Button>\n                </CollapsibleTrigger>\n              </div>\n              <CollapsibleContent>\n                <div className=\"grid auto-rows-fr gap-3 md:grid-cols-2 xl:grid-cols-3\">\n                  {pendingApps.map((app) => (\n                    <WorkspaceAppCard\n                      key={app.id}\n                      app={app}\n                      className=\"h-full\"\n                    />\n                  ))}\n                </div>\n              </CollapsibleContent>\n            </section>\n          </Collapsible>\n        ) : null}\n\n        {curatedTemplatesQuery.isError ? (\n          <section className=\"space-y-3 border-t pt-4\">\n            <ActionQueryError\n              error={curatedTemplatesQuery.error}\n              onRetry={() => void curatedTemplatesQuery.refetch()}\n            />\n          </section>\n        ) : curatedTemplatesQuery.data ? (\n          <section className=\"space-y-3 border-t pt-4\">\n            <div className=\"flex min-w-0 items-start gap-2\">\n              <IconStack2\n                size={16}\n                className=\"mt-0.5 shrink-0 text-muted-foreground\"\n              />\n              <div className=\"min-w-0\">\n                <h2 className=\"truncate text-sm font-semibold text-foreground\">\n                  {t(\"dispatch.pages.curatedTemplates\")}\n                </h2>\n                <p className=\"mt-0.5 text-xs text-muted-foreground\">\n                  {t(\"dispatch.pages.curatedTemplatesDescription\")}\n                </p>\n              </div>\n            </div>\n            <WorkspaceTemplatesSection\n              templates={\n                curatedTemplatesQuery.data as CuratedWorkspaceTemplatesResult\n              }\n              labels={templateLabels}\n              onRemixSuccess={() => {\n                void appsQuery.refetch();\n                void curatedTemplatesQuery.refetch();\n              }}\n            />\n          </section>\n        ) : null}\n\n        {connectedAppsQuery.isError ? (\n          <section className=\"space-y-3 border-t pt-4\">\n            <OtherAppsHeading count={0} />\n            <ActionQueryError\n              error={connectedAppsQuery.error}\n              onRetry={() => void connectedAppsQuery.refetch()}\n            />\n          </section>\n        ) : connectedAppsQuery.isLoading || otherApps.length > 0 ? (\n          <section className=\"space-y-3 border-t pt-4\">\n            <OtherAppsHeading count={otherApps.length} />\n            {connectedAppsQuery.isLoading ? (\n              <OtherAppsSkeletonGrid />\n            ) : (\n              <div className=\"grid auto-rows-fr gap-3 md:grid-cols-2 xl:grid-cols-3\">\n                {otherApps.map((app) => (\n                  <ConnectedAppCard key={app.id} app={app} />\n                ))}\n              </div>\n            )}\n          </section>\n        ) : null}\n\n        {archivedApps.length > 0 ? (\n          <Collapsible open={showHidden} onOpenChange={setShowHidden}>\n            <section className=\"space-y-3\">\n              <div className=\"flex flex-wrap items-center justify-between gap-3 border-t pt-4\">\n                <div className=\"flex min-w-0 items-center gap-2\">\n                  <IconEyeOff\n                    size={16}\n                    className=\"shrink-0 text-muted-foreground\"\n                  />\n                  <div className=\"min-w-0\">\n                    <h2 className=\"text-sm font-semibold text-foreground\">\n                      {t(\"dispatch.pages.hiddenApps\")}\n                    </h2>\n                    <p className=\"text-xs text-muted-foreground\">\n                      {t(\"dispatch.pages.hiddenAppCount\", {\n                        count: archivedApps.length,\n                      })}\n                    </p>\n                  </div>\n                </div>\n                <CollapsibleTrigger asChild>\n                  <Button\n                    type=\"button\"\n                    variant=\"outline\"\n                    size=\"sm\"\n                    className=\"gap-1.5\"\n                  >\n                    {showHidden\n                      ? t(\"dispatch.pages.hide\")\n                      : t(\"dispatch.pages.show\")}\n                    <IconChevronDown\n                      size={14}\n                      className={cn(\n                        \"transition-transform\",\n                        showHidden && \"rotate-180\",\n                      )}\n                    />\n                  </Button>\n                </CollapsibleTrigger>\n              </div>\n              <CollapsibleContent>\n                <div className=\"grid auto-rows-fr gap-3 md:grid-cols-2 xl:grid-cols-3\">\n                  {archivedApps.map((app) => (\n                    <WorkspaceAppCard\n                      key={app.id}\n                      app={app}\n                      className=\"h-full\"\n                    />\n                  ))}\n                </div>\n              </CollapsibleContent>\n            </section>\n          </Collapsible>\n        ) : null}\n      </div>\n    </DispatchShell>\n  );\n}\n\nfunction OtherAppsHeading({ count }: { count: number }) {\n  const t = useT();\n  return (\n    <div className=\"flex min-w-0 items-start gap-2\">\n      <IconStack2 size={16} className=\"mt-0.5 shrink-0 text-muted-foreground\" />\n      <div className=\"min-w-0\">\n        <h2 className=\"truncate text-sm font-semibold text-foreground\">\n          {t(\"dispatch.pages.otherApps\")}\n        </h2>\n        <p className=\"mt-0.5 text-xs text-muted-foreground\">\n          {t(\"dispatch.pages.otherAppsDescription\")}\n          {count > 0\n            ? ` · ${t(\"dispatch.pages.availableCount\", { count })}`\n            : \"\"}\n        </p>\n      </div>\n    </div>\n  );\n}\n\nfunction OtherAppsSkeletonGrid() {\n  return (\n    <div className=\"grid gap-3 md:grid-cols-2 xl:grid-cols-3\">\n      {Array.from({ length: 3 }).map((_, index) => (\n        <div key={index} className=\"rounded-lg bg-card p-4\">\n          <div className=\"flex items-start gap-3\">\n            <Skeleton className=\"size-8 rounded-md\" />\n            <div className=\"flex-1 space-y-3\">\n              <Skeleton className=\"h-4 w-32\" />\n              <Skeleton className=\"h-3 w-full\" />\n              <Skeleton className=\"h-3 w-2/3\" />\n            </div>\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n}\n\nfunction AppsSkeletonGrid() {\n  return (\n    <div className=\"grid gap-3 md:grid-cols-2 xl:grid-cols-3\">\n      {Array.from({ length: 3 }).map((_, index) => (\n        <div key={index} className=\"rounded-lg bg-card p-4\">\n          <div className=\"flex items-start justify-between gap-3\">\n            <div className=\"min-w-0 flex-1 space-y-3\">\n              <Skeleton className=\"h-4 w-32\" />\n              <Skeleton className=\"h-3 w-24\" />\n              <div className=\"space-y-2 pt-1\">\n                <Skeleton className=\"h-3 w-full\" />\n                <Skeleton className=\"h-3 w-2/3\" />\n              </div>\n            </div>\n            <Skeleton className=\"h-7 w-7 rounded-md\" />\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n}\n\nfunction EmptyAppsState() {\n  const t = useT();\n  return (\n    <div className=\"rounded-lg border border-dashed bg-card px-4 py-10 text-center\">\n      <div className=\"mx-auto flex size-10 items-center justify-center rounded-lg bg-muted text-muted-foreground\">\n        <IconApps size={18} />\n      </div>\n      <h3 className=\"mt-3 text-sm font-semibold text-foreground\">\n        {t(\"dispatch.pages.noWorkspaceApps\")}\n      </h3>\n      <p className=\"mx-auto mt-1 max-w-sm text-sm text-muted-foreground\">\n        {t(\"dispatch.pages.noWorkspaceAppsDescription\")}\n      </p>\n      <div className=\"mt-4\">\n        <CreateAppPopover\n          trigger={\n            <Button size=\"sm\">\n              <IconPlus size={15} className=\"mr-1.5\" />\n              {t(\"dispatch.pages.createApp\")}\n            </Button>\n          }\n        />\n      </div>\n    </div>\n  );\n}\n\nfunction EmptyActiveAppsState() {\n  const t = useT();\n  return (\n    <div className=\"rounded-lg border border-dashed bg-card px-4 py-10 text-center\">\n      <p className=\"text-sm font-medium text-foreground\">\n        {t(\"dispatch.pages.noActiveWorkspaceApps\")}\n      </p>\n      <p className=\"mx-auto mt-1 max-w-md text-xs text-muted-foreground\">\n        {t(\"dispatch.pages.noActiveWorkspaceAppsDescription\")}\n      </p>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"apps.js","sourceRoot":"","sources":["../../../src/routes/pages/apps.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useActionQuery } from \"@agent-native/core/client/hooks\";\nimport { useT } from \"@agent-native/core/client/i18n\";\nimport {\n  IconApps,\n  IconChevronDown,\n  IconClockHour4,\n  IconEyeOff,\n  IconPlus,\n} from \"@tabler/icons-react\";\nimport { useState } from \"react\";\nimport { Outlet, useParams } from \"react-router\";\n\nimport { ActionQueryError } from \"../../components/action-query-error\";\nimport {\n  APP_LIST_GRID_CLASS,\n  APP_LIST_GRID_ROW_CLASS,\n  AppList,\n} from \"../../components/app-list-row\";\nimport { CreateAppPopover } from \"../../components/create-app-popover\";\nimport { DispatchShell } from \"../../components/dispatch-shell\";\nimport { OtherAppsSection } from \"../../components/other-apps-section\";\nimport { Button } from \"../../components/ui/button\";\nimport {\n  Collapsible,\n  CollapsibleContent,\n  CollapsibleTrigger,\n} from \"../../components/ui/collapsible\";\nimport { Skeleton } from \"../../components/ui/skeleton\";\nimport { WorkspaceAppCard } from \"../../components/workspace-app-card\";\nimport type {\n  CuratedWorkspaceTemplatesResult,\n  WorkspaceTemplateLabels,\n} from \"../../components/workspace-template-card\";\nimport type { ConnectedAppSummary } from \"../../lib/other-apps\";\nimport { cn } from \"../../lib/utils\";\nimport type { WorkspaceAppSummary } from \"../../lib/workspace-apps\";\n\nexport function meta() {\n  return [{ title: \"Apps — Dispatch\" }];\n}\n\ninterface WorkspaceInfo {\n  name: string | null;\n  displayName: string | null;\n  appCount: number;\n}\n\nexport default function AppsRouteEntry() {\n  const { appId } = useParams();\n  return appId ? <Outlet /> : <AppsRoute />;\n}\n\nfunction AppsRoute() {\n  const t = useT();\n  const [showPending, setShowPending] = useState(false);\n  const [showHidden, setShowHidden] = useState(false);\n  const appsQuery = useActionQuery(\"list-workspace-apps\", {\n    includeAgentCards: false,\n    includeArchived: true,\n  });\n  const connectedAppsQuery = useActionQuery(\"list-connected-agents\", {});\n  const curatedTemplatesQuery = useActionQuery(\n    \"list-curated-workspace-templates\",\n    {},\n  );\n  const { data: apps = [], isLoading: appsLoading } = appsQuery;\n  const { data: workspace } = useActionQuery(\n    \"get-workspace-info\",\n    {},\n    { staleTime: 60_000 },\n  );\n  const ws = workspace as WorkspaceInfo | undefined;\n  const workspaceLabel = ws?.displayName ?? ws?.name ?? null;\n  const allApps = (apps as WorkspaceAppSummary[]).filter(\n    (app) => !app.isDispatch,\n  );\n  const visibleApps = allApps.filter((app) => !app.archived);\n  const activeApps = visibleApps.filter((app) => app.status !== \"pending\");\n  const pendingApps = visibleApps.filter((app) => app.status === \"pending\");\n  const archivedApps = allApps.filter((app) => app.archived);\n  const showAppSkeletons = appsLoading && allApps.length === 0;\n  const templateLabels: WorkspaceTemplateLabels = {\n    appId: t(\"dispatch.pages.remixAppIdLabel\"),\n    appIdDescription: t(\"dispatch.pages.remixAppIdDescription\"),\n    cancel: t(\"dispatch.pages.cancel\"),\n    integrationSetup: t(\"dispatch.pages.integrationSetup\"),\n    installed: t(\"dispatch.pages.alreadyInWorkspace\"),\n    remix: t(\"dispatch.pages.addApp\", { defaultValue: \"Add app\" }),\n    remixing: t(\"dispatch.pages.remixing\"),\n    remixSuccess: t(\"dispatch.pages.remixSuccess\"),\n    remixError: t(\"dispatch.pages.remixError\"),\n    appIdRequired: t(\"dispatch.pages.appIdRequired\"),\n    source: t(\"dispatch.pages.source\"),\n    openApp: t(\"dispatch.pages.openApp\", { defaultValue: \"Open app\" }),\n    viewLiveApp: t(\"dispatch.pages.openApp\", { defaultValue: \"Open\" }),\n  };\n\n  return (\n    <DispatchShell\n      title={t(\"dispatch.nav.apps\")}\n      description={\n        workspaceLabel\n          ? t(\"dispatch.pages.appsDescriptionWithWorkspace\", {\n              workspace: workspaceLabel,\n            })\n          : t(\"dispatch.pages.appsDescription\")\n      }\n    >\n      <div className=\"space-y-8\">\n        <section className=\"space-y-3\">\n          <div className=\"flex flex-wrap items-end justify-between gap-3\">\n            <div className=\"flex min-w-0 items-start gap-2\">\n              <IconApps\n                size={16}\n                className=\"mt-0.5 shrink-0 text-muted-foreground\"\n              />\n              <div className=\"min-w-0\">\n                <h2 className=\"truncate text-sm font-semibold text-foreground\">\n                  {t(\"dispatch.pages.yourApps\", { defaultValue: \"Your apps\" })}\n                </h2>\n                <p className=\"mt-0.5 text-xs text-muted-foreground\">\n                  {t(\"dispatch.pages.activeCount\", {\n                    count: activeApps.length,\n                  })}\n                  {pendingApps.length > 0\n                    ? ` · ${t(\"dispatch.pages.pendingCount\", {\n                        count: pendingApps.length,\n                      })}`\n                    : \"\"}\n                  {archivedApps.length > 0\n                    ? ` · ${t(\"dispatch.pages.hiddenCount\", {\n                        count: archivedApps.length,\n                      })}`\n                    : \"\"}\n                </p>\n              </div>\n            </div>\n            {activeApps.length > 0 || pendingApps.length > 0 ? (\n              <CreateAppPopover\n                align=\"end\"\n                trigger={\n                  <Button size=\"sm\" variant=\"outline\">\n                    <IconPlus size={15} className=\"mr-1.5\" />\n                    {t(\"dispatch.pages.addApp\", { defaultValue: \"Add app\" })}\n                  </Button>\n                }\n              />\n            ) : null}\n          </div>\n\n          {appsQuery.isError ? (\n            <ActionQueryError\n              error={appsQuery.error}\n              onRetry={() => void appsQuery.refetch()}\n            />\n          ) : showAppSkeletons ? (\n            <AppsSkeletonGrid />\n          ) : activeApps.length > 0 ? (\n            <AppList className={APP_LIST_GRID_CLASS}>\n              {activeApps.map((app) => (\n                <WorkspaceAppCard\n                  key={app.id}\n                  app={app}\n                  className={APP_LIST_GRID_ROW_CLASS}\n                />\n              ))}\n            </AppList>\n          ) : pendingApps.length > 0 ? (\n            <EmptyActiveAppsState />\n          ) : (\n            <EmptyAppsState />\n          )}\n        </section>\n\n        {pendingApps.length > 0 ? (\n          <Collapsible open={showPending} onOpenChange={setShowPending}>\n            <section className=\"space-y-3 border-t pt-6\">\n              <div className=\"flex flex-wrap items-center justify-between gap-3\">\n                <div className=\"flex min-w-0 items-center gap-2\">\n                  <IconClockHour4\n                    size={16}\n                    className=\"shrink-0 text-muted-foreground\"\n                  />\n                  <div className=\"min-w-0\">\n                    <h2 className=\"text-sm font-semibold text-foreground\">\n                      {t(\"dispatch.pages.pendingApps\")}\n                    </h2>\n                    <p className=\"text-xs text-muted-foreground\">\n                      {t(\"dispatch.pages.pendingCount\", {\n                        count: pendingApps.length,\n                      })}\n                    </p>\n                  </div>\n                </div>\n                <CollapsibleTrigger asChild>\n                  <Button\n                    type=\"button\"\n                    variant=\"outline\"\n                    size=\"sm\"\n                    className=\"gap-1.5\"\n                  >\n                    {showPending\n                      ? t(\"dispatch.pages.hidePendingApps\")\n                      : t(\"dispatch.pages.showPendingApps\")}\n                    <IconChevronDown\n                      size={14}\n                      className={cn(\n                        \"transition-transform\",\n                        showPending && \"rotate-180\",\n                      )}\n                    />\n                  </Button>\n                </CollapsibleTrigger>\n              </div>\n              <CollapsibleContent>\n                <AppList className={APP_LIST_GRID_CLASS}>\n                  {pendingApps.map((app) => (\n                    <WorkspaceAppCard\n                      key={app.id}\n                      app={app}\n                      className={APP_LIST_GRID_ROW_CLASS}\n                    />\n                  ))}\n                </AppList>\n              </CollapsibleContent>\n            </section>\n          </Collapsible>\n        ) : null}\n\n        <OtherAppsSection\n          templates={\n            curatedTemplatesQuery.data as\n              | CuratedWorkspaceTemplatesResult\n              | undefined\n          }\n          connectedApps={\n            connectedAppsQuery.data as ConnectedAppSummary[] | undefined\n          }\n          workspaceApps={allApps}\n          templatesLoading={curatedTemplatesQuery.isLoading}\n          connectedAppsLoading={connectedAppsQuery.isLoading}\n          templatesError={curatedTemplatesQuery.error}\n          connectedAppsError={connectedAppsQuery.error}\n          onRetryTemplates={() => void curatedTemplatesQuery.refetch()}\n          onRetryConnectedApps={() => void connectedAppsQuery.refetch()}\n          templateLabels={templateLabels}\n          onRemixSuccess={() => {\n            void appsQuery.refetch();\n            void curatedTemplatesQuery.refetch();\n          }}\n        />\n\n        {archivedApps.length > 0 ? (\n          <Collapsible open={showHidden} onOpenChange={setShowHidden}>\n            <section className=\"space-y-3\">\n              <div className=\"flex flex-wrap items-center justify-between gap-3 border-t pt-4\">\n                <div className=\"flex min-w-0 items-center gap-2\">\n                  <IconEyeOff\n                    size={16}\n                    className=\"shrink-0 text-muted-foreground\"\n                  />\n                  <div className=\"min-w-0\">\n                    <h2 className=\"text-sm font-semibold text-foreground\">\n                      {t(\"dispatch.pages.hiddenApps\")}\n                    </h2>\n                    <p className=\"text-xs text-muted-foreground\">\n                      {t(\"dispatch.pages.hiddenAppCount\", {\n                        count: archivedApps.length,\n                      })}\n                    </p>\n                  </div>\n                </div>\n                <CollapsibleTrigger asChild>\n                  <Button\n                    type=\"button\"\n                    variant=\"outline\"\n                    size=\"sm\"\n                    className=\"gap-1.5\"\n                  >\n                    {showHidden\n                      ? t(\"dispatch.pages.hide\")\n                      : t(\"dispatch.pages.show\")}\n                    <IconChevronDown\n                      size={14}\n                      className={cn(\n                        \"transition-transform\",\n                        showHidden && \"rotate-180\",\n                      )}\n                    />\n                  </Button>\n                </CollapsibleTrigger>\n              </div>\n              <CollapsibleContent>\n                <AppList className={APP_LIST_GRID_CLASS}>\n                  {archivedApps.map((app) => (\n                    <WorkspaceAppCard\n                      key={app.id}\n                      app={app}\n                      className={APP_LIST_GRID_ROW_CLASS}\n                    />\n                  ))}\n                </AppList>\n              </CollapsibleContent>\n            </section>\n          </Collapsible>\n        ) : null}\n      </div>\n    </DispatchShell>\n  );\n}\n\nfunction AppsSkeletonGrid() {\n  return (\n    <AppList className={APP_LIST_GRID_CLASS}>\n      {Array.from({ length: 3 }).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-md\" />\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-8 w-24 shrink-0 rounded-md\" />\n        </div>\n      ))}\n    </AppList>\n  );\n}\n\nfunction EmptyAppsState() {\n  const t = useT();\n  return (\n    <div className=\"rounded-lg border border-dashed bg-card px-4 py-10 text-center\">\n      <div className=\"mx-auto flex size-10 items-center justify-center rounded-lg bg-muted text-muted-foreground\">\n        <IconApps size={18} />\n      </div>\n      <h3 className=\"mt-3 text-sm font-semibold text-foreground\">\n        {t(\"dispatch.pages.noWorkspaceApps\")}\n      </h3>\n      <p className=\"mx-auto mt-1 max-w-sm text-sm text-muted-foreground\">\n        {t(\"dispatch.pages.noWorkspaceAppsDescription\")}\n      </p>\n      <div className=\"mt-4\">\n        <CreateAppPopover\n          trigger={\n            <Button size=\"sm\" variant=\"outline\">\n              <IconPlus size={15} className=\"mr-1.5\" />\n              {t(\"dispatch.pages.addApp\", { defaultValue: \"Add app\" })}\n            </Button>\n          }\n        />\n      </div>\n    </div>\n  );\n}\n\nfunction EmptyActiveAppsState() {\n  const t = useT();\n  return (\n    <div className=\"rounded-lg border border-dashed bg-card px-4 py-10 text-center\">\n      <p className=\"text-sm font-medium text-foreground\">\n        {t(\"dispatch.pages.noActiveWorkspaceApps\")}\n      </p>\n      <p className=\"mx-auto mt-1 max-w-md text-xs text-muted-foreground\">\n        {t(\"dispatch.pages.noActiveWorkspaceAppsDescription\")}\n      </p>\n    </div>\n  );\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agent-native/dispatch",
-  "version": "0.19.2",
+  "version": "0.20.0",
   "description": "Dispatch — workspace control plane for agent-native apps. Vault, integrations, destinations, scheduled jobs, and cross-app delegation, shipped as a single drop-in package.",
   "homepage": "https://github.com/BuilderIO/agent-native#readme",
   "bugs": {
@@ -98,7 +98,7 @@
     "typescript-7": "npm:typescript@^7.0.2",
     "vite": "8.1.0",
     "vitest": "^4.1.5",
-    "@agent-native/core": "0.145.5"
+    "@agent-native/core": "0.145.6"
   },
   "peerDependencies": {
     "@agent-native/core": ">=0.8.0",

package/src/components/admin-navigation.tsx

@@ -23,7 +23,7 @@ import { NavLink } from "react-router";
 import { cn } from "../lib/utils";
 import { useDispatchExtensions, type DispatchNavItem } from "./layout/Layout";
 
-interface AdminNavGroup {
+export interface AdminNavGroup {
   id: string;
   label: string;
   labelKey: string;
@@ -210,21 +210,7 @@ export function AdminShell({
   onNavigate?: () => void;
 }) {
   const t = useT();
-  const extensions = useDispatchExtensions();
-  const extensionItems = (extensions?.navItems ?? []).filter(
-    (item) => item.section === "operations",
-  );
-  const groups = extensionItems.length
-    ? [
-        ...BUILT_IN_ADMIN_NAV_GROUPS,
-        {
-          id: "workspace-extensions",
-          label: "Workspace extensions",
-          labelKey: "dispatch.pages.adminWorkspaceExtensions",
-          items: extensionItems,
-        },
-      ]
-    : BUILT_IN_ADMIN_NAV_GROUPS;
+  const groups = useAdminNavGroups();
 
   return (
     <div
@@ -276,3 +262,22 @@ export function AdminShell({
 }
 
 export { BUILT_IN_ADMIN_NAV_GROUPS };
+
+export function useAdminNavGroups(): readonly AdminNavGroup[] {
+  const extensions = useDispatchExtensions();
+  const extensionItems = (extensions?.navItems ?? []).filter(
+    (item) => item.section === "operations",
+  );
+
+  return extensionItems.length
+    ? [
+        ...BUILT_IN_ADMIN_NAV_GROUPS,
+        {
+          id: "workspace-extensions",
+          label: "Workspace extensions",
+          labelKey: "dispatch.pages.adminWorkspaceExtensions",
+          items: extensionItems,
+        },
+      ]
+    : BUILT_IN_ADMIN_NAV_GROUPS;
+}

package/src/components/app-icon.tsx

@@ -0,0 +1,149 @@
+import {
+  IconActivity,
+  IconApps,
+  IconBrain,
+  IconBrush,
+  IconCalendar,
+  IconChartBar,
+  IconClipboardList,
+  IconFileText,
+  IconMail,
+  IconPhoto,
+  IconPlugConnected,
+  IconPresentation,
+  IconPuzzle,
+  IconScreenShare,
+} from "@tabler/icons-react";
+import type { CSSProperties } from "react";
+
+import { cn } from "../lib/utils";
+
+type AppIconComponent = typeof IconApps;
+
+const FALLBACK_ICONS: AppIconComponent[] = [
+  IconApps,
+  IconPuzzle,
+  IconActivity,
+  IconPlugConnected,
+];
+
+const APP_ICON_TONES = [
+  "bg-primary/10 text-primary",
+  "bg-secondary text-secondary-foreground",
+  "bg-accent text-accent-foreground",
+  "bg-muted text-foreground",
+] as const;
+
+const ICONS_BY_KEY: Record<string, AppIconComponent> = {
+  barchart2: IconChartBar,
+  brain: IconBrain,
+  brush: IconBrush,
+  calendardays: IconCalendar,
+  chartbar: IconChartBar,
+  clipboardlist: IconClipboardList,
+  filetext: IconFileText,
+  galleryhorizontal: IconPresentation,
+  mail: IconMail,
+  photo: IconPhoto,
+  presentation: IconPresentation,
+  screenshare: IconScreenShare,
+};
+
+function appIconComponent(
+  id: string,
+  name: string,
+  iconKey?: string,
+): AppIconComponent {
+  const normalizedIconKey = iconKey?.trim().toLowerCase();
+  if (normalizedIconKey && ICONS_BY_KEY[normalizedIconKey]) {
+    return ICONS_BY_KEY[normalizedIconKey];
+  }
+
+  const haystack = `${id} ${name}`.toLowerCase();
+
+  if (haystack.includes("mail") || haystack.includes("email")) {
+    return IconMail;
+  }
+  if (
+    haystack.includes("analytics") ||
+    haystack.includes("metric") ||
+    haystack.includes("indicator") ||
+    haystack.includes("gtm")
+  ) {
+    return IconChartBar;
+  }
+  if (haystack.includes("coach") || haystack.includes("agent")) {
+    return IconBrain;
+  }
+
+  let hash = 0;
+  for (const character of `${id}:${name}`) {
+    hash = (hash * 31 + character.charCodeAt(0)) | 0;
+  }
+  return FALLBACK_ICONS[Math.abs(hash) % FALLBACK_ICONS.length] ?? IconApps;
+}
+
+function safeHexColor(color: string | undefined): string | null {
+  const normalized = color?.trim();
+  return normalized && /^#[0-9a-f]{6}$/i.test(normalized) ? normalized : null;
+}
+
+export function AppIcon({
+  id,
+  name,
+  icon,
+  color,
+  className,
+  size = "md",
+}: {
+  id: string;
+  name: string;
+  icon?: string;
+  color?: string;
+  className?: string;
+  size?: "sm" | "md";
+}) {
+  const Icon = appIconComponent(id, name, icon);
+  const customColor = safeHexColor(color);
+  const tone =
+    APP_ICON_TONES[Math.abs(hashForApp(id, name)) % APP_ICON_TONES.length];
+  const style = customColor
+    ? ({
+        "--dispatch-app-icon-color": customColor,
+        backgroundColor:
+          "color-mix(in srgb, var(--dispatch-app-icon-color) 14%, transparent)",
+        color: "var(--dispatch-app-icon-color)",
+      } as CSSProperties)
+    : ({
+        "--dispatch-app-icon-hue": `${appHue(id, name)} 72% 44%`,
+        backgroundColor: "hsl(var(--dispatch-app-icon-hue) / 0.14)",
+        color: "hsl(var(--dispatch-app-icon-hue))",
+      } as CSSProperties);
+
+  return (
+    <span
+      aria-hidden="true"
+      className={cn(
+        "flex shrink-0 items-center justify-center rounded-xl",
+        size === "sm" ? "size-8" : "size-10",
+        !customColor && tone,
+        className,
+      )}
+      style={style}
+    >
+      <Icon size={size === "sm" ? 16 : 19} stroke={1.8} />
+    </span>
+  );
+}
+
+function hashForApp(id: string, name: string): number {
+  let hash = 0;
+  for (const character of `${id}:${name}`) {
+    hash = (hash * 31 + character.charCodeAt(0)) | 0;
+  }
+  return hash;
+}
+
+function appHue(id: string, name: string): number {
+  return 20 + (Math.abs(hashForApp(id, name)) % 320);
+}

package/src/components/app-list-row.tsx

@@ -0,0 +1,40 @@
+import type { ReactNode } from "react";
+
+import { cn } from "../lib/utils";
+
+export const APP_LIST_GRID_CLASS =
+  "xl:grid xl:grid-cols-2 xl:gap-3 xl:overflow-visible xl:rounded-none xl:bg-transparent";
+export const APP_LIST_GRID_ROW_CLASS = "xl:rounded-2xl xl:border-0 xl:bg-card";
+
+export function AppList({
+  children,
+  className,
+}: {
+  children: ReactNode;
+  className?: string;
+}) {
+  return (
+    <div className={cn("overflow-hidden rounded-2xl bg-card", className)}>
+      {children}
+    </div>
+  );
+}
+
+export function AppListRow({
+  children,
+  className,
+}: {
+  children: ReactNode;
+  className?: string;
+}) {
+  return (
+    <div
+      className={cn(
+        "group flex min-w-0 items-center gap-3 border-b px-4 py-3.5 last:border-b-0 transition-[background-color] hover:bg-muted/30 focus-within:bg-muted/30",
+        className,
+      )}
+    >
+      {children}
+    </div>
+  );
+}