@nextclaw/ui 0.15.24 → 0.15.26

package/src/features/chat/features/workspace/utils/chat-workspace-file-tab.utils.ts

@@ -11,15 +11,12 @@ export function createWorkspaceFileTab(
     return null;
   }
   const normalizedParentSessionKey = parentSessionKey?.trim() || null;
-  const previewViewer = action.viewMode === 'preview'
-    ? normalizeWorkspaceFilePreviewViewer(
-        path,
-        action.previewViewer ?? (action.line ? 'source' : undefined),
-      )
-    : action.previewViewer ?? null;
-  const viewIdentity = action.viewMode === 'preview' && previewViewer === 'rendered'
-    ? 'preview:rendered'
-    : action.viewMode;
+  const previewViewer =
+    action.viewMode === 'preview'
+      ? normalizeWorkspaceFilePreviewViewer(path, action.previewViewer ?? (action.line ? 'source' : undefined))
+      : (action.previewViewer ?? null);
+  const viewIdentity =
+    action.viewMode === 'preview' && previewViewer === 'rendered' ? 'preview:rendered' : action.viewMode;
   return {
     key: `${normalizedParentSessionKey ?? 'draft'}::${viewIdentity}::${path}`,
     parentSessionKey: normalizedParentSessionKey,
@@ -53,28 +50,32 @@ export function upsertWorkspaceFileTab(
     nextTabs[existingIndex] = { ...tabs[existingIndex], ...nextTab };
     return nextTabs;
   }
-  const adjacentIndex = adjacentToKey
-    ? tabs.findIndex((tab) => tab.key === adjacentToKey)
-    : -1;
+  const adjacentIndex = adjacentToKey ? tabs.findIndex((tab) => tab.key === adjacentToKey) : -1;
   if (adjacentIndex === -1) {
     return [nextTab, ...tabs];
   }
-  return [
-    ...tabs.slice(0, adjacentIndex + 1),
-    nextTab,
-    ...tabs.slice(adjacentIndex + 1),
-  ];
+  return [...tabs.slice(0, adjacentIndex + 1), nextTab, ...tabs.slice(adjacentIndex + 1)];
 }
 
-export function reparentWorkspaceFileTab(
+export function replaceWorkspaceFileTabPath(
   tab: ChatWorkspaceFileTab,
-  parentSessionKey: string,
+  path: string,
+  label?: string | null,
 ): ChatWorkspaceFileTab {
+  const viewIdentity =
+    tab.viewMode === 'preview' && tab.previewViewer === 'rendered' ? 'preview:rendered' : tab.viewMode;
+  return {
+    ...tab,
+    key: `${tab.parentSessionKey ?? 'draft'}::${viewIdentity}::${path}`,
+    path,
+    label: label?.trim() || tab.label,
+  };
+}
+
+export function reparentWorkspaceFileTab(tab: ChatWorkspaceFileTab, parentSessionKey: string): ChatWorkspaceFileTab {
   const normalizedParentSessionKey = parentSessionKey.trim();
   const identitySeparatorIndex = tab.key.indexOf('::');
-  const tabIdentity = identitySeparatorIndex >= 0
-    ? tab.key.slice(identitySeparatorIndex)
-    : `::${tab.key}`;
+  const tabIdentity = identitySeparatorIndex >= 0 ? tab.key.slice(identitySeparatorIndex) : `::${tab.key}`;
   return {
     ...tab,
     key: `${normalizedParentSessionKey}${tabIdentity}`,

package/src/features/chat/features/workspace/utils/chat-workspace-panel-layout.utils.ts

@@ -2,12 +2,21 @@ export const CHAT_WORKSPACE_PANEL_DEFAULT_WIDTH = 480;
 export const CHAT_WORKSPACE_PANEL_MIN_WIDTH = 360;
 export const CHAT_WORKSPACE_PANEL_MAX_WIDTH = 860;
 
+export const CHAT_WORKSPACE_EXPLORER_DEFAULT_WIDTH = 224;
+export const CHAT_WORKSPACE_EXPLORER_MIN_WIDTH = 192;
+export const CHAT_WORKSPACE_EXPLORER_MAX_WIDTH = 400;
+export const CHAT_WORKSPACE_EXPLORER_COMPACT_THRESHOLD = 560;
+
 export function normalizeChatWorkspacePanelWidth(value: unknown): number {
   if (typeof value !== 'number' || !Number.isFinite(value)) {
     return CHAT_WORKSPACE_PANEL_DEFAULT_WIDTH;
   }
-  return Math.max(
-    CHAT_WORKSPACE_PANEL_MIN_WIDTH,
-    Math.min(CHAT_WORKSPACE_PANEL_MAX_WIDTH, value),
-  );
+  return Math.max(CHAT_WORKSPACE_PANEL_MIN_WIDTH, Math.min(CHAT_WORKSPACE_PANEL_MAX_WIDTH, value));
+}
+
+export function normalizeChatWorkspaceExplorerWidth(value: unknown): number {
+  if (typeof value !== 'number' || !Number.isFinite(value)) {
+    return CHAT_WORKSPACE_EXPLORER_DEFAULT_WIDTH;
+  }
+  return Math.max(CHAT_WORKSPACE_EXPLORER_MIN_WIDTH, Math.min(CHAT_WORKSPACE_EXPLORER_MAX_WIDTH, value));
 }

package/src/features/chat/index.ts

@@ -5,7 +5,7 @@ export { usePresenter } from "./components/providers/chat-presenter.provider";
 export { ChatPresenter } from "./presenters/chat.presenter";
 export { ChatDraftIntentManager } from "./managers/chat-draft-intent.manager";
 export { ChatCompletionNotificationManager } from "./managers/chat-completion-notification.manager";
-export { buildSessionPath } from "./features/session/utils/chat-session-route.utils";
+export { buildSessionPath, CHAT_DRAFT_SESSION_PATH } from "./features/session/utils/chat-session-route.utils";
 export { useChatSessionListStore } from "./stores/chat-session-list.store";
 export { useChatThreadStore } from "./stores/chat-thread.store";
 export { useChatMessageLayoutStore } from "./stores/chat-message-layout.store";

package/src/features/chat/managers/__tests__/chat-composer-intent.manager.test.ts

@@ -1,129 +1,155 @@
-import { describe, expect, it, vi } from "vitest";
-import { ChatComposerIntentManager } from "@/features/chat/managers/chat-composer-intent.manager";
+import { describe, expect, it, vi } from 'vitest';
+import { ChatComposerIntentManager } from '@/features/chat/managers/chat-composer-intent.manager';
 
-describe("ChatComposerIntentManager", () => {
-  it("delivers a file reference only to the targeted composer", () => {
+describe('ChatComposerIntentManager', () => {
+  it('delivers a file reference only to the targeted composer', () => {
     const manager = new ChatComposerIntentManager();
     const draftListener = vi.fn();
     const sessionListener = vi.fn();
     manager.subscribe(null, draftListener);
-    manager.subscribe("session-1", sessionListener);
+    manager.subscribe('session-1', sessionListener);
 
     manager.requestFileReference({
       targetSessionKey: null,
-      tokenKey: "docs/guide.md",
-      label: "guide.md",
+      tokenKey: 'docs/guide.md',
+      label: 'guide.md',
     });
 
     expect(draftListener).toHaveBeenCalledWith(
       expect.objectContaining({
         targetSessionKey: null,
-        tokenKey: "docs/guide.md",
-        label: "guide.md",
+        tokenKey: 'docs/guide.md',
+        label: 'guide.md',
       }),
     );
     expect(sessionListener).not.toHaveBeenCalled();
   });
 
-  it("keeps an intent pending until its matching composer mounts", () => {
+  it('keeps an intent pending until its matching composer mounts', () => {
     const manager = new ChatComposerIntentManager();
     manager.requestFileReference({
-      targetSessionKey: " session-1 ",
-      tokenKey: " src/index.ts ",
-      label: " index.ts ",
+      targetSessionKey: ' session-1 ',
+      tokenKey: ' src/index.ts ',
+      label: ' index.ts ',
     });
 
     expect(manager.consumePending(null)).toBeNull();
-    expect(manager.consumePending("session-1")).toMatchObject({
-      targetSessionKey: "session-1",
-      tokenKey: "src/index.ts",
-      label: "index.ts",
+    expect(manager.consumePending('session-1')).toMatchObject({
+      targetSessionKey: 'session-1',
+      tokenKey: 'src/index.ts',
+      label: 'index.ts',
     });
-    expect(manager.consumePending("session-1")).toBeNull();
+    expect(manager.consumePending('session-1')).toBeNull();
   });
 
-  it("ignores incomplete file references", () => {
+  it('publishes a directory reference with the workspace directory kind', () => {
+    const manager = new ChatComposerIntentManager();
+    const listener = vi.fn();
+    manager.subscribe('session-1', listener);
+
+    manager.requestDirectoryReference({
+      targetSessionKey: 'session-1',
+      tokenKey: 'docs/designs',
+      label: 'designs',
+    });
+
+    expect(listener).toHaveBeenCalledWith(
+      expect.objectContaining({
+        kind: 'workspace_directory',
+        tokenKey: 'docs/designs',
+        label: 'designs',
+      }),
+    );
+  });
+
+  it('ignores incomplete file references', () => {
     const manager = new ChatComposerIntentManager();
     const listener = vi.fn();
     manager.subscribe(null, listener);
 
     manager.requestFileReference({
       targetSessionKey: null,
-      tokenKey: " ",
-      label: "README.md",
+      tokenKey: ' ',
+      label: 'README.md',
     });
 
     expect(listener).not.toHaveBeenCalled();
     expect(manager.consumePending(null)).toBeNull();
   });
 
-  it("publishes a source-aware excerpt with a stable content identity", () => {
+  it('publishes a source-aware excerpt with a stable content identity', () => {
     const manager = new ChatComposerIntentManager();
     const listener = vi.fn();
-    manager.subscribe("session-1", listener);
+    manager.subscribe('session-1', listener);
 
     manager.requestExcerptReference({
-      targetSessionKey: "session-1",
-      path: "docs/guide.md",
-      label: "guide.md",
-      excerpt: "selected text",
+      targetSessionKey: 'session-1',
+      path: 'docs/guide.md',
+      label: 'guide.md',
+      excerpt: 'selected text',
       startLine: 12,
       endLine: 13,
     });
 
-    expect(listener).toHaveBeenCalledWith(expect.objectContaining({
-      kind: "workspace_excerpt",
-      path: "docs/guide.md",
-      label: "guide.md",
-      excerpt: "selected text",
-      startLine: 12,
-      endLine: 13,
-      tokenKey: expect.stringMatching(/^docs\/guide\.md#excerpt-/),
-    }));
+    expect(listener).toHaveBeenCalledWith(
+      expect.objectContaining({
+        kind: 'workspace_excerpt',
+        path: 'docs/guide.md',
+        label: 'guide.md',
+        excerpt: 'selected text',
+        startLine: 12,
+        endLine: 13,
+        tokenKey: expect.stringMatching(/^docs\/guide\.md#excerpt-/),
+      }),
+    );
   });
 
-  it("delivers an excerpt to the unmaterialized new-chat composer", () => {
+  it('delivers an excerpt to the unmaterialized new-chat composer', () => {
     const manager = new ChatComposerIntentManager();
     const draftListener = vi.fn();
     manager.subscribe(null, draftListener);
 
     manager.requestExcerptReference({
       targetSessionKey: null,
-      path: "package.json",
-      label: "package.json",
+      path: 'package.json',
+      label: 'package.json',
       excerpt: '"name": "nextclaw"',
       startLine: 2,
       endLine: 2,
     });
 
-    expect(draftListener).toHaveBeenCalledWith(expect.objectContaining({
-      targetSessionKey: null,
-      kind: "workspace_excerpt",
-      path: "package.json",
-      excerpt: '"name": "nextclaw"',
-    }));
+    expect(draftListener).toHaveBeenCalledWith(
+      expect.objectContaining({
+        targetSessionKey: null,
+        kind: 'workspace_excerpt',
+        path: 'package.json',
+        excerpt: '"name": "nextclaw"',
+      }),
+    );
   });
 
-  it("publishes a conversation excerpt with its source message identity", () => {
+  it('publishes a conversation excerpt with its source message identity', () => {
     const manager = new ChatComposerIntentManager();
     const listener = vi.fn();
-    manager.subscribe("session-1", listener);
+    manager.subscribe('session-1', listener);
 
     manager.requestConversationExcerptReference({
-      targetSessionKey: "session-1",
-      messageId: "assistant-message-1",
-      role: "assistant",
-      label: "AI reply",
-      excerpt: "Keep the visible tag concise.",
+      targetSessionKey: 'session-1',
+      messageId: 'assistant-message-1',
+      role: 'assistant',
+      label: 'AI reply',
+      excerpt: 'Keep the visible tag concise.',
     });
 
-    expect(listener).toHaveBeenCalledWith(expect.objectContaining({
-      kind: "conversation_excerpt",
-      messageId: "assistant-message-1",
-      role: "assistant",
-      label: "AI reply",
-      excerpt: "Keep the visible tag concise.",
-      tokenKey: expect.stringMatching(/^assistant-message-1#excerpt-/),
-    }));
+    expect(listener).toHaveBeenCalledWith(
+      expect.objectContaining({
+        kind: 'conversation_excerpt',
+        messageId: 'assistant-message-1',
+        role: 'assistant',
+        label: 'AI reply',
+        excerpt: 'Keep the visible tag concise.',
+        tokenKey: expect.stringMatching(/^assistant-message-1#excerpt-/),
+      }),
+    );
   });
 });