@agent-native/dispatch 0.40.0 → 0.40.3

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":"AA4CA,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,mDAgI5E;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,92 +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 } from "@agent-native/core/client/feature-flags";
-import { useT } from "@agent-native/core/client/i18n";
-import { OrgMembersPage, TeamPage } from "@agent-native/core/client/org";
-import { CORE_SETTINGS_PAGES, registerSettingsPages, SettingsGroup, SettingsRow, SettingsTabsPage, useAgentSettingsTabs, } from "@agent-native/core/client/settings";
-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 });
-}
-// 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);
-    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(() => [
-        {
-            id: "dispatch-workspace",
-            label: t("settings.resourcesTitle"),
-            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",
-        },
-    ], [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, { extraTabs: settingsTabs, generalSearchEntries: generalSearchEntries, 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] }), 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 { useFeatureFlag } from \"@agent-native/core/client/feature-flags\";\nimport { useT } from \"@agent-native/core/client/i18n\";\nimport { OrgMembersPage, TeamPage } from \"@agent-native/core/client/org\";\nimport {\n  CORE_SETTINGS_PAGES,\n  registerSettingsPages,\n  SettingsGroup,\n  SettingsRow,\n  SettingsTabsPage,\n  useAgentSettingsTabs,\n  type SettingsSearchEntry,\n} from \"@agent-native/core/client/settings\";\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// Settings shows Members from core; Dispatch's replaces it so the app-role\n// 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  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      {\n        id: \"dispatch-workspace\",\n        label: t(\"settings.resourcesTitle\"),\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    [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      extraTabs={settingsTabs}\n      generalSearchEntries={generalSearchEntries}\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      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/dist/routes/pages/tools.$id.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { ToolViewerPage } from "@agent-native/core/client/tools";
+import { ToolViewerPage } from "@agent-native/toolkit/app/extensions";
 export function meta() {
     return [{ title: "Extension \u2014 Dispatch" }];
 }

package/dist/routes/pages/tools.$id.js.map

@@ -1 +1 @@
-{"version":3,"file":"tools.$id.js","sourceRoot":"","sources":["../../../src/routes/pages/tools.$id.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAEjE,MAAM,UAAU,IAAI;IAClB,OAAO,CAAC,EAAE,KAAK,EAAE,2BAA2B,EAAE,CAAC,CAAC;AAClD,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,eAAe;IACrC,OAAO,KAAC,cAAc,KAAG,CAAC;AAC5B,CAAC","sourcesContent":["import { ToolViewerPage } from \"@agent-native/core/client/tools\";\n\nexport function meta() {\n  return [{ title: \"Extension \\u2014 Dispatch\" }];\n}\n\nexport default function ToolViewerRoute() {\n  return <ToolViewerPage />;\n}\n"]}
+{"version":3,"file":"tools.$id.js","sourceRoot":"","sources":["../../../src/routes/pages/tools.$id.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AAEtE,MAAM,UAAU,IAAI;IAClB,OAAO,CAAC,EAAE,KAAK,EAAE,2BAA2B,EAAE,CAAC,CAAC;AAClD,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,eAAe;IACrC,OAAO,KAAC,cAAc,KAAG,CAAC;AAC5B,CAAC","sourcesContent":["import { ToolViewerPage } from \"@agent-native/toolkit/app/extensions\";\n\nexport function meta() {\n  return [{ title: \"Extension \\u2014 Dispatch\" }];\n}\n\nexport default function ToolViewerRoute() {\n  return <ToolViewerPage />;\n}\n"]}

package/dist/routes/pages/tools._index.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { ToolsListPage } from "@agent-native/core/client/tools";
+import { ToolsListPage } from "@agent-native/toolkit/app/extensions";
 export function meta() {
     return [{ title: "Extensions \u2014 Dispatch" }];
 }

package/dist/routes/pages/tools._index.js.map

@@ -1 +1 @@
-{"version":3,"file":"tools._index.js","sourceRoot":"","sources":["../../../src/routes/pages/tools._index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAEhE,MAAM,UAAU,IAAI;IAClB,OAAO,CAAC,EAAE,KAAK,EAAE,4BAA4B,EAAE,CAAC,CAAC;AACnD,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,UAAU;IAChC,OAAO,KAAC,aAAa,KAAG,CAAC;AAC3B,CAAC","sourcesContent":["import { ToolsListPage } from \"@agent-native/core/client/tools\";\n\nexport function meta() {\n  return [{ title: \"Extensions \\u2014 Dispatch\" }];\n}\n\nexport default function ToolsRoute() {\n  return <ToolsListPage />;\n}\n"]}
+{"version":3,"file":"tools._index.js","sourceRoot":"","sources":["../../../src/routes/pages/tools._index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAErE,MAAM,UAAU,IAAI;IAClB,OAAO,CAAC,EAAE,KAAK,EAAE,4BAA4B,EAAE,CAAC,CAAC;AACnD,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,UAAU;IAChC,OAAO,KAAC,aAAa,KAAG,CAAC;AAC3B,CAAC","sourcesContent":["import { ToolsListPage } from \"@agent-native/toolkit/app/extensions\";\n\nexport function meta() {\n  return [{ title: \"Extensions \\u2014 Dispatch\" }];\n}\n\nexport default function ToolsRoute() {\n  return <ToolsListPage />;\n}\n"]}

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

@@ -1,4 +1,4 @@
-import { type NewKeyOption } from "@agent-native/core/client/settings";
+import { type NewKeyOption } from "@agent-native/toolkit/app/settings";
 export declare function meta(): {
     title: string;
 }[];

package/dist/routes/pages/vault.js

@@ -2,7 +2,7 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
 import { agentNativePath } from "@agent-native/core/client/api-path";
 import { useActionMutation, useActionQuery, } from "@agent-native/core/client/hooks";
 import { useOrgRole } from "@agent-native/core/client/org";
-import { NewKeyMenu, } from "@agent-native/core/client/settings";
+import { NewKeyMenu, } from "@agent-native/toolkit/app/settings";
 import { IconChevronDown, IconChevronRight, IconEdit, IconKey, IconPlus, IconRefresh, IconTrash, IconX, } from "@tabler/icons-react";
 import { useEffect, useMemo, useState } from "react";
 import { toast } from "sonner";