@agent-native/dispatch 0.15.1 → 0.15.3

package/src/components/app-keys-popover.tsx

@@ -1,4 +1,7 @@
-import { useActionMutation, useActionQuery } from "@agent-native/core/client";
+import {
+  useActionMutation,
+  useActionQuery,
+} from "@agent-native/core/client/hooks";
 import {
   IconCheck,
   IconLoader2,

package/src/components/create-app-popover.tsx

@@ -1,11 +1,11 @@
+import { sendToAgentChat } from "@agent-native/core/client/agent-chat";
+import { useDevMode } from "@agent-native/core/client/agent-chat";
 import {
-  PromptComposer,
   agentNativePath,
   appBasePath,
-  isInBuilderFrame,
-  sendToAgentChat,
-  useDevMode,
-} from "@agent-native/core/client";
+} from "@agent-native/core/client/api-path";
+import { PromptComposer } from "@agent-native/core/client/composer";
+import { isInBuilderFrame } from "@agent-native/core/client/host";
 import { getWorkspaceAppIdValidationError } from "@agent-native/core/shared";
 import {
   IconArrowLeft,

package/src/components/dispatch-control-plane.spec.tsx

@@ -11,7 +11,16 @@ const clientState = vi.hoisted(() => ({
   navigateWithTransition: vi.fn(),
 }));
 
-vi.mock("@agent-native/core/client", () => ({
+vi.mock("@agent-native/core/client/agent-chat", () => ({
+  navigateWithAgentChatViewTransition: (
+    navigate: unknown,
+    path: string,
+    options?: unknown,
+  ) => clientState.navigateWithTransition(navigate, path, options),
+  useChatModels: () => ({ selectedModel: "auto" }),
+}));
+
+vi.mock("@agent-native/core/client/composer", () => ({
   PromptComposer: ({
     onSubmit,
     placeholder,
@@ -27,19 +36,22 @@ vi.mock("@agent-native/core/client", () => ({
       Composer
     </button>
   ),
-  isInBuilderFrame: () => false,
-  navigateWithAgentChatViewTransition: (
-    navigate: unknown,
-    path: string,
-    options?: unknown,
-  ) => clientState.navigateWithTransition(navigate, path, options),
+}));
+
+vi.mock("@agent-native/core/client/hooks", () => ({
   useActionQuery: () => ({
     data: [],
     isLoading: false,
     isError: false,
     refetch: vi.fn(),
   }),
-  useChatModels: () => ({ selectedModel: "auto" }),
+}));
+
+vi.mock("@agent-native/core/client/host", () => ({
+  isInBuilderFrame: () => false,
+}));
+
+vi.mock("@agent-native/core/client/i18n", () => ({
   useT: () => (key: string, values?: { defaultValue?: string }) =>
     values?.defaultValue ?? key,
 }));

package/src/components/dispatch-control-plane.tsx

@@ -1,11 +1,11 @@
 import {
-  PromptComposer,
-  isInBuilderFrame,
   navigateWithAgentChatViewTransition,
-  useActionQuery,
   useChatModels,
-  useT,
-} from "@agent-native/core/client";
+} from "@agent-native/core/client/agent-chat";
+import { PromptComposer } from "@agent-native/core/client/composer";
+import { useActionQuery } from "@agent-native/core/client/hooks";
+import { isInBuilderFrame } from "@agent-native/core/client/host";
+import { useT } from "@agent-native/core/client/i18n";
 import { IconArrowUpRight } from "@tabler/icons-react";
 import type { ReactNode } from "react";
 import { Link, useNavigate } from "react-router";

package/src/components/dispatch-shell.tsx

@@ -1,4 +1,4 @@
-import { useT } from "@agent-native/core/client";
+import { useT } from "@agent-native/core/client/i18n";
 import { IconInfoCircle } from "@tabler/icons-react";
 import { type ReactNode } from "react";
 

package/src/components/layout/Header.tsx

@@ -1,4 +1,5 @@
-import { AgentToggleButton, LanguagePicker } from "@agent-native/core/client";
+import { AgentToggleButton } from "@agent-native/core/client/agent-chat";
+import { LanguagePicker } from "@agent-native/core/client/i18n";
 import { RunsTray } from "@agent-native/core/client/progress";
 import { IconLayoutSidebar } from "@tabler/icons-react";
 import { useLocation, useNavigate } from "react-router";

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

@@ -13,17 +13,13 @@ const clientState = vi.hoisted(() => ({
   threads: [] as Array<Record<string, unknown>>,
 }));
 
-vi.mock("@agent-native/core/client", () => ({
+vi.mock("@agent-native/core/client/agent-chat", () => ({
   AgentSidebar: ({ children }: { children: React.ReactNode }) => children,
-  FeedbackButton: () => <div>Feedback</div>,
-  appBasePath: () => "",
-  appPath: (path: string) => path,
   focusAgentChat: vi.fn(),
   navigateWithAgentChatViewTransition: (
     navigate: (path: string) => void,
     path: string,
   ) => navigate(path),
-  useActionQuery: () => ({ data: undefined }),
   useAgentChatHomeHandoff: () => false,
   useAgentChatHomeHandoffLinks: vi.fn(),
   useChatThreads: () => ({
@@ -35,9 +31,18 @@ vi.mock("@agent-native/core/client", () => ({
     renameThread: vi.fn(),
     refreshThreads: vi.fn(),
   }),
-  useFormatters: () => ({
-    formatDate: () => "Jan 1",
-  }),
+}));
+
+vi.mock("@agent-native/core/client/api-path", () => ({
+  appBasePath: () => "",
+  appPath: (path: string) => path,
+}));
+
+vi.mock("@agent-native/core/client/hooks", () => ({
+  useActionQuery: () => ({ data: undefined }),
+}));
+
+vi.mock("@agent-native/core/client/i18n", () => ({
   useT: () => (key: string, values?: Record<string, unknown>) => {
     const messages: Record<string, string> = {
       "dispatch.nav.chat": "Chat",
@@ -57,6 +62,10 @@ vi.mock("@agent-native/core/client", () => ({
   },
 }));
 
+vi.mock("@agent-native/core/client/ui", () => ({
+  FeedbackButton: () => <div>Feedback</div>,
+}));
+
 vi.mock("@agent-native/core/client/extensions", () => ({
   ExtensionsSidebarSection: () => <div>Extensions</div>,
 }));
@@ -159,7 +168,7 @@ describe("Dispatch NavContent", () => {
     expect(lists[0].querySelector("a")?.className).toContain("h-8 w-8");
   });
 
-  it("uses the quieter Analytics-style chat history and retains thread actions", async () => {
+  it("uses the shared chat history rail and retains thread actions", async () => {
     await act(async () => {
       root.render(
         <MemoryRouter initialEntries={["/chat/active-thread"]}>
@@ -175,18 +184,14 @@ describe("Dispatch NavContent", () => {
     expect(container.textContent).toContain("Earlier Dispatch work");
     expect(container.textContent).toContain("New chat");
     expect(container.textContent).toContain("5m");
-    const age = [...container.querySelectorAll("time")].find(
+    const age = [...container.querySelectorAll("span")].find(
       (element) => element.textContent === "5m",
     );
-    expect(age?.className).toContain("w-8");
-    expect(age?.className).toContain("shrink-0");
-    expect(age?.className).toContain("whitespace-nowrap");
-    expect(age?.className).toContain("tabular-nums");
-    expect(
-      [...container.querySelectorAll("div")].some((element) =>
-        element.className.includes("group/item"),
-      ),
-    ).toBe(true);
+    expect(age?.className).toContain("an-chat-history-row__timestamp");
+    const historyList = container.querySelector(
+      '[data-agent-native="chat-history-list"]',
+    );
+    expect(historyList?.className).toContain("an-chat-history--rail");
     expect(
       container.querySelector('img[src="/agent-native-icon-light.svg"]')
         ?.parentElement?.className,

package/src/components/layout/Layout.tsx

@@ -1,19 +1,22 @@
 import {
   AgentSidebar,
-  FeedbackButton,
-  appBasePath,
-  appPath,
   focusAgentChat,
   navigateWithAgentChatViewTransition,
-  useActionQuery,
   useAgentChatHomeHandoff,
   useAgentChatHomeHandoffLinks,
   useChatThreads,
-  useT,
   type ChatThreadSummary,
-} from "@agent-native/core/client";
+} from "@agent-native/core/client/agent-chat";
+import { appBasePath, appPath } from "@agent-native/core/client/api-path";
 import { ExtensionsSidebarSection } from "@agent-native/core/client/extensions";
+import { useActionQuery } from "@agent-native/core/client/hooks";
+import { useT } from "@agent-native/core/client/i18n";
 import { InvitationBanner, OrgSwitcher } from "@agent-native/core/client/org";
+import { FeedbackButton } from "@agent-native/core/client/ui";
+import {
+  ChatHistoryList,
+  type ChatHistoryItem,
+} from "@agent-native/toolkit/chat-history";
 import {
   IconActivity,
   IconArrowUpRight,
@@ -23,8 +26,6 @@ import {
   IconBrandTelegram,
   IconKey,
   IconChevronDown,
-  IconDots,
-  IconEdit,
   IconLayersSubtract,
   IconMessageQuestion,
   IconMessages,
@@ -43,10 +44,8 @@ import {
 import {
   useEffect,
   useMemo,
-  useRef,
   useState,
   type ComponentType,
-  type FormEvent,
   type ReactNode,
 } from "react";
 import { NavLink, useLocation, useNavigate } from "react-router";
@@ -58,7 +57,6 @@ import {
   DropdownMenuItem,
   DropdownMenuTrigger,
 } from "../ui/dropdown-menu";
-import { Input } from "../ui/input";
 import { Sheet, SheetContent, SheetDescription, SheetTitle } from "../ui/sheet";
 import { Skeleton } from "../ui/skeleton";
 import { Tooltip, TooltipContent, TooltipTrigger } from "../ui/tooltip";
@@ -349,10 +347,6 @@ function DispatchChatsSection({ onNavigate }: { onNavigate?: () => void }) {
     renameThread,
     refreshThreads,
   } = useChatThreads(undefined, "dispatch", undefined, { autoCreate: false });
-  const [renamingThreadId, setRenamingThreadId] = useState<string | null>(null);
-  const [renameDraft, setRenameDraft] = useState("");
-  const renameInputRef = useRef<HTMLInputElement | null>(null);
-  const committingRenameRef = useRef(false);
 
   const visibleThreads = useMemo(
     () =>
@@ -364,6 +358,22 @@ function DispatchChatsSection({ onNavigate }: { onNavigate?: () => void }) {
         .slice(0, 8),
     [activeThreadId, threads],
   );
+  const localPathname = localDispatchPath(location.pathname);
+  const displayedActiveThreadId =
+    threadIdFromPath(localPathname) ??
+    (localPathname === "/chat" ? null : activeThreadId);
+  const chatItems: ChatHistoryItem[] = visibleThreads.map((thread) => {
+    const title = threadTitle(thread, t("dispatch.sidebar.newChat"));
+    return {
+      id: thread.id,
+      title: <span title={title}>{title}</span>,
+      titleText: title,
+      timestamp:
+        thread.id === displayedActiveThreadId
+          ? ""
+          : formatThreadAge(threadUpdatedAt(thread)),
+    };
+  });
 
   useEffect(() => {
     const refresh = () => refreshThreads();
@@ -384,14 +394,6 @@ function DispatchChatsSection({ onNavigate }: { onNavigate?: () => void }) {
     };
   }, [refreshThreads]);
 
-  useEffect(() => {
-    if (!renamingThreadId) return;
-    requestAnimationFrame(() => {
-      renameInputRef.current?.focus();
-      renameInputRef.current?.select();
-    });
-  }, [renamingThreadId]);
-
   function openThread(threadId: string, options?: { isNew?: boolean }) {
     switchThread(threadId);
     navigateWithAgentChatViewTransition(
@@ -415,35 +417,6 @@ function DispatchChatsSection({ onNavigate }: { onNavigate?: () => void }) {
     if (threadId) openThread(threadId, { isNew: true });
   }
 
-  function startRenameThread(thread: ChatThreadSummary) {
-    committingRenameRef.current = false;
-    setRenameDraft(threadTitle(thread, t("dispatch.sidebar.newChat")));
-    setRenamingThreadId(thread.id);
-  }
-
-  function cancelRenameThread() {
-    committingRenameRef.current = true;
-    setRenamingThreadId(null);
-    setRenameDraft("");
-  }
-
-  async function commitRenameThread() {
-    if (committingRenameRef.current) return;
-    const threadId = renamingThreadId;
-    const title = renameDraft.trim();
-    if (!threadId) return;
-    committingRenameRef.current = true;
-    setRenamingThreadId(null);
-    setRenameDraft("");
-    if (title) await renameThread(threadId, title);
-    committingRenameRef.current = false;
-  }
-
-  function handleRenameSubmit(event: FormEvent<HTMLFormElement>) {
-    event.preventDefault();
-    void commitRenameThread();
-  }
-
   return (
     <div className="ms-4 min-w-0 space-y-0.5">
       {chatsLoading &&
@@ -457,105 +430,28 @@ function DispatchChatsSection({ onNavigate }: { onNavigate?: () => void }) {
             <Skeleton className="h-3 w-3/4 rounded" />
           </div>
         ))}
-      {visibleThreads.map((thread) => {
-        const localPathname = localDispatchPath(location.pathname);
-        const isActive =
-          thread.id ===
-          (threadIdFromPath(localPathname) ??
-            (localPathname === "/chat" ? null : activeThreadId));
-        const isRenaming = thread.id === renamingThreadId;
-        const title = threadTitle(thread, t("dispatch.sidebar.newChat"));
-        return (
-          <div
-            key={thread.id}
-            className={cn(
-              "group/item relative flex min-w-0 items-center rounded-lg transition-colors",
-              isActive
-                ? "bg-sidebar-accent text-sidebar-accent-foreground"
-                : "text-muted-foreground hover:bg-sidebar-accent/50 hover:text-foreground",
-            )}
-          >
-            {isRenaming ? (
-              <form
-                onSubmit={handleRenameSubmit}
-                className="flex min-w-0 flex-1 items-center px-1"
-              >
-                <Input
-                  ref={renameInputRef}
-                  value={renameDraft}
-                  onChange={(event) => setRenameDraft(event.target.value)}
-                  onBlur={() => void commitRenameThread()}
-                  onKeyDown={(event) => {
-                    if (event.key === "Escape") {
-                      event.preventDefault();
-                      cancelRenameThread();
-                    }
-                  }}
-                  maxLength={160}
-                  aria-label={t("dispatch.sidebar.renameThread", { title })}
-                  className="h-6 min-w-0 rounded-sm border-sidebar-border bg-background px-1.5 text-xs"
-                />
-              </form>
-            ) : (
-              <>
-                <Tooltip>
-                  <TooltipTrigger asChild>
-                    <button
-                      type="button"
-                      onClick={() => openThread(thread.id)}
-                      className="flex min-w-0 flex-1 cursor-pointer items-center gap-2 px-2 py-1.5 pe-1 text-start text-xs outline-none focus-visible:ring-2 focus-visible:ring-ring"
-                    >
-                      <span className="block min-w-0 flex-1 truncate">
-                        {title}
-                      </span>
-                      <time className="w-8 shrink-0 whitespace-nowrap text-end text-[11px] tabular-nums text-muted-foreground/60 transition-opacity group-hover/item:opacity-0 group-focus-within/item:opacity-0">
-                        {isActive
-                          ? ""
-                          : formatThreadAge(threadUpdatedAt(thread))}
-                      </time>
-                    </button>
-                  </TooltipTrigger>
-                  <TooltipContent side="right">{title}</TooltipContent>
-                </Tooltip>
-                <div className="pointer-events-none absolute end-1 top-1/2 flex -translate-y-1/2 items-center gap-0.5">
-                  <DropdownMenu>
-                    <Tooltip>
-                      <TooltipTrigger asChild>
-                        <DropdownMenuTrigger asChild>
-                          <button
-                            type="button"
-                            aria-label={t("dispatch.sidebar.chatOptions", {
-                              title,
-                            })}
-                            className="pointer-events-auto rounded p-0.5 text-muted-foreground/50 opacity-0 transition-[color,opacity] hover:text-foreground focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring group-hover/item:opacity-100 group-focus-within/item:opacity-100 data-[state=open]:opacity-100 data-[state=open]:text-foreground"
-                          >
-                            <IconDots className="size-3" />
-                          </button>
-                        </DropdownMenuTrigger>
-                      </TooltipTrigger>
-                      <TooltipContent side="right">
-                        {t("dispatch.sidebar.chatOptions", { title })}
-                      </TooltipContent>
-                    </Tooltip>
-                    <DropdownMenuContent
-                      align="start"
-                      side="right"
-                      className="w-44"
-                    >
-                      <DropdownMenuItem
-                        onSelect={() => startRenameThread(thread)}
-                      >
-                        <IconEdit className="size-3.5" />
-                        {t("dispatch.sidebar.renameChat")}
-                      </DropdownMenuItem>
-                    </DropdownMenuContent>
-                  </DropdownMenu>
-                </div>
-              </>
-            )}
-          </div>
-        );
-      })}
+      {visibleThreads.length > 0 && (
+        <ChatHistoryList
+          items={chatItems}
+          activeId={displayedActiveThreadId}
+          onSelect={(threadId) => openThread(threadId)}
+          renameMaxLength={160}
+          onRename={(threadId, title) => void renameThread(threadId, title)}
+          labels={{
+            options: (item) =>
+              t("dispatch.sidebar.chatOptions", {
+                title: item.titleText ?? "",
+              }),
+            renameInput: (item) =>
+              t("dispatch.sidebar.renameThread", {
+                title: item.titleText ?? "",
+              }),
+            rename: t("dispatch.sidebar.renameChat"),
+          }}
+          variant="rail"
+          className="min-w-0"
+        />
+      )}
       <button
         type="button"
         onClick={() => void handleNewChat()}

package/src/components/messaging-setup-panel.spec.tsx

@@ -11,7 +11,7 @@ const clientState = vi.hoisted(() => ({
   envStatuses: [] as any[],
 }));
 
-vi.mock("@agent-native/core/client", () => ({
+vi.mock("@agent-native/core/client/integrations", () => ({
   disconnectManagedIntegrationInstallation: vi.fn(() => Promise.resolve()),
   listManagedIntegrationBudgets: vi.fn(() => Promise.resolve([])),
   listManagedIntegrationInstallations: vi.fn(() => Promise.resolve([])),
@@ -32,6 +32,9 @@ vi.mock("@agent-native/core/client", () => ({
   setIntegrationEnabled: vi.fn(),
   setupIntegration: vi.fn(),
   testManagedIntegrationInstallation: vi.fn(() => Promise.resolve()),
+}));
+
+vi.mock("@agent-native/core/client/i18n", () => ({
   useFormatters: () => ({
     formatDate: (value: Date | number | string) =>
       new Date(value).toLocaleDateString("en-US"),

package/src/components/messaging-setup-panel.tsx

@@ -1,3 +1,4 @@
+import { useFormatters, useT } from "@agent-native/core/client/i18n";
 import {
   disconnectManagedIntegrationInstallation,
   listManagedIntegrationBudgets,
@@ -18,9 +19,7 @@ import {
   type ClientIntegrationUsageBudget,
   type ClientIntegrationStatus,
   type IntegrationEnvStatus,
-  useFormatters,
-  useT,
-} from "@agent-native/core/client";
+} from "@agent-native/core/client/integrations";
 import {
   listBuiltInChannelIntegrations,
   type IntegrationCatalogEntry,

package/src/components/task-queue-health.tsx

@@ -1,4 +1,5 @@
-import { useChangeVersions, useT } from "@agent-native/core/client";
+import { useChangeVersions } from "@agent-native/core/client/hooks";
+import { useT } from "@agent-native/core/client/i18n";
 import { IconAlertTriangle, IconPlayerPlay } from "@tabler/icons-react";
 import { useQuery } from "@tanstack/react-query";
 

package/src/components/workspace-app-card.spec.tsx

@@ -6,7 +6,7 @@ import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
 import { TooltipProvider } from "./ui/tooltip";
 import { WorkspaceAppCard } from "./workspace-app-card";
 
-vi.mock("@agent-native/core/client", () => ({
+vi.mock("@agent-native/core/client/hooks", () => ({
   useActionMutation: () => ({ mutate: vi.fn(), isPending: false }),
   useActionQuery: () => ({
     data: { resources: [], counts: {} },

package/src/components/workspace-app-card.tsx

@@ -1,4 +1,7 @@
-import { useActionMutation, useActionQuery } from "@agent-native/core/client";
+import {
+  useActionMutation,
+  useActionQuery,
+} from "@agent-native/core/client/hooks";
 import {
   IconChevronDown,
   IconChevronRight,

package/src/components/workspace-resource-effective-stack.spec.tsx

@@ -14,7 +14,7 @@ const queryState = vi.hoisted(() => ({
   calls: [] as any[],
 }));
 
-vi.mock("@agent-native/core/client", () => ({
+vi.mock("@agent-native/core/client/hooks", () => ({
   useActionQuery: (...args: any[]) => {
     queryState.calls.push(args);
     return queryState.result;

package/src/components/workspace-resource-effective-stack.tsx

@@ -1,4 +1,4 @@
-import { useActionQuery } from "@agent-native/core/client";
+import { useActionQuery } from "@agent-native/core/client/hooks";
 
 import { cn } from "../lib/utils";
 import { ActionQueryError } from "./action-query-error";

package/src/components/workspace-resource-impact-preview.spec.tsx

@@ -13,7 +13,7 @@ const queryState = vi.hoisted(() => ({
   calls: [] as any[],
 }));
 
-vi.mock("@agent-native/core/client", () => ({
+vi.mock("@agent-native/core/client/hooks", () => ({
   useActionQuery: (...args: any[]) => {
     queryState.calls.push(args);
     return queryState.result;

package/src/components/workspace-resource-impact-preview.tsx

@@ -1,4 +1,4 @@
-import { useActionQuery } from "@agent-native/core/client";
+import { useActionQuery } from "@agent-native/core/client/hooks";
 
 import { ActionQueryError } from "./action-query-error";
 import { Badge } from "./ui/badge";

package/src/components/workspace-template-card.spec.tsx

@@ -20,7 +20,7 @@ const toast = vi.hoisted(() => ({
   success: vi.fn(),
 }));
 
-vi.mock("@agent-native/core/client", () => ({
+vi.mock("@agent-native/core/client/hooks", () => ({
   useActionMutation: (_name: string, options: Record<string, unknown>) => {
     clientState.options = options;
     return {

package/src/components/workspace-template-card.tsx

@@ -1,4 +1,4 @@
-import { useActionMutation } from "@agent-native/core/client";
+import { useActionMutation } from "@agent-native/core/client/hooks";
 import {
   IconArrowUpRight,
   IconCircleCheck,

package/src/hooks/use-navigation-state.ts

@@ -1,10 +1,12 @@
+import {
+  isAgentChatHomeHandoffActive,
+  markAgentChatHomeHandoff,
+} from "@agent-native/core/client/agent-chat";
 import {
   agentNativePath,
   appBasePath,
   appPath,
-  isAgentChatHomeHandoffActive,
-  markAgentChatHomeHandoff,
-} from "@agent-native/core/client";
+} from "@agent-native/core/client/api-path";
 import { extensionIdFromPathname } from "@agent-native/core/client/extensions";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { useEffect } from "react";

package/src/lib/automations.ts

@@ -1,4 +1,4 @@
-import { agentNativePath } from "@agent-native/core/client";
+import { agentNativePath } from "@agent-native/core/client/api-path";
 
 export interface DispatchAutomationItem {
   id: string;

package/src/lib/overview-chat.spec.ts

@@ -3,11 +3,14 @@ import { beforeEach, describe, expect, it, vi } from "vitest";
 const frameState = vi.hoisted(() => ({ inBuilderFrame: false }));
 const sendToAgentChatMock = vi.hoisted(() => vi.fn(() => "chat-tab"));
 
-vi.mock("@agent-native/core/client", () => ({
-  isInBuilderFrame: () => frameState.inBuilderFrame,
+vi.mock("@agent-native/core/client/agent-chat", () => ({
   sendToAgentChat: sendToAgentChatMock,
 }));
 
+vi.mock("@agent-native/core/client/host", () => ({
+  isInBuilderFrame: () => frameState.inBuilderFrame,
+}));
+
 const { submitOverviewPrompt } = await import("./overview-chat.js");
 
 describe("submitOverviewPrompt", () => {

package/src/lib/overview-chat.ts

@@ -1,4 +1,5 @@
-import { isInBuilderFrame, sendToAgentChat } from "@agent-native/core/client";
+import { sendToAgentChat } from "@agent-native/core/client/agent-chat";
+import { isInBuilderFrame } from "@agent-native/core/client/host";
 
 export function submitOverviewPrompt(
   message: string,

package/src/lib/task-queue.ts

@@ -1,4 +1,4 @@
-import { agentNativePath } from "@agent-native/core/client";
+import { agentNativePath } from "@agent-native/core/client/api-path";
 
 export interface TaskQueueFailure {
   id: string;

package/src/routes/pages/$appId.tsx

@@ -1,4 +1,6 @@
-import { useActionQuery, appPath, useT } from "@agent-native/core/client";
+import { appPath } from "@agent-native/core/client/api-path";
+import { useActionQuery } from "@agent-native/core/client/hooks";
+import { useT } from "@agent-native/core/client/i18n";
 import {
   IconArrowLeft,
   IconArrowUpRight,

package/src/routes/pages/_index.tsx

@@ -1,4 +1,4 @@
-import { appPath } from "@agent-native/core/client";
+import { appPath } from "@agent-native/core/client/api-path";
 import { redirect, type LoaderFunctionArgs } from "react-router";
 
 import { Spinner } from "../../components/ui/spinner";