@agent-native/dispatch 0.40.2 → 0.40.3

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @agent-native/dispatch
 
+## 0.40.3
+
+### Patch Changes
+
+- 181ca1d: Keep the package changelog in Dispatch's route wrapper so generated workspaces can render the shared Settings page during SSR.
+- Release all public npm packages with a patch version bump.
+- Updated dependencies
+- Updated dependencies [63c4c02]
+  - @agent-native/toolkit@0.198.2
+
 ## 0.40.2
 
 ### Patch Changes
@@ -1078,11 +1088,4 @@
 - Updated dependencies [89f194f]
   - @agent-native/toolkit@0.14.3
 
-## 0.24.6
-
-### Patch Changes
-
-- Updated dependencies [2db503b]
-  - @agent-native/toolkit@0.14.2
-
 For the full list of releases, see the [changelog archive](./changelog/archive/CHANGELOG.md).

package/dist/routes/pages/settings-page.d.ts

@@ -0,0 +1,10 @@
+export declare function meta(): {
+    title: string;
+}[];
+export interface DispatchSettingsPageProps {
+    /** Raw CHANGELOG.md behind What's new. */
+    changelog: string;
+}
+/** The template route supplies the app's own changelog. */
+export declare function DispatchSettingsPage({ changelog }: DispatchSettingsPageProps): import("node_modules/@types/react").JSX.Element;
+//# sourceMappingURL=settings-page.d.ts.map

package/dist/routes/pages/settings-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings-page.d.ts","sourceRoot":"","sources":["../../../src/routes/pages/settings-page.tsx"],"names":[],"mappings":"AAkDA,wBAAgB,IAAI;;IAEnB;AAED,MAAM,WAAW,yBAAyB;IACxC,0CAA0C;IAC1C,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,2DAA2D;AAC3D,wBAAgB,oBAAoB,CAAC,EAAE,SAAS,EAAE,EAAE,yBAAyB,mDA6L5E"}

package/dist/routes/pages/settings-page.js

@@ -0,0 +1,104 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CHAT_FIRST_MODE_CHANGED_EVENT, readChatFirstModeState, writeChatFirstMode, } from "@agent-native/core/client/agent-chat";
+import { useFeatureFlag, useFeatureFlagState, } from "@agent-native/core/client/feature-flags";
+import { useT } from "@agent-native/core/client/i18n";
+import { SETTINGS_REDESIGN_FLAG } from "@agent-native/core/feature-flags/registry";
+import { ChangelogSettingsCard } from "@agent-native/toolkit/app/changelog";
+import { OrgMembersPage, TeamPage } from "@agent-native/toolkit/app/org";
+import { AccountSettingsCard, CORE_SETTINGS_PAGES, registerSettingsPages, SettingsGroup, SettingsRow, SettingsTabsPage, useAgentSettingsTabs, } from "@agent-native/toolkit/app/settings";
+import { LanguagePicker } from "@agent-native/toolkit/app/shared";
+import { IconShield } from "@tabler/icons-react";
+import { useMemo, useState } from "react";
+import { Link } from "react-router";
+import { Button } from "../../components/ui/button.js";
+import { Switch } from "../../components/ui/switch.js";
+import { dispatchAccessDescriptor } from "../../shared/app-roles.js";
+import { DISPATCH_CONNECT_APPS_FLAG } from "../../shared/feature-flags.js";
+const coreMembersPage = CORE_SETTINGS_PAGES.find((page) => page.id === "members");
+if (!coreMembersPage) {
+    throw new Error("Core Settings has no members page for Dispatch app roles");
+}
+function DispatchMembersSettingsPage() {
+    return _jsx(OrgMembersPage, { appRoles: dispatchAccessDescriptor });
+}
+// The redesigned Settings shows Members from core; Dispatch's replaces it so
+// the app-role column stays.
+registerSettingsPages([
+    { ...coreMembersPage, component: DispatchMembersSettingsPage },
+]);
+export function meta() {
+    return [{ title: "Settings - Dispatch" }];
+}
+/** The template route supplies the app's own changelog. */
+export function DispatchSettingsPage({ changelog }) {
+    const t = useT();
+    const connectAppsEnabled = useFeatureFlag(DISPATCH_CONNECT_APPS_FLAG.key);
+    // Core Preferences owns the interface language in the redesigned Settings,
+    // whose Dispatch General page shows `generalGroups` instead of `general`.
+    const redesign = useFeatureFlagState(SETTINGS_REDESIGN_FLAG.key).enabled;
+    const agentSettingsTabs = useAgentSettingsTabs({
+        usageAppId: "dispatch",
+        usageViewAllHref: "/admin/metrics",
+        organizationContent: (_jsx("div", { className: "mx-auto w-full max-w-3xl", children: _jsx(TeamPage, { showTitle: false, appRoles: dispatchAccessDescriptor, createOrgDescription: "Set up a team to share dispatch destinations and approvals with your colleagues." }) })),
+    });
+    const settingsTabs = [
+        ...agentSettingsTabs,
+        {
+            id: "admin",
+            label: t("dispatch.nav.admin", { defaultValue: "Admin" }),
+            icon: IconShield,
+            group: "Admin",
+            href: "/admin",
+            content: null,
+        },
+    ];
+    const [chatFirstModeState] = useState(() => readChatFirstModeState());
+    const [chatFirstMode, setChatFirstMode] = useState(() => chatFirstModeState.enabled);
+    const [chatFirstStorageNotice, setChatFirstStorageNotice] = useState(chatFirstModeState.availability === "unavailable"
+        ? t("settings.chatFirstStorageUnavailable")
+        : null);
+    function updateChatFirstMode(enabled) {
+        const result = writeChatFirstMode(enabled);
+        if (!result.ok) {
+            setChatFirstStorageNotice(t("settings.chatFirstStorageBlocked"));
+            return;
+        }
+        setChatFirstStorageNotice(null);
+        setChatFirstMode(enabled);
+        window.dispatchEvent(new CustomEvent(CHAT_FIRST_MODE_CHANGED_EVENT, {
+            detail: { enabled },
+        }));
+    }
+    const generalSearchEntries = useMemo(() => [
+        ...(redesign
+            ? []
+            : [
+                {
+                    id: "dispatch-language",
+                    label: t("settings.languageTitle"),
+                    keywords: "language locale translation i18n",
+                    hash: "language",
+                },
+            ]),
+        {
+            id: "dispatch-workspace",
+            label: redesign
+                ? t("settings.resourcesTitle")
+                : t("settings.workspaceTitle"),
+            keywords: "workspace resources integrations vault destinations",
+            hash: "workspace-resources",
+        },
+        {
+            id: "dispatch-chat-first",
+            label: t("settings.chatFirstTitle"),
+            keywords: "chat first codex t3 apps pane navigation",
+            hash: "chat-first",
+        },
+    ], [redesign, t]);
+    const chatFirstSwitch = (_jsx(Switch, { "aria-label": t("settings.chatFirstAriaLabel"), checked: chatFirstMode, onCheckedChange: updateChatFirstMode }));
+    const chatFirstStorageAlert = chatFirstStorageNotice ? (_jsx("p", { className: "text-sm text-destructive", role: "alert", children: chatFirstStorageNotice })) : null;
+    const connectAppsRow = connectAppsEnabled ? (_jsx(SettingsRow, { id: "connect-apps", label: t("settings.connectApps"), description: t("settings.connectAppsDescription"), control: _jsx(Button, { variant: "outline", asChild: true, children: _jsx(Link, { to: "/connect", children: t("settings.openConnectApps") }) }) })) : null;
+    const resourceSettingsButton = (_jsx(Button, { variant: "outline", asChild: true, children: _jsx(Link, { to: "/workspace", children: t("settings.openResourceSettings") }) }));
+    return (_jsx(SettingsTabsPage, { account: _jsx(AccountSettingsCard, {}), extraTabs: settingsTabs, generalSearchEntries: generalSearchEntries, general: _jsxs("div", { className: "mx-auto w-full max-w-2xl space-y-6", children: [_jsx("p", { className: "text-sm leading-6 text-muted-foreground", children: t("settings.description") }), _jsxs(SettingsGroup, { children: [_jsx(SettingsRow, { id: "language", label: t("settings.languageTitle"), description: t("settings.languageDescription"), control: _jsx("div", { className: "w-56", children: _jsx(LanguagePicker, { label: t("settings.languageLabel") }) }) }), _jsx(SettingsRow, { id: "workspace-resources", label: t("settings.workspaceTitle"), description: t("settings.workspaceDescription"), control: resourceSettingsButton }), connectAppsRow] }), _jsx(SettingsGroup, { id: "chat-first", children: _jsxs(SettingsRow, { label: t("settings.chatFirstTitle"), description: t("settings.chatFirstDescription"), control: chatFirstSwitch, children: [_jsx("p", { className: "text-sm leading-6 text-muted-foreground", children: t("settings.chatFirstSessionWatchDescription") }), chatFirstStorageAlert] }) })] }), generalGroups: _jsxs(SettingsGroup, { id: "workspace", title: t("settings.workspaceTitle"), children: [_jsx(SettingsRow, { id: "chat-first", label: t("settings.chatFirstTitle"), description: t("settings.chatFirstDescription"), control: chatFirstSwitch, children: chatFirstStorageAlert }), _jsx(SettingsRow, { id: "workspace-resources", label: t("settings.resourcesTitle"), description: t("settings.workspaceDescription"), control: resourceSettingsButton }), connectAppsRow] }), whatsNew: _jsx("div", { className: "mx-auto w-full max-w-2xl", children: _jsx(ChangelogSettingsCard, { markdown: changelog }) }), whatsNewMarkdown: changelog }));
+}
+//# sourceMappingURL=settings-page.js.map

package/dist/routes/pages/settings-page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings-page.js","sourceRoot":"","sources":["../../../src/routes/pages/settings-page.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  CHAT_FIRST_MODE_CHANGED_EVENT,\n  readChatFirstModeState,\n  writeChatFirstMode,\n} from \"@agent-native/core/client/agent-chat\";\nimport {\n  useFeatureFlag,\n  useFeatureFlagState,\n} from \"@agent-native/core/client/feature-flags\";\nimport { useT } from \"@agent-native/core/client/i18n\";\nimport { SETTINGS_REDESIGN_FLAG } from \"@agent-native/core/feature-flags/registry\";\nimport { ChangelogSettingsCard } from \"@agent-native/toolkit/app/changelog\";\nimport { OrgMembersPage, TeamPage } from \"@agent-native/toolkit/app/org\";\nimport {\n  AccountSettingsCard,\n  CORE_SETTINGS_PAGES,\n  registerSettingsPages,\n  SettingsGroup,\n  SettingsRow,\n  SettingsTabsPage,\n  useAgentSettingsTabs,\n  type SettingsSearchEntry,\n} from \"@agent-native/toolkit/app/settings\";\nimport { LanguagePicker } from \"@agent-native/toolkit/app/shared\";\nimport { IconShield } from \"@tabler/icons-react\";\nimport { useMemo, useState } from \"react\";\nimport { Link } from \"react-router\";\n\nimport { Button } from \"../../components/ui/button\";\nimport { Switch } from \"../../components/ui/switch\";\nimport { dispatchAccessDescriptor } from \"../../shared/app-roles.js\";\nimport { DISPATCH_CONNECT_APPS_FLAG } from \"../../shared/feature-flags.js\";\n\nconst coreMembersPage = CORE_SETTINGS_PAGES.find(\n  (page) => page.id === \"members\",\n);\nif (!coreMembersPage) {\n  throw new Error(\"Core Settings has no members page for Dispatch app roles\");\n}\n\nfunction DispatchMembersSettingsPage() {\n  return <OrgMembersPage appRoles={dispatchAccessDescriptor} />;\n}\n\n// The redesigned Settings shows Members from core; Dispatch's replaces it so\n// the app-role column stays.\nregisterSettingsPages([\n  { ...coreMembersPage, component: DispatchMembersSettingsPage },\n]);\n\nexport function meta() {\n  return [{ title: \"Settings - Dispatch\" }];\n}\n\nexport interface DispatchSettingsPageProps {\n  /** Raw CHANGELOG.md behind What's new. */\n  changelog: string;\n}\n\n/** The template route supplies the app's own changelog. */\nexport function DispatchSettingsPage({ changelog }: DispatchSettingsPageProps) {\n  const t = useT();\n  const connectAppsEnabled = useFeatureFlag(DISPATCH_CONNECT_APPS_FLAG.key);\n  // Core Preferences owns the interface language in the redesigned Settings,\n  // whose Dispatch General page shows `generalGroups` instead of `general`.\n  const redesign = useFeatureFlagState(SETTINGS_REDESIGN_FLAG.key).enabled;\n  const agentSettingsTabs = useAgentSettingsTabs({\n    usageAppId: \"dispatch\",\n    usageViewAllHref: \"/admin/metrics\",\n    organizationContent: (\n      <div className=\"mx-auto w-full max-w-3xl\">\n        <TeamPage\n          showTitle={false}\n          appRoles={dispatchAccessDescriptor}\n          createOrgDescription=\"Set up a team to share dispatch destinations and approvals with your colleagues.\"\n        />\n      </div>\n    ),\n  });\n  const settingsTabs = [\n    ...agentSettingsTabs,\n    {\n      id: \"admin\",\n      label: t(\"dispatch.nav.admin\", { defaultValue: \"Admin\" }),\n      icon: IconShield,\n      group: \"Admin\",\n      href: \"/admin\",\n      content: null,\n    },\n  ];\n  const [chatFirstModeState] = useState(() => readChatFirstModeState());\n  const [chatFirstMode, setChatFirstMode] = useState(\n    () => chatFirstModeState.enabled,\n  );\n  const [chatFirstStorageNotice, setChatFirstStorageNotice] = useState<\n    string | null\n  >(\n    chatFirstModeState.availability === \"unavailable\"\n      ? t(\"settings.chatFirstStorageUnavailable\")\n      : null,\n  );\n\n  function updateChatFirstMode(enabled: boolean) {\n    const result = writeChatFirstMode(enabled);\n    if (!result.ok) {\n      setChatFirstStorageNotice(t(\"settings.chatFirstStorageBlocked\"));\n      return;\n    }\n    setChatFirstStorageNotice(null);\n    setChatFirstMode(enabled);\n    window.dispatchEvent(\n      new CustomEvent(CHAT_FIRST_MODE_CHANGED_EVENT, {\n        detail: { enabled },\n      }),\n    );\n  }\n\n  const generalSearchEntries = useMemo<SettingsSearchEntry[]>(\n    () => [\n      ...(redesign\n        ? []\n        : [\n            {\n              id: \"dispatch-language\",\n              label: t(\"settings.languageTitle\"),\n              keywords: \"language locale translation i18n\",\n              hash: \"language\",\n            },\n          ]),\n      {\n        id: \"dispatch-workspace\",\n        label: redesign\n          ? t(\"settings.resourcesTitle\")\n          : t(\"settings.workspaceTitle\"),\n        keywords: \"workspace resources integrations vault destinations\",\n        hash: \"workspace-resources\",\n      },\n      {\n        id: \"dispatch-chat-first\",\n        label: t(\"settings.chatFirstTitle\"),\n        keywords: \"chat first codex t3 apps pane navigation\",\n        hash: \"chat-first\",\n      },\n    ],\n    [redesign, t],\n  );\n\n  const chatFirstSwitch = (\n    <Switch\n      aria-label={t(\"settings.chatFirstAriaLabel\")}\n      checked={chatFirstMode}\n      onCheckedChange={updateChatFirstMode}\n    />\n  );\n  const chatFirstStorageAlert = chatFirstStorageNotice ? (\n    <p className=\"text-sm text-destructive\" role=\"alert\">\n      {chatFirstStorageNotice}\n    </p>\n  ) : null;\n  const connectAppsRow = connectAppsEnabled ? (\n    <SettingsRow\n      id=\"connect-apps\"\n      label={t(\"settings.connectApps\")}\n      description={t(\"settings.connectAppsDescription\")}\n      control={\n        <Button variant=\"outline\" asChild>\n          <Link to=\"/connect\">{t(\"settings.openConnectApps\")}</Link>\n        </Button>\n      }\n    />\n  ) : null;\n  const resourceSettingsButton = (\n    <Button variant=\"outline\" asChild>\n      <Link to=\"/workspace\">{t(\"settings.openResourceSettings\")}</Link>\n    </Button>\n  );\n\n  return (\n    <SettingsTabsPage\n      account={<AccountSettingsCard />}\n      extraTabs={settingsTabs}\n      generalSearchEntries={generalSearchEntries}\n      general={\n        <div className=\"mx-auto w-full max-w-2xl space-y-6\">\n          <p className=\"text-sm leading-6 text-muted-foreground\">\n            {t(\"settings.description\")}\n          </p>\n\n          <SettingsGroup>\n            <SettingsRow\n              id=\"language\"\n              label={t(\"settings.languageTitle\")}\n              description={t(\"settings.languageDescription\")}\n              control={\n                <div className=\"w-56\">\n                  <LanguagePicker label={t(\"settings.languageLabel\")} />\n                </div>\n              }\n            />\n            <SettingsRow\n              id=\"workspace-resources\"\n              label={t(\"settings.workspaceTitle\")}\n              description={t(\"settings.workspaceDescription\")}\n              control={resourceSettingsButton}\n            />\n            {connectAppsRow}\n          </SettingsGroup>\n\n          <SettingsGroup id=\"chat-first\">\n            <SettingsRow\n              label={t(\"settings.chatFirstTitle\")}\n              description={t(\"settings.chatFirstDescription\")}\n              control={chatFirstSwitch}\n            >\n              <p className=\"text-sm leading-6 text-muted-foreground\">\n                {t(\"settings.chatFirstSessionWatchDescription\")}\n              </p>\n              {chatFirstStorageAlert}\n            </SettingsRow>\n          </SettingsGroup>\n        </div>\n      }\n      generalGroups={\n        <SettingsGroup id=\"workspace\" title={t(\"settings.workspaceTitle\")}>\n          <SettingsRow\n            id=\"chat-first\"\n            label={t(\"settings.chatFirstTitle\")}\n            description={t(\"settings.chatFirstDescription\")}\n            control={chatFirstSwitch}\n          >\n            {chatFirstStorageAlert}\n          </SettingsRow>\n          <SettingsRow\n            id=\"workspace-resources\"\n            label={t(\"settings.resourcesTitle\")}\n            description={t(\"settings.workspaceDescription\")}\n            control={resourceSettingsButton}\n          />\n          {connectAppsRow}\n        </SettingsGroup>\n      }\n      whatsNew={\n        <div className=\"mx-auto w-full max-w-2xl\">\n          <ChangelogSettingsCard markdown={changelog} />\n        </div>\n      }\n      whatsNewMarkdown={changelog}\n    />\n  );\n}\n"]}

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

@@ -1,14 +1,6 @@
-export declare function meta(): {
-    title: string;
-}[];
-export interface DispatchSettingsPageProps {
-    /** Raw CHANGELOG.md behind What's new. */
-    changelog: string;
-}
-/**
- * Dispatch's Settings. The template route renders it with the app's own
- * changelog; `dispatchRoutes` consumers get the default export.
- */
-export declare function DispatchSettingsPage({ changelog }: DispatchSettingsPageProps): import("node_modules/@types/react").JSX.Element;
+import { DispatchSettingsPage } from "./settings-page.js";
+export { DispatchSettingsPage };
+export type { DispatchSettingsPageProps } from "./settings-page.js";
+export { meta } from "./settings-page.js";
 export default function SettingsRoute(): import("node_modules/@types/react").JSX.Element;
 //# sourceMappingURL=settings.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"settings.d.ts","sourceRoot":"","sources":["../../../src/routes/pages/settings.tsx"],"names":[],"mappings":"AAmDA,wBAAgB,IAAI;;IAEnB;AAED,MAAM,WAAW,yBAAyB;IACxC,0CAA0C;IAC1C,SAAS,EAAE,MAAM,CAAC;CACnB;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,EAAE,SAAS,EAAE,EAAE,yBAAyB,mDA6L5E;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,oDAEpC"}
+{"version":3,"file":"settings.d.ts","sourceRoot":"","sources":["../../../src/routes/pages/settings.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAE1D,OAAO,EAAE,oBAAoB,EAAE,CAAC;AAChC,YAAY,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AACpE,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAE1C,MAAM,CAAC,OAAO,UAAU,aAAa,oDAEpC"}

package/dist/routes/pages/settings.js

@@ -1,110 +1,8 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CHAT_FIRST_MODE_CHANGED_EVENT, readChatFirstModeState, writeChatFirstMode, } from "@agent-native/core/client/agent-chat";
-import { useFeatureFlag, useFeatureFlagState, } from "@agent-native/core/client/feature-flags";
-import { useT } from "@agent-native/core/client/i18n";
-import { SETTINGS_REDESIGN_FLAG } from "@agent-native/core/feature-flags/registry";
-import { ChangelogSettingsCard } from "@agent-native/toolkit/app/changelog";
-import { OrgMembersPage, TeamPage } from "@agent-native/toolkit/app/org";
-import { AccountSettingsCard, CORE_SETTINGS_PAGES, registerSettingsPages, SettingsGroup, SettingsRow, SettingsTabsPage, useAgentSettingsTabs, } from "@agent-native/toolkit/app/settings";
-import { LanguagePicker } from "@agent-native/toolkit/app/shared";
-import { IconShield } from "@tabler/icons-react";
-import { useMemo, useState } from "react";
-import { Link } from "react-router";
+import { jsx as _jsx } from "react/jsx-runtime";
 import packageChangelog from "../../../CHANGELOG.md?raw";
-import { Button } from "../../components/ui/button.js";
-import { Switch } from "../../components/ui/switch.js";
-import { dispatchAccessDescriptor } from "../../shared/app-roles.js";
-import { DISPATCH_CONNECT_APPS_FLAG } from "../../shared/feature-flags.js";
-const coreMembersPage = CORE_SETTINGS_PAGES.find((page) => page.id === "members");
-if (!coreMembersPage) {
-    throw new Error("Core Settings has no members page for Dispatch app roles");
-}
-function DispatchMembersSettingsPage() {
-    return _jsx(OrgMembersPage, { appRoles: dispatchAccessDescriptor });
-}
-// The redesigned Settings shows Members from core; Dispatch's replaces it so
-// the app-role column stays.
-registerSettingsPages([
-    { ...coreMembersPage, component: DispatchMembersSettingsPage },
-]);
-export function meta() {
-    return [{ title: "Settings - Dispatch" }];
-}
-/**
- * Dispatch's Settings. The template route renders it with the app's own
- * changelog; `dispatchRoutes` consumers get the default export.
- */
-export function DispatchSettingsPage({ changelog }) {
-    const t = useT();
-    const connectAppsEnabled = useFeatureFlag(DISPATCH_CONNECT_APPS_FLAG.key);
-    // Core Preferences owns the interface language in the redesigned Settings,
-    // whose Dispatch General page shows `generalGroups` instead of `general`.
-    const redesign = useFeatureFlagState(SETTINGS_REDESIGN_FLAG.key).enabled;
-    const agentSettingsTabs = useAgentSettingsTabs({
-        usageAppId: "dispatch",
-        usageViewAllHref: "/admin/metrics",
-        organizationContent: (_jsx("div", { className: "mx-auto w-full max-w-3xl", children: _jsx(TeamPage, { showTitle: false, appRoles: dispatchAccessDescriptor, createOrgDescription: "Set up a team to share dispatch destinations and approvals with your colleagues." }) })),
-    });
-    const settingsTabs = [
-        ...agentSettingsTabs,
-        {
-            id: "admin",
-            label: t("dispatch.nav.admin", { defaultValue: "Admin" }),
-            icon: IconShield,
-            group: "Admin",
-            href: "/admin",
-            content: null,
-        },
-    ];
-    const [chatFirstModeState] = useState(() => readChatFirstModeState());
-    const [chatFirstMode, setChatFirstMode] = useState(() => chatFirstModeState.enabled);
-    const [chatFirstStorageNotice, setChatFirstStorageNotice] = useState(chatFirstModeState.availability === "unavailable"
-        ? t("settings.chatFirstStorageUnavailable")
-        : null);
-    function updateChatFirstMode(enabled) {
-        const result = writeChatFirstMode(enabled);
-        if (!result.ok) {
-            setChatFirstStorageNotice(t("settings.chatFirstStorageBlocked"));
-            return;
-        }
-        setChatFirstStorageNotice(null);
-        setChatFirstMode(enabled);
-        window.dispatchEvent(new CustomEvent(CHAT_FIRST_MODE_CHANGED_EVENT, {
-            detail: { enabled },
-        }));
-    }
-    const generalSearchEntries = useMemo(() => [
-        ...(redesign
-            ? []
-            : [
-                {
-                    id: "dispatch-language",
-                    label: t("settings.languageTitle"),
-                    keywords: "language locale translation i18n",
-                    hash: "language",
-                },
-            ]),
-        {
-            id: "dispatch-workspace",
-            label: redesign
-                ? t("settings.resourcesTitle")
-                : t("settings.workspaceTitle"),
-            keywords: "workspace resources integrations vault destinations",
-            hash: "workspace-resources",
-        },
-        {
-            id: "dispatch-chat-first",
-            label: t("settings.chatFirstTitle"),
-            keywords: "chat first codex t3 apps pane navigation",
-            hash: "chat-first",
-        },
-    ], [redesign, t]);
-    const chatFirstSwitch = (_jsx(Switch, { "aria-label": t("settings.chatFirstAriaLabel"), checked: chatFirstMode, onCheckedChange: updateChatFirstMode }));
-    const chatFirstStorageAlert = chatFirstStorageNotice ? (_jsx("p", { className: "text-sm text-destructive", role: "alert", children: chatFirstStorageNotice })) : null;
-    const connectAppsRow = connectAppsEnabled ? (_jsx(SettingsRow, { id: "connect-apps", label: t("settings.connectApps"), description: t("settings.connectAppsDescription"), control: _jsx(Button, { variant: "outline", asChild: true, children: _jsx(Link, { to: "/connect", children: t("settings.openConnectApps") }) }) })) : null;
-    const resourceSettingsButton = (_jsx(Button, { variant: "outline", asChild: true, children: _jsx(Link, { to: "/workspace", children: t("settings.openResourceSettings") }) }));
-    return (_jsx(SettingsTabsPage, { account: _jsx(AccountSettingsCard, {}), extraTabs: settingsTabs, generalSearchEntries: generalSearchEntries, general: _jsxs("div", { className: "mx-auto w-full max-w-2xl space-y-6", children: [_jsx("p", { className: "text-sm leading-6 text-muted-foreground", children: t("settings.description") }), _jsxs(SettingsGroup, { children: [_jsx(SettingsRow, { id: "language", label: t("settings.languageTitle"), description: t("settings.languageDescription"), control: _jsx("div", { className: "w-56", children: _jsx(LanguagePicker, { label: t("settings.languageLabel") }) }) }), _jsx(SettingsRow, { id: "workspace-resources", label: t("settings.workspaceTitle"), description: t("settings.workspaceDescription"), control: resourceSettingsButton }), connectAppsRow] }), _jsx(SettingsGroup, { id: "chat-first", children: _jsxs(SettingsRow, { label: t("settings.chatFirstTitle"), description: t("settings.chatFirstDescription"), control: chatFirstSwitch, children: [_jsx("p", { className: "text-sm leading-6 text-muted-foreground", children: t("settings.chatFirstSessionWatchDescription") }), chatFirstStorageAlert] }) })] }), generalGroups: _jsxs(SettingsGroup, { id: "workspace", title: t("settings.workspaceTitle"), children: [_jsx(SettingsRow, { id: "chat-first", label: t("settings.chatFirstTitle"), description: t("settings.chatFirstDescription"), control: chatFirstSwitch, children: chatFirstStorageAlert }), _jsx(SettingsRow, { id: "workspace-resources", label: t("settings.resourcesTitle"), description: t("settings.workspaceDescription"), control: resourceSettingsButton }), connectAppsRow] }), whatsNew: _jsx("div", { className: "mx-auto w-full max-w-2xl", children: _jsx(ChangelogSettingsCard, { markdown: changelog }) }), whatsNewMarkdown: changelog }));
-}
+import { DispatchSettingsPage } from "./settings-page.js";
+export { DispatchSettingsPage };
+export { meta } from "./settings-page.js";
 export default function SettingsRoute() {
     return _jsx(DispatchSettingsPage, { changelog: packageChangelog });
 }

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

@@ -1 +1 @@
-{"version":3,"file":"settings.js","sourceRoot":"","sources":["../../../src/routes/pages/settings.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  CHAT_FIRST_MODE_CHANGED_EVENT,\n  readChatFirstModeState,\n  writeChatFirstMode,\n} from \"@agent-native/core/client/agent-chat\";\nimport {\n  useFeatureFlag,\n  useFeatureFlagState,\n} from \"@agent-native/core/client/feature-flags\";\nimport { useT } from \"@agent-native/core/client/i18n\";\nimport { SETTINGS_REDESIGN_FLAG } from \"@agent-native/core/feature-flags/registry\";\nimport { ChangelogSettingsCard } from \"@agent-native/toolkit/app/changelog\";\nimport { OrgMembersPage, TeamPage } from \"@agent-native/toolkit/app/org\";\nimport {\n  AccountSettingsCard,\n  CORE_SETTINGS_PAGES,\n  registerSettingsPages,\n  SettingsGroup,\n  SettingsRow,\n  SettingsTabsPage,\n  useAgentSettingsTabs,\n  type SettingsSearchEntry,\n} from \"@agent-native/toolkit/app/settings\";\nimport { LanguagePicker } from \"@agent-native/toolkit/app/shared\";\nimport { IconShield } from \"@tabler/icons-react\";\nimport { useMemo, useState } from \"react\";\nimport { Link } from \"react-router\";\n\nimport packageChangelog from \"../../../CHANGELOG.md?raw\";\nimport { Button } from \"../../components/ui/button\";\nimport { Switch } from \"../../components/ui/switch\";\nimport { dispatchAccessDescriptor } from \"../../shared/app-roles.js\";\nimport { DISPATCH_CONNECT_APPS_FLAG } from \"../../shared/feature-flags.js\";\n\nconst coreMembersPage = CORE_SETTINGS_PAGES.find(\n  (page) => page.id === \"members\",\n);\nif (!coreMembersPage) {\n  throw new Error(\"Core Settings has no members page for Dispatch app roles\");\n}\n\nfunction DispatchMembersSettingsPage() {\n  return <OrgMembersPage appRoles={dispatchAccessDescriptor} />;\n}\n\n// The redesigned Settings shows Members from core; Dispatch's replaces it so\n// the app-role column stays.\nregisterSettingsPages([\n  { ...coreMembersPage, component: DispatchMembersSettingsPage },\n]);\n\nexport function meta() {\n  return [{ title: \"Settings - Dispatch\" }];\n}\n\nexport interface DispatchSettingsPageProps {\n  /** Raw CHANGELOG.md behind What's new. */\n  changelog: string;\n}\n\n/**\n * Dispatch's Settings. The template route renders it with the app's own\n * changelog; `dispatchRoutes` consumers get the default export.\n */\nexport function DispatchSettingsPage({ changelog }: DispatchSettingsPageProps) {\n  const t = useT();\n  const connectAppsEnabled = useFeatureFlag(DISPATCH_CONNECT_APPS_FLAG.key);\n  // Core Preferences owns the interface language in the redesigned Settings,\n  // whose Dispatch General page shows `generalGroups` instead of `general`.\n  const redesign = useFeatureFlagState(SETTINGS_REDESIGN_FLAG.key).enabled;\n  const agentSettingsTabs = useAgentSettingsTabs({\n    usageAppId: \"dispatch\",\n    usageViewAllHref: \"/admin/metrics\",\n    organizationContent: (\n      <div className=\"mx-auto w-full max-w-3xl\">\n        <TeamPage\n          showTitle={false}\n          appRoles={dispatchAccessDescriptor}\n          createOrgDescription=\"Set up a team to share dispatch destinations and approvals with your colleagues.\"\n        />\n      </div>\n    ),\n  });\n  const settingsTabs = [\n    ...agentSettingsTabs,\n    {\n      id: \"admin\",\n      label: t(\"dispatch.nav.admin\", { defaultValue: \"Admin\" }),\n      icon: IconShield,\n      group: \"Admin\",\n      href: \"/admin\",\n      content: null,\n    },\n  ];\n  const [chatFirstModeState] = useState(() => readChatFirstModeState());\n  const [chatFirstMode, setChatFirstMode] = useState(\n    () => chatFirstModeState.enabled,\n  );\n  const [chatFirstStorageNotice, setChatFirstStorageNotice] = useState<\n    string | null\n  >(\n    chatFirstModeState.availability === \"unavailable\"\n      ? t(\"settings.chatFirstStorageUnavailable\")\n      : null,\n  );\n\n  function updateChatFirstMode(enabled: boolean) {\n    const result = writeChatFirstMode(enabled);\n    if (!result.ok) {\n      setChatFirstStorageNotice(t(\"settings.chatFirstStorageBlocked\"));\n      return;\n    }\n    setChatFirstStorageNotice(null);\n    setChatFirstMode(enabled);\n    window.dispatchEvent(\n      new CustomEvent(CHAT_FIRST_MODE_CHANGED_EVENT, {\n        detail: { enabled },\n      }),\n    );\n  }\n\n  const generalSearchEntries = useMemo<SettingsSearchEntry[]>(\n    () => [\n      ...(redesign\n        ? []\n        : [\n            {\n              id: \"dispatch-language\",\n              label: t(\"settings.languageTitle\"),\n              keywords: \"language locale translation i18n\",\n              hash: \"language\",\n            },\n          ]),\n      {\n        id: \"dispatch-workspace\",\n        label: redesign\n          ? t(\"settings.resourcesTitle\")\n          : t(\"settings.workspaceTitle\"),\n        keywords: \"workspace resources integrations vault destinations\",\n        hash: \"workspace-resources\",\n      },\n      {\n        id: \"dispatch-chat-first\",\n        label: t(\"settings.chatFirstTitle\"),\n        keywords: \"chat first codex t3 apps pane navigation\",\n        hash: \"chat-first\",\n      },\n    ],\n    [redesign, t],\n  );\n\n  const chatFirstSwitch = (\n    <Switch\n      aria-label={t(\"settings.chatFirstAriaLabel\")}\n      checked={chatFirstMode}\n      onCheckedChange={updateChatFirstMode}\n    />\n  );\n  const chatFirstStorageAlert = chatFirstStorageNotice ? (\n    <p className=\"text-sm text-destructive\" role=\"alert\">\n      {chatFirstStorageNotice}\n    </p>\n  ) : null;\n  const connectAppsRow = connectAppsEnabled ? (\n    <SettingsRow\n      id=\"connect-apps\"\n      label={t(\"settings.connectApps\")}\n      description={t(\"settings.connectAppsDescription\")}\n      control={\n        <Button variant=\"outline\" asChild>\n          <Link to=\"/connect\">{t(\"settings.openConnectApps\")}</Link>\n        </Button>\n      }\n    />\n  ) : null;\n  const resourceSettingsButton = (\n    <Button variant=\"outline\" asChild>\n      <Link to=\"/workspace\">{t(\"settings.openResourceSettings\")}</Link>\n    </Button>\n  );\n\n  return (\n    <SettingsTabsPage\n      account={<AccountSettingsCard />}\n      extraTabs={settingsTabs}\n      generalSearchEntries={generalSearchEntries}\n      general={\n        <div className=\"mx-auto w-full max-w-2xl space-y-6\">\n          <p className=\"text-sm leading-6 text-muted-foreground\">\n            {t(\"settings.description\")}\n          </p>\n\n          <SettingsGroup>\n            <SettingsRow\n              id=\"language\"\n              label={t(\"settings.languageTitle\")}\n              description={t(\"settings.languageDescription\")}\n              control={\n                <div className=\"w-56\">\n                  <LanguagePicker label={t(\"settings.languageLabel\")} />\n                </div>\n              }\n            />\n            <SettingsRow\n              id=\"workspace-resources\"\n              label={t(\"settings.workspaceTitle\")}\n              description={t(\"settings.workspaceDescription\")}\n              control={resourceSettingsButton}\n            />\n            {connectAppsRow}\n          </SettingsGroup>\n\n          <SettingsGroup id=\"chat-first\">\n            <SettingsRow\n              label={t(\"settings.chatFirstTitle\")}\n              description={t(\"settings.chatFirstDescription\")}\n              control={chatFirstSwitch}\n            >\n              <p className=\"text-sm leading-6 text-muted-foreground\">\n                {t(\"settings.chatFirstSessionWatchDescription\")}\n              </p>\n              {chatFirstStorageAlert}\n            </SettingsRow>\n          </SettingsGroup>\n        </div>\n      }\n      generalGroups={\n        <SettingsGroup id=\"workspace\" title={t(\"settings.workspaceTitle\")}>\n          <SettingsRow\n            id=\"chat-first\"\n            label={t(\"settings.chatFirstTitle\")}\n            description={t(\"settings.chatFirstDescription\")}\n            control={chatFirstSwitch}\n          >\n            {chatFirstStorageAlert}\n          </SettingsRow>\n          <SettingsRow\n            id=\"workspace-resources\"\n            label={t(\"settings.resourcesTitle\")}\n            description={t(\"settings.workspaceDescription\")}\n            control={resourceSettingsButton}\n          />\n          {connectAppsRow}\n        </SettingsGroup>\n      }\n      whatsNew={\n        <div className=\"mx-auto w-full max-w-2xl\">\n          <ChangelogSettingsCard markdown={changelog} />\n        </div>\n      }\n      whatsNewMarkdown={changelog}\n    />\n  );\n}\n\nexport default function SettingsRoute() {\n  return <DispatchSettingsPage changelog={packageChangelog} />;\n}\n"]}
+{"version":3,"file":"settings.js","sourceRoot":"","sources":["../../../src/routes/pages/settings.tsx"],"names":[],"mappings":";AAAA,OAAO,gBAAgB,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAE1D,OAAO,EAAE,oBAAoB,EAAE,CAAC;AAEhC,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAE1C,MAAM,CAAC,OAAO,UAAU,aAAa;IACnC,OAAO,KAAC,oBAAoB,IAAC,SAAS,EAAE,gBAAgB,GAAI,CAAC;AAC/D,CAAC","sourcesContent":["import packageChangelog from \"../../../CHANGELOG.md?raw\";\nimport { DispatchSettingsPage } from \"./settings-page.js\";\n\nexport { DispatchSettingsPage };\nexport type { DispatchSettingsPageProps } from \"./settings-page.js\";\nexport { meta } from \"./settings-page.js\";\n\nexport default function SettingsRoute() {\n  return <DispatchSettingsPage changelog={packageChangelog} />;\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agent-native/dispatch",
-  "version": "0.40.2",
+  "version": "0.40.3",
   "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": {
@@ -89,7 +89,7 @@
     "tailwind-merge": "^3.5.0",
     "vaul": "^1.1.2",
     "zod": "^4.3.6",
-    "@agent-native/toolkit": "0.198.1"
+    "@agent-native/toolkit": "0.198.2"
   },
   "devDependencies": {
     "@react-router/dev": "^8.1.0",
@@ -103,7 +103,7 @@
     "typescript-7": "npm:typescript@^7.0.2",
     "vite": "8.1.0",
     "vitest": "^4.1.5",
-    "@agent-native/core": "0.198.1"
+    "@agent-native/core": "0.198.2"
   },
   "peerDependencies": {
     "@agent-native/core": ">=0.8.0",

package/src/components/layout/Layout.spec.tsx

@@ -1,3 +1,4 @@
+import { isSettingsPathname } from "@agent-native/toolkit/app/settings";
 // @vitest-environment happy-dom
 import React, { act } from "react";
 import { createRoot, type Root } from "react-dom/client";
@@ -12,7 +13,6 @@ import {
   dispatchNavLinkTarget,
   formatThreadAge,
   isElectronEmbeddedSearch,
-  isSettingsShellPath,
   NavContent,
   renderChatFirstAppSurfaceTab,
   shouldAutoCollapseDispatchSidebar,
@@ -30,13 +30,27 @@ const clientState = vi.hoisted(() => ({
     .mockResolvedValue({ startUrl: "about:blank" }),
 }));
 
-vi.mock("@agent-native/core/client/agent-chat", () => ({
+vi.mock("@agent-native/core/client/agent-chat", async (importOriginal) => ({
+  ...(await importOriginal<
+    typeof import("@agent-native/core/client/agent-chat")
+  >()),
   navigateWithAgentChatViewTransition: (
     navigate: (path: string) => void,
     path: string,
   ) => navigate(path),
   useAgentChatHomeHandoff: () => false,
   useAgentChatHomeHandoffLinks: vi.fn(),
+  useChatModels: () => ({
+    availableModels: [],
+    defaultModel: "auto",
+    selectedModel: "auto",
+    selectedEngine: "",
+    selectedEffort: "medium" as const,
+    isLoading: false,
+    onModelChange: vi.fn(),
+    onEffortChange: vi.fn(),
+    refreshEngines: vi.fn(),
+  }),
   useChatThreads: () => ({
     threads: clientState.threads,
     activeThreadId: "active-thread",
@@ -65,9 +79,11 @@ vi.mock("@agent-native/core/client/api-path", () => ({
     clientState.basePath && path.startsWith("/")
       ? `${clientState.basePath}${path}`
       : path,
+  frameworkRoutePrefix: () => "",
 }));
 
-vi.mock("@agent-native/core/client/hooks", () => ({
+vi.mock("@agent-native/core/client/hooks", async (importOriginal) => ({
+  ...(await importOriginal<typeof import("@agent-native/core/client/hooks")>()),
   useActionQuery: (action: string) => ({
     data:
       action === "list-workspace-apps" ? clientState.workspaceApps : undefined,
@@ -87,6 +103,7 @@ vi.mock("next-themes", () => ({
 }));
 
 vi.mock("@agent-native/core/client/i18n", () => ({
+  useFormatters: () => ({ formatNumber: (value: number) => String(value) }),
   useT: () => (key: string, values?: Record<string, unknown>) => {
     const messages: Record<string, string> = {
       "dispatch.nav.chat": "Chat",
@@ -115,6 +132,10 @@ vi.mock("@agent-native/toolkit/app/shared", async (importOriginal) => ({
   openCommandMenu: vi.fn(),
 }));
 
+vi.mock("../create-app-popover", () => ({
+  CreateAppPopover: () => null,
+}));
+
 vi.mock("@agent-native/toolkit/app/feedback", () => ({
   FeedbackButton: () => <div>Feedback</div>,
 }));
@@ -204,14 +225,14 @@ describe("Dispatch workspace app sidebar", () => {
 
 describe("Dispatch Settings frame", () => {
   it("drops the Dispatch chrome on Settings", () => {
-    expect(isSettingsShellPath("/settings")).toBe(true);
-    expect(isSettingsShellPath("/settings/members")).toBe(true);
-    expect(isSettingsShellPath("/settings/app")).toBe(true);
+    expect(isSettingsPathname("/settings")).toBe(true);
+    expect(isSettingsPathname("/settings/members")).toBe(true);
+    expect(isSettingsPathname("/settings/app")).toBe(true);
   });
 
   it("keeps the Dispatch chrome off Settings", () => {
-    expect(isSettingsShellPath("/admin")).toBe(false);
-    expect(isSettingsShellPath("/apps/mail/settings")).toBe(false);
+    expect(isSettingsPathname("/admin")).toBe(false);
+    expect(isSettingsPathname("/apps/mail/settings")).toBe(false);
   });
 });
 
@@ -748,8 +769,8 @@ describe("chat-first surface panel toggle stacking", () => {
   it("keeps the toggle above the mobile full-screen surface panel overlay", async () => {
     const { ChatFirstSurfacePanelToggle: RealChatFirstSurfacePanelToggle } =
       await vi.importActual<
-        typeof import("@agent-native/core/client/agent-chat")
-      >("@agent-native/core/client/agent-chat");
+        typeof import("@agent-native/toolkit/app/chat/chat-first")
+      >("@agent-native/toolkit/app/chat/chat-first");
     const { ChatFirstSurfacePanel } =
       await import("@agent-native/toolkit/app/chat/chat-first");
 

package/src/components/workspace-app-chat-rail.spec.tsx

@@ -10,7 +10,7 @@ const railState = vi.hoisted(() => ({
   mutateAsync: vi.fn().mockResolvedValue({ startUrl: "about:blank" }),
 }));
 
-vi.mock("@agent-native/core/client/agent-chat", () => ({
+vi.mock("@agent-native/toolkit/app/chat", () => ({
   AgentSidebar: (props: Record<string, unknown>) => {
     railState.sidebarProps.push(props);
     return (

package/src/routes/pages/browser-chat.spec.tsx

@@ -12,7 +12,7 @@ const browserChat = vi.hoisted(() => ({
   surfaceProps: null as Record<string, unknown> | null,
 }));
 
-vi.mock("@agent-native/core/client/agent-chat", () => ({
+vi.mock("@agent-native/toolkit/app/chat", () => ({
   AgentChatSurface: (props: Record<string, unknown>) => {
     browserChat.surfaceProps = props;
     return <div data-testid="browser-agent-chat" />;

package/src/routes/pages/settings-page.tsx

@@ -0,0 +1,250 @@
+import {
+  CHAT_FIRST_MODE_CHANGED_EVENT,
+  readChatFirstModeState,
+  writeChatFirstMode,
+} from "@agent-native/core/client/agent-chat";
+import {
+  useFeatureFlag,
+  useFeatureFlagState,
+} from "@agent-native/core/client/feature-flags";
+import { useT } from "@agent-native/core/client/i18n";
+import { SETTINGS_REDESIGN_FLAG } from "@agent-native/core/feature-flags/registry";
+import { ChangelogSettingsCard } from "@agent-native/toolkit/app/changelog";
+import { OrgMembersPage, TeamPage } from "@agent-native/toolkit/app/org";
+import {
+  AccountSettingsCard,
+  CORE_SETTINGS_PAGES,
+  registerSettingsPages,
+  SettingsGroup,
+  SettingsRow,
+  SettingsTabsPage,
+  useAgentSettingsTabs,
+  type SettingsSearchEntry,
+} from "@agent-native/toolkit/app/settings";
+import { LanguagePicker } from "@agent-native/toolkit/app/shared";
+import { IconShield } from "@tabler/icons-react";
+import { useMemo, useState } from "react";
+import { Link } from "react-router";
+
+import { Button } from "../../components/ui/button";
+import { Switch } from "../../components/ui/switch";
+import { dispatchAccessDescriptor } from "../../shared/app-roles.js";
+import { DISPATCH_CONNECT_APPS_FLAG } from "../../shared/feature-flags.js";
+
+const coreMembersPage = CORE_SETTINGS_PAGES.find(
+  (page) => page.id === "members",
+);
+if (!coreMembersPage) {
+  throw new Error("Core Settings has no members page for Dispatch app roles");
+}
+
+function DispatchMembersSettingsPage() {
+  return <OrgMembersPage appRoles={dispatchAccessDescriptor} />;
+}
+
+// The redesigned Settings shows Members from core; Dispatch's replaces it so
+// the app-role column stays.
+registerSettingsPages([
+  { ...coreMembersPage, component: DispatchMembersSettingsPage },
+]);
+
+export function meta() {
+  return [{ title: "Settings - Dispatch" }];
+}
+
+export interface DispatchSettingsPageProps {
+  /** Raw CHANGELOG.md behind What's new. */
+  changelog: string;
+}
+
+/** The template route supplies the app's own changelog. */
+export function DispatchSettingsPage({ changelog }: DispatchSettingsPageProps) {
+  const t = useT();
+  const connectAppsEnabled = useFeatureFlag(DISPATCH_CONNECT_APPS_FLAG.key);
+  // Core Preferences owns the interface language in the redesigned Settings,
+  // whose Dispatch General page shows `generalGroups` instead of `general`.
+  const redesign = useFeatureFlagState(SETTINGS_REDESIGN_FLAG.key).enabled;
+  const agentSettingsTabs = useAgentSettingsTabs({
+    usageAppId: "dispatch",
+    usageViewAllHref: "/admin/metrics",
+    organizationContent: (
+      <div className="mx-auto w-full max-w-3xl">
+        <TeamPage
+          showTitle={false}
+          appRoles={dispatchAccessDescriptor}
+          createOrgDescription="Set up a team to share dispatch destinations and approvals with your colleagues."
+        />
+      </div>
+    ),
+  });
+  const settingsTabs = [
+    ...agentSettingsTabs,
+    {
+      id: "admin",
+      label: t("dispatch.nav.admin", { defaultValue: "Admin" }),
+      icon: IconShield,
+      group: "Admin",
+      href: "/admin",
+      content: null,
+    },
+  ];
+  const [chatFirstModeState] = useState(() => readChatFirstModeState());
+  const [chatFirstMode, setChatFirstMode] = useState(
+    () => chatFirstModeState.enabled,
+  );
+  const [chatFirstStorageNotice, setChatFirstStorageNotice] = useState<
+    string | null
+  >(
+    chatFirstModeState.availability === "unavailable"
+      ? t("settings.chatFirstStorageUnavailable")
+      : null,
+  );
+
+  function updateChatFirstMode(enabled: boolean) {
+    const result = writeChatFirstMode(enabled);
+    if (!result.ok) {
+      setChatFirstStorageNotice(t("settings.chatFirstStorageBlocked"));
+      return;
+    }
+    setChatFirstStorageNotice(null);
+    setChatFirstMode(enabled);
+    window.dispatchEvent(
+      new CustomEvent(CHAT_FIRST_MODE_CHANGED_EVENT, {
+        detail: { enabled },
+      }),
+    );
+  }
+
+  const generalSearchEntries = useMemo<SettingsSearchEntry[]>(
+    () => [
+      ...(redesign
+        ? []
+        : [
+            {
+              id: "dispatch-language",
+              label: t("settings.languageTitle"),
+              keywords: "language locale translation i18n",
+              hash: "language",
+            },
+          ]),
+      {
+        id: "dispatch-workspace",
+        label: redesign
+          ? t("settings.resourcesTitle")
+          : t("settings.workspaceTitle"),
+        keywords: "workspace resources integrations vault destinations",
+        hash: "workspace-resources",
+      },
+      {
+        id: "dispatch-chat-first",
+        label: t("settings.chatFirstTitle"),
+        keywords: "chat first codex t3 apps pane navigation",
+        hash: "chat-first",
+      },
+    ],
+    [redesign, t],
+  );
+
+  const chatFirstSwitch = (
+    <Switch
+      aria-label={t("settings.chatFirstAriaLabel")}
+      checked={chatFirstMode}
+      onCheckedChange={updateChatFirstMode}
+    />
+  );
+  const chatFirstStorageAlert = chatFirstStorageNotice ? (
+    <p className="text-sm text-destructive" role="alert">
+      {chatFirstStorageNotice}
+    </p>
+  ) : null;
+  const connectAppsRow = connectAppsEnabled ? (
+    <SettingsRow
+      id="connect-apps"
+      label={t("settings.connectApps")}
+      description={t("settings.connectAppsDescription")}
+      control={
+        <Button variant="outline" asChild>
+          <Link to="/connect">{t("settings.openConnectApps")}</Link>
+        </Button>
+      }
+    />
+  ) : null;
+  const resourceSettingsButton = (
+    <Button variant="outline" asChild>
+      <Link to="/workspace">{t("settings.openResourceSettings")}</Link>
+    </Button>
+  );
+
+  return (
+    <SettingsTabsPage
+      account={<AccountSettingsCard />}
+      extraTabs={settingsTabs}
+      generalSearchEntries={generalSearchEntries}
+      general={
+        <div className="mx-auto w-full max-w-2xl space-y-6">
+          <p className="text-sm leading-6 text-muted-foreground">
+            {t("settings.description")}
+          </p>
+
+          <SettingsGroup>
+            <SettingsRow
+              id="language"
+              label={t("settings.languageTitle")}
+              description={t("settings.languageDescription")}
+              control={
+                <div className="w-56">
+                  <LanguagePicker label={t("settings.languageLabel")} />
+                </div>
+              }
+            />
+            <SettingsRow
+              id="workspace-resources"
+              label={t("settings.workspaceTitle")}
+              description={t("settings.workspaceDescription")}
+              control={resourceSettingsButton}
+            />
+            {connectAppsRow}
+          </SettingsGroup>
+
+          <SettingsGroup id="chat-first">
+            <SettingsRow
+              label={t("settings.chatFirstTitle")}
+              description={t("settings.chatFirstDescription")}
+              control={chatFirstSwitch}
+            >
+              <p className="text-sm leading-6 text-muted-foreground">
+                {t("settings.chatFirstSessionWatchDescription")}
+              </p>
+              {chatFirstStorageAlert}
+            </SettingsRow>
+          </SettingsGroup>
+        </div>
+      }
+      generalGroups={
+        <SettingsGroup id="workspace" title={t("settings.workspaceTitle")}>
+          <SettingsRow
+            id="chat-first"
+            label={t("settings.chatFirstTitle")}
+            description={t("settings.chatFirstDescription")}
+            control={chatFirstSwitch}
+          >
+            {chatFirstStorageAlert}
+          </SettingsRow>
+          <SettingsRow
+            id="workspace-resources"
+            label={t("settings.resourcesTitle")}
+            description={t("settings.workspaceDescription")}
+            control={resourceSettingsButton}
+          />
+          {connectAppsRow}
+        </SettingsGroup>
+      }
+      whatsNew={
+        <div className="mx-auto w-full max-w-2xl">
+          <ChangelogSettingsCard markdown={changelog} />
+        </div>
+      }
+      whatsNewMarkdown={changelog}
+    />
+  );
+}

package/src/routes/pages/settings.tsx

@@ -1,257 +1,9 @@
-import {
-  CHAT_FIRST_MODE_CHANGED_EVENT,
-  readChatFirstModeState,
-  writeChatFirstMode,
-} from "@agent-native/core/client/agent-chat";
-import {
-  useFeatureFlag,
-  useFeatureFlagState,
-} from "@agent-native/core/client/feature-flags";
-import { useT } from "@agent-native/core/client/i18n";
-import { SETTINGS_REDESIGN_FLAG } from "@agent-native/core/feature-flags/registry";
-import { ChangelogSettingsCard } from "@agent-native/toolkit/app/changelog";
-import { OrgMembersPage, TeamPage } from "@agent-native/toolkit/app/org";
-import {
-  AccountSettingsCard,
-  CORE_SETTINGS_PAGES,
-  registerSettingsPages,
-  SettingsGroup,
-  SettingsRow,
-  SettingsTabsPage,
-  useAgentSettingsTabs,
-  type SettingsSearchEntry,
-} from "@agent-native/toolkit/app/settings";
-import { LanguagePicker } from "@agent-native/toolkit/app/shared";
-import { IconShield } from "@tabler/icons-react";
-import { useMemo, useState } from "react";
-import { Link } from "react-router";
-
 import packageChangelog from "../../../CHANGELOG.md?raw";
-import { Button } from "../../components/ui/button";
-import { Switch } from "../../components/ui/switch";
-import { dispatchAccessDescriptor } from "../../shared/app-roles.js";
-import { DISPATCH_CONNECT_APPS_FLAG } from "../../shared/feature-flags.js";
-
-const coreMembersPage = CORE_SETTINGS_PAGES.find(
-  (page) => page.id === "members",
-);
-if (!coreMembersPage) {
-  throw new Error("Core Settings has no members page for Dispatch app roles");
-}
-
-function DispatchMembersSettingsPage() {
-  return <OrgMembersPage appRoles={dispatchAccessDescriptor} />;
-}
+import { DispatchSettingsPage } from "./settings-page.js";
 
-// The redesigned Settings shows Members from core; Dispatch's replaces it so
-// the app-role column stays.
-registerSettingsPages([
-  { ...coreMembersPage, component: DispatchMembersSettingsPage },
-]);
-
-export function meta() {
-  return [{ title: "Settings - Dispatch" }];
-}
-
-export interface DispatchSettingsPageProps {
-  /** Raw CHANGELOG.md behind What's new. */
-  changelog: string;
-}
-
-/**
- * Dispatch's Settings. The template route renders it with the app's own
- * changelog; `dispatchRoutes` consumers get the default export.
- */
-export function DispatchSettingsPage({ changelog }: DispatchSettingsPageProps) {
-  const t = useT();
-  const connectAppsEnabled = useFeatureFlag(DISPATCH_CONNECT_APPS_FLAG.key);
-  // Core Preferences owns the interface language in the redesigned Settings,
-  // whose Dispatch General page shows `generalGroups` instead of `general`.
-  const redesign = useFeatureFlagState(SETTINGS_REDESIGN_FLAG.key).enabled;
-  const agentSettingsTabs = useAgentSettingsTabs({
-    usageAppId: "dispatch",
-    usageViewAllHref: "/admin/metrics",
-    organizationContent: (
-      <div className="mx-auto w-full max-w-3xl">
-        <TeamPage
-          showTitle={false}
-          appRoles={dispatchAccessDescriptor}
-          createOrgDescription="Set up a team to share dispatch destinations and approvals with your colleagues."
-        />
-      </div>
-    ),
-  });
-  const settingsTabs = [
-    ...agentSettingsTabs,
-    {
-      id: "admin",
-      label: t("dispatch.nav.admin", { defaultValue: "Admin" }),
-      icon: IconShield,
-      group: "Admin",
-      href: "/admin",
-      content: null,
-    },
-  ];
-  const [chatFirstModeState] = useState(() => readChatFirstModeState());
-  const [chatFirstMode, setChatFirstMode] = useState(
-    () => chatFirstModeState.enabled,
-  );
-  const [chatFirstStorageNotice, setChatFirstStorageNotice] = useState<
-    string | null
-  >(
-    chatFirstModeState.availability === "unavailable"
-      ? t("settings.chatFirstStorageUnavailable")
-      : null,
-  );
-
-  function updateChatFirstMode(enabled: boolean) {
-    const result = writeChatFirstMode(enabled);
-    if (!result.ok) {
-      setChatFirstStorageNotice(t("settings.chatFirstStorageBlocked"));
-      return;
-    }
-    setChatFirstStorageNotice(null);
-    setChatFirstMode(enabled);
-    window.dispatchEvent(
-      new CustomEvent(CHAT_FIRST_MODE_CHANGED_EVENT, {
-        detail: { enabled },
-      }),
-    );
-  }
-
-  const generalSearchEntries = useMemo<SettingsSearchEntry[]>(
-    () => [
-      ...(redesign
-        ? []
-        : [
-            {
-              id: "dispatch-language",
-              label: t("settings.languageTitle"),
-              keywords: "language locale translation i18n",
-              hash: "language",
-            },
-          ]),
-      {
-        id: "dispatch-workspace",
-        label: redesign
-          ? t("settings.resourcesTitle")
-          : t("settings.workspaceTitle"),
-        keywords: "workspace resources integrations vault destinations",
-        hash: "workspace-resources",
-      },
-      {
-        id: "dispatch-chat-first",
-        label: t("settings.chatFirstTitle"),
-        keywords: "chat first codex t3 apps pane navigation",
-        hash: "chat-first",
-      },
-    ],
-    [redesign, t],
-  );
-
-  const chatFirstSwitch = (
-    <Switch
-      aria-label={t("settings.chatFirstAriaLabel")}
-      checked={chatFirstMode}
-      onCheckedChange={updateChatFirstMode}
-    />
-  );
-  const chatFirstStorageAlert = chatFirstStorageNotice ? (
-    <p className="text-sm text-destructive" role="alert">
-      {chatFirstStorageNotice}
-    </p>
-  ) : null;
-  const connectAppsRow = connectAppsEnabled ? (
-    <SettingsRow
-      id="connect-apps"
-      label={t("settings.connectApps")}
-      description={t("settings.connectAppsDescription")}
-      control={
-        <Button variant="outline" asChild>
-          <Link to="/connect">{t("settings.openConnectApps")}</Link>
-        </Button>
-      }
-    />
-  ) : null;
-  const resourceSettingsButton = (
-    <Button variant="outline" asChild>
-      <Link to="/workspace">{t("settings.openResourceSettings")}</Link>
-    </Button>
-  );
-
-  return (
-    <SettingsTabsPage
-      account={<AccountSettingsCard />}
-      extraTabs={settingsTabs}
-      generalSearchEntries={generalSearchEntries}
-      general={
-        <div className="mx-auto w-full max-w-2xl space-y-6">
-          <p className="text-sm leading-6 text-muted-foreground">
-            {t("settings.description")}
-          </p>
-
-          <SettingsGroup>
-            <SettingsRow
-              id="language"
-              label={t("settings.languageTitle")}
-              description={t("settings.languageDescription")}
-              control={
-                <div className="w-56">
-                  <LanguagePicker label={t("settings.languageLabel")} />
-                </div>
-              }
-            />
-            <SettingsRow
-              id="workspace-resources"
-              label={t("settings.workspaceTitle")}
-              description={t("settings.workspaceDescription")}
-              control={resourceSettingsButton}
-            />
-            {connectAppsRow}
-          </SettingsGroup>
-
-          <SettingsGroup id="chat-first">
-            <SettingsRow
-              label={t("settings.chatFirstTitle")}
-              description={t("settings.chatFirstDescription")}
-              control={chatFirstSwitch}
-            >
-              <p className="text-sm leading-6 text-muted-foreground">
-                {t("settings.chatFirstSessionWatchDescription")}
-              </p>
-              {chatFirstStorageAlert}
-            </SettingsRow>
-          </SettingsGroup>
-        </div>
-      }
-      generalGroups={
-        <SettingsGroup id="workspace" title={t("settings.workspaceTitle")}>
-          <SettingsRow
-            id="chat-first"
-            label={t("settings.chatFirstTitle")}
-            description={t("settings.chatFirstDescription")}
-            control={chatFirstSwitch}
-          >
-            {chatFirstStorageAlert}
-          </SettingsRow>
-          <SettingsRow
-            id="workspace-resources"
-            label={t("settings.resourcesTitle")}
-            description={t("settings.workspaceDescription")}
-            control={resourceSettingsButton}
-          />
-          {connectAppsRow}
-        </SettingsGroup>
-      }
-      whatsNew={
-        <div className="mx-auto w-full max-w-2xl">
-          <ChangelogSettingsCard markdown={changelog} />
-        </div>
-      }
-      whatsNewMarkdown={changelog}
-    />
-  );
-}
+export { DispatchSettingsPage };
+export type { DispatchSettingsPageProps } from "./settings-page.js";
+export { meta } from "./settings-page.js";
 
 export default function SettingsRoute() {
   return <DispatchSettingsPage changelog={packageChangelog} />;