@agent-native/dispatch 0.40.0 → 0.40.3

package/src/routes/pages/settings.tsx

@@ -1,189 +1,9 @@
-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,
-  type SettingsSearchEntry,
-} from "@agent-native/core/client/settings";
-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} />;
-}
-
-// 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" }];
-}
+import { DispatchSettingsPage } from "./settings-page.js";
 
-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);
-  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[]>(
-    () => [
-      {
-        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 = (
-    <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
-      extraTabs={settingsTabs}
-      generalSearchEntries={generalSearchEntries}
-      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>
-      }
-      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} />;

package/src/routes/pages/tools.$id.tsx

@@ -1,4 +1,4 @@
-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/src/routes/pages/tools._index.tsx

@@ -1,4 +1,4 @@
-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/src/routes/pages/vault.tsx

@@ -7,7 +7,7 @@ import { useOrgRole } from "@agent-native/core/client/org";
 import {
   NewKeyMenu,
   type NewKeyOption,
-} from "@agent-native/core/client/settings";
+} from "@agent-native/toolkit/app/settings";
 import {
   IconChevronDown,
   IconChevronRight,

package/src/shared/app-roles.ts

@@ -1,4 +1,4 @@
-import type { AppRolesDescriptor } from "@agent-native/core/client/org";
+import type { AppRolesDescriptor } from "@agent-native/core/org/app-roles";
 
 export const dispatchAccessDescriptor = {
   appId: "dispatch",