@nextclaw/ui 0.13.12 → 0.14.0

package/src/features/chat/features/workspace/hooks/use-chat-conversation-workspace-state.ts

@@ -0,0 +1,63 @@
+import { useMemo } from "react";
+import { useCronJobs } from "@/features/cron";
+import type { useChatThreadStore } from "@/features/chat/stores/chat-thread.store";
+import { isCronJobForSession } from "@/shared/lib/cron";
+
+type ChatThreadSnapshot = ReturnType<
+  typeof useChatThreadStore.getState
+>["snapshot"];
+
+function shouldShowWorkspacePanel(
+  snapshot: ChatThreadSnapshot,
+  childSessionTabs: ChatThreadSnapshot["childSessionTabs"],
+  workspaceFileTabs: ChatThreadSnapshot["workspaceFileTabs"],
+  sessionCronJobCount: number,
+) {
+  if (snapshot.workspacePanelParentKey !== snapshot.sessionKey) {
+    return false;
+  }
+  return (
+    childSessionTabs.length > 0 ||
+    workspaceFileTabs.length > 0 ||
+    sessionCronJobCount > 0
+  );
+}
+
+export function useChatConversationWorkspaceState(
+  snapshot: ChatThreadSnapshot,
+) {
+  const childSessionTabs = useMemo(
+    () =>
+      snapshot.childSessionTabs.filter(
+        (tab) => tab.parentSessionKey === snapshot.sessionKey,
+      ),
+    [snapshot.childSessionTabs, snapshot.sessionKey],
+  );
+  const workspaceFileTabs = useMemo(
+    () =>
+      snapshot.workspaceFileTabs.filter(
+        (tab) => tab.parentSessionKey === snapshot.sessionKey,
+      ),
+    [snapshot.sessionKey, snapshot.workspaceFileTabs],
+  );
+  const cronQuery = useCronJobs({ all: true });
+  const sessionCronJobs = useMemo(
+    () =>
+      (cronQuery.data?.jobs ?? []).filter((job) =>
+        isCronJobForSession(job, snapshot.sessionKey),
+      ),
+    [cronQuery.data?.jobs, snapshot.sessionKey],
+  );
+
+  return {
+    childSessionTabs,
+    workspaceFileTabs,
+    sessionCronJobs,
+    showWorkspacePanel: shouldShowWorkspacePanel(
+      snapshot,
+      childSessionTabs,
+      workspaceFileTabs,
+      sessionCronJobs.length,
+    ),
+  };
+}

package/src/features/chat/features/workspace/utils/__tests__/chat-workspace-panel-view-model.utils.test.ts

@@ -0,0 +1,103 @@
+import { describe, expect, it, vi } from "vitest";
+import type { ResolvedChildSessionTab } from "@/features/chat/features/ncp/hooks/use-ncp-child-session-tabs-view";
+import {
+  buildWorkspaceTabsViewModel,
+  resolveWorkspaceSelection,
+} from "../chat-workspace-panel-view-model.utils";
+
+function createChildTab(
+  overrides: Partial<ResolvedChildSessionTab> = {},
+): ResolvedChildSessionTab {
+  return {
+    sessionKey: "child-1",
+    parentSessionKey: "parent-1",
+    title: "Child session",
+    agentId: "agent-1",
+    updatedAt: null,
+    lastMessageAt: null,
+    readAt: null,
+    runStatus: undefined,
+    sessionTypeLabel: null,
+    preferredModel: null,
+    projectName: null,
+    projectRoot: null,
+    ...overrides,
+  };
+}
+
+describe("resolveWorkspaceSelection", () => {
+  it("honors the explicit active panel kind before fallback order", () => {
+    const childTab = createChildTab();
+    const fileTab = {
+      key: "file-1",
+      parentSessionKey: "parent-1",
+      path: "docs/example.md",
+      viewMode: "preview" as const,
+    };
+
+    expect(
+      resolveWorkspaceSelection({
+        activePanelKind: "file",
+        activeChildSessionKey: childTab.sessionKey,
+        activeWorkspaceFileKey: fileTab.key,
+        childSessionTabs: [childTab],
+        workspaceFileTabs: [fileTab],
+        sessionCronJobCount: 1,
+      }),
+    ).toMatchObject({
+      kind: "file",
+      file: fileTab,
+    });
+  });
+
+  it("falls back to the first available child session", () => {
+    const childTab = createChildTab({ sessionKey: "fallback-child" });
+
+    expect(
+      resolveWorkspaceSelection({
+        activePanelKind: null,
+        activeChildSessionKey: null,
+        activeWorkspaceFileKey: null,
+        childSessionTabs: [childTab],
+        workspaceFileTabs: [],
+        sessionCronJobCount: 1,
+      }),
+    ).toMatchObject({
+      kind: "child-session",
+      tab: childTab,
+    });
+  });
+});
+
+describe("buildWorkspaceTabsViewModel", () => {
+  it("builds active and unread state from resolved tabs", () => {
+    const childTab = createChildTab({
+      lastMessageAt: "2026-06-09T10:00:00.000Z",
+      readAt: "2026-06-09T09:00:00.000Z",
+    });
+    const onSelectSession = vi.fn();
+
+    const tabs = buildWorkspaceTabsViewModel({
+      resolvedChildTabs: [childTab],
+      workspaceFileTabs: [],
+      sessionCronJobCount: 0,
+      activeSelection: null,
+      optimisticReadAtBySessionKey: {},
+      onSelectSession,
+      onSelectFile: vi.fn(),
+      onCloseFile: vi.fn(),
+      onSelectCronJobs: vi.fn(),
+    });
+
+    expect(tabs[0]).toMatchObject({
+      key: "child:child-1",
+      kind: "child-session",
+      title: "Child session",
+      active: false,
+      showUnreadDot: true,
+    });
+
+    tabs[0]?.onSelect();
+    expect(onSelectSession).toHaveBeenCalledWith("child-1");
+  });
+});

package/src/features/chat/features/workspace/utils/chat-workspace-panel-view-model.utils.ts

@@ -0,0 +1,183 @@
+import type { ResolvedChildSessionTab } from "@/features/chat/features/ncp/hooks/use-ncp-child-session-tabs-view";
+import { shouldShowUnreadSessionIndicator } from "@/features/chat/stores/chat-session-list.store";
+import type { ChatWorkspaceFileTab } from "@/features/chat/stores/chat-thread.store";
+import { t } from "@/shared/lib/i18n";
+
+export type WorkspaceSelection =
+  | {
+      kind: "child-session";
+      tab: ResolvedChildSessionTab;
+    }
+  | {
+      kind: "file";
+      file: ChatWorkspaceFileTab;
+    }
+  | {
+      kind: "cron";
+    };
+
+export type WorkspaceTabViewModel = {
+  key: string;
+  kind: "child-session" | "file" | "cron";
+  title: string;
+  tooltip: string;
+  active: boolean;
+  agentId?: string | null;
+  showUnreadDot?: boolean;
+  viewMode?: "preview" | "diff";
+  onSelect: () => void;
+  onClose?: () => void;
+};
+
+export function readWorkspaceFileTitle(file: ChatWorkspaceFileTab): string {
+  const fileName = file.path.split("/").filter(Boolean).pop();
+  return file.label?.trim() || fileName || file.path;
+}
+
+export function resolveWorkspaceSelection(params: {
+  activePanelKind?: "child-session" | "file" | "cron" | null;
+  activeChildSessionKey: string | null;
+  activeWorkspaceFileKey: string | null;
+  childSessionTabs: ResolvedChildSessionTab[];
+  workspaceFileTabs: readonly ChatWorkspaceFileTab[];
+  sessionCronJobCount: number;
+}): WorkspaceSelection | null {
+  const {
+    activePanelKind,
+    activeChildSessionKey,
+    activeWorkspaceFileKey,
+    childSessionTabs,
+    workspaceFileTabs,
+    sessionCronJobCount,
+  } = params;
+
+  if (activePanelKind === "cron" && sessionCronJobCount > 0) {
+    return { kind: "cron" };
+  }
+
+  if (activePanelKind !== "child-session" && activeWorkspaceFileKey) {
+    const activeFile = workspaceFileTabs.find(
+      (file) => file.key === activeWorkspaceFileKey,
+    );
+    if (activeFile) {
+      return {
+        kind: "file",
+        file: activeFile,
+      };
+    }
+  }
+
+  if (activePanelKind !== "file" && activeChildSessionKey) {
+    const activeChild = childSessionTabs.find(
+      (tab) => tab.sessionKey === activeChildSessionKey,
+    );
+    if (activeChild) {
+      return {
+        kind: "child-session",
+        tab: activeChild,
+      };
+    }
+  }
+
+  if (childSessionTabs[0]) {
+    return {
+      kind: "child-session",
+      tab: childSessionTabs[0],
+    };
+  }
+
+  if (workspaceFileTabs[0]) {
+    return {
+      kind: "file",
+      file: workspaceFileTabs[0],
+    };
+  }
+
+  if (sessionCronJobCount > 0) {
+    return { kind: "cron" };
+  }
+
+  return null;
+}
+
+export function buildWorkspaceTabsViewModel(params: {
+  resolvedChildTabs: ResolvedChildSessionTab[];
+  workspaceFileTabs: readonly ChatWorkspaceFileTab[];
+  sessionCronJobCount: number;
+  activeSelection: WorkspaceSelection | null;
+  optimisticReadAtBySessionKey: Record<string, string>;
+  onSelectSession: (sessionKey: string) => void;
+  onSelectFile: (fileKey: string) => void;
+  onCloseFile: (fileKey: string) => void;
+  onSelectCronJobs: () => void;
+}): WorkspaceTabViewModel[] {
+  const {
+    resolvedChildTabs,
+    workspaceFileTabs,
+    sessionCronJobCount,
+    activeSelection,
+    optimisticReadAtBySessionKey,
+    onSelectSession,
+    onSelectFile,
+    onCloseFile,
+    onSelectCronJobs,
+  } = params;
+
+  const childTabs = resolvedChildTabs.map((tab) => {
+    const optimisticReadAt = optimisticReadAtBySessionKey[tab.sessionKey];
+    const effectiveReadAt =
+      optimisticReadAt && tab.readAt
+        ? optimisticReadAt.localeCompare(tab.readAt) > 0
+          ? optimisticReadAt
+          : tab.readAt
+        : (optimisticReadAt ?? tab.readAt);
+
+    return {
+      key: `child:${tab.sessionKey}`,
+      kind: "child-session" as const,
+      title: tab.title,
+      tooltip: tab.title,
+      agentId: tab.agentId,
+      active:
+        activeSelection?.kind === "child-session" &&
+        activeSelection.tab.sessionKey === tab.sessionKey,
+      showUnreadDot: shouldShowUnreadSessionIndicator({
+        active:
+          activeSelection?.kind === "child-session" &&
+          activeSelection.tab.sessionKey === tab.sessionKey,
+        lastMessageAt: tab.lastMessageAt,
+        readAt: effectiveReadAt,
+        runStatus: tab.runStatus,
+      }),
+      onSelect: () => onSelectSession(tab.sessionKey),
+    };
+  });
+
+  const fileTabs = workspaceFileTabs.map((file) => ({
+    key: `file:${file.key}`,
+    kind: "file" as const,
+    title: readWorkspaceFileTitle(file),
+    tooltip: file.path,
+    viewMode: file.viewMode,
+    active:
+      activeSelection?.kind === "file" && activeSelection.file.key === file.key,
+    onSelect: () => onSelectFile(file.key),
+    onClose: () => onCloseFile(file.key),
+  }));
+
+  const cronTab =
+    sessionCronJobCount > 0
+      ? [
+          {
+            key: "cron:session",
+            kind: "cron" as const,
+            title: t("chatWorkspaceSessionCronJobs"),
+            tooltip: t("chatWorkspaceSessionCronJobs"),
+            active: activeSelection?.kind === "cron",
+            onSelect: onSelectCronJobs,
+          },
+        ]
+      : [];
+
+  return [...childTabs, ...fileTabs, ...cronTab];
+}

package/src/features/chat/index.ts

@@ -1,6 +1,16 @@
-export * from "./components/chat-sidebar-list-mode-switch"; export * from "./components/chat-sidebar-project-groups"; export * from "./components/chat-sidebar-session-item"; export * from "./components/chat-welcome"; export * from "./components/providers/chat-presenter.provider";
-export * from "./components/conversation/chat-conversation-panel"; export * from "./components/layout/chat-sidebar";
-export * from "./components/chat-session-type-option-item"; export * from "./components/chat-session-workspace-file-preview"; export * from "./components/chat-session-workspace-panel"; export * from "./components/chat-session-workspace-panel-nav";
-export * from "./hooks/use-chat-session-type-state"; export * from "./hooks/use-ncp-chat-session-types"; export * from "./hooks/use-ncp-session-list-view";
-export * from "./managers/chat-recent-models.manager"; export * from "./managers/chat-recent-skills.manager"; export * from "./managers/chat-session-preference-sync.manager"; export * from "./managers/ncp-chat-input.manager"; export * from "./managers/ncp-chat-presenter.manager"; export * from "./managers/ncp-chat-thread.manager"; export * from "./stores/chat-input.store"; export * from "./stores/chat-session-list.store"; export * from "./stores/chat-thread.store";
-export * from "./types/chat-input.types"; export * from "./utils/chat-composer-state.utils"; export * from "./utils/chat-inline-token.utils"; export * from "./utils/chat-session-display.utils"; export * from "./utils/chat-session-preference-governance.utils"; export * from "./utils/chat-session-route.utils"; export * from "./utils/ncp-session-adapter.utils";
+export { ChatConversationPanel } from "./components/conversation/chat-conversation-panel";
+export { ChatSidebar } from "./components/layout/chat-sidebar";
+export { ChatPresenterProvider } from "./components/providers/chat-presenter.provider";
+export { usePresenter } from "./components/providers/chat-presenter.provider";
+export { ChatPresenter } from "./presenters/chat.presenter";
+export { useChatInputStore } from "./stores/chat-input.store";
+export { useChatSessionListStore } from "./stores/chat-session-list.store";
+export { useChatThreadStore } from "./stores/chat-thread.store";
+export { useNcpChatSessionTypes } from "./features/session-type/hooks/use-ncp-chat-session-types";
+export {
+  buildSessionTypeOptions,
+  normalizeSessionType,
+  resolveAgentRuntimeSessionType,
+  resolveSessionTypeLabel,
+  type ChatSessionTypeOption,
+} from "./features/session-type/utils/chat-session-type.utils";