@nextclaw/ui 0.14.0 → 0.14.1-beta.0

package/src/features/chat/pages/__tests__/ncp-chat-page.test.ts

@@ -11,7 +11,9 @@ import {
   buildChatRunMetadata,
   shouldClearPendingProjectRootOverride
 } from '@/features/chat/features/session/utils/chat-run-metadata.utils';
-import { filterNcpChatModelOptionsBySessionType } from '@/features/chat/features/ncp/utils/ncp-chat-query-derived.utils';
+import {
+  filterNcpChatModelOptionsBySessionType,
+} from '@/features/chat/features/ncp/utils/ncp-chat-query-derived.utils';
 
 const modelOptions: ChatModelOption[] = [
   {
@@ -83,6 +85,29 @@ describe('filterNcpChatModelOptionsBySessionType', () => {
     }]);
   });
 
+  it('attaches runtime default thinking capability when the runtime publishes one', () => {
+    expect(
+      filterNcpChatModelOptionsBySessionType({
+        modelOptions,
+        modelSelectionMode: 'runtime-default',
+        runtimeDefaultModelLabel: 'Runtime default',
+        runtimeDefaultThinkingCapability: {
+          supported: ['minimal', 'low', 'medium', 'high'],
+          default: 'high',
+        },
+      })
+    ).toEqual([{
+      value: RUNTIME_DEFAULT_MODEL_VALUE,
+      modelLabel: 'Runtime default',
+      providerLabel: '',
+      isRuntimeDefault: true,
+      thinkingCapability: {
+        supported: ['minimal', 'low', 'medium', 'high'],
+        default: 'high',
+      },
+    }]);
+  });
+
   it('adds the runtime default option beside supported models for optional runtime selection', () => {
     expect(
       filterNcpChatModelOptionsBySessionType({
@@ -102,6 +127,27 @@ describe('filterNcpChatModelOptionsBySessionType', () => {
       modelOptions[1],
     ]);
   });
+
+  it('adds runtime default thinking capability beside supported models for optional runtime selection', () => {
+    expect(
+      filterNcpChatModelOptionsBySessionType({
+        modelOptions,
+        modelSelectionMode: 'optional',
+        runtimeDefaultModelLabel: 'Runtime default',
+        runtimeDefaultThinkingCapability: {
+          supported: ['minimal', 'low', 'medium', 'high'],
+          default: 'high',
+        },
+        supportedModels: ['openai/gpt-5'],
+      })[0]
+    ).toMatchObject({
+      value: RUNTIME_DEFAULT_MODEL_VALUE,
+      thinkingCapability: {
+        supported: ['minimal', 'low', 'medium', 'high'],
+        default: 'high',
+      },
+    });
+  });
 });
 
 describe('buildChatRunMetadata', () => {

package/src/features/chat/pages/ncp-chat-page.tsx

@@ -30,6 +30,23 @@ import { isNcpChatRuntimeBlocked, resolveNcpChatSendErrorMessage } from "@/featu
 import { useUiShowContentEvent } from "@/features/chat/features/ncp/hooks/use-ui-show-content-event";
 import { readNcpContextWindowValue } from "@/features/chat/features/session/utils/ncp-session-context-metadata.utils";
 
+function useChatDraftIntentConsumer() {
+  const appPresenter = useAppPresenter();
+  const presenter = usePresenter();
+  useEffect(() => {
+    const applyIntent = (intent: { id: number; prompt: string }) => {
+      presenter.startAgentCreationDraft(intent.prompt);
+      appPresenter.chatDraftIntentManager.markConsumed(intent.id);
+    };
+    const unsubscribe = appPresenter.chatDraftIntentManager.subscribe(applyIntent);
+    const pendingIntent = appPresenter.chatDraftIntentManager.consumePending();
+    if (pendingIntent) {
+      applyIntent(pendingIntent);
+    }
+    return unsubscribe;
+  }, [appPresenter, presenter]);
+}
+
 function useNcpChatRouteSelection() {
   const { sessionId: routeSessionIdParam } = useParams<{ sessionId?: string }>();
   const routeSessionKey = useMemo(
@@ -170,6 +187,7 @@ function NcpChatPageContent({ view }: ChatPageProps) {
     syncRouteSessionSelection:
       presenter.chatSessionListManager.syncRouteSessionSelection,
   });
+  useChatDraftIntentConsumer();
   useUiShowContentEvent();
   useChatRunSnapshotSync({
     agent,

package/src/features/chat/stores/chat-input.store.ts

@@ -2,7 +2,12 @@ import { create } from 'zustand';
 import type { ChatComposerNode } from '@nextclaw/agent-chat-ui';
 import type { NcpDraftAttachment } from '@nextclaw/ncp-react';
 import type { RuntimeModelSelectionMode } from '@nextclaw/shared';
-import type { SessionSkillEntryView, SessionTypeIconView, ThinkingLevel } from '@/shared/lib/api';
+import type {
+  RuntimeDefaultThinkingView,
+  SessionSkillEntryView,
+  SessionTypeIconView,
+  ThinkingLevel,
+} from '@/shared/lib/api';
 import type { ChatModelOption } from '@/features/chat/types/chat-input.types';
 import { createInitialChatComposerNodes } from '@/features/chat/features/input/utils/chat-composer-state.utils';
 
@@ -32,6 +37,7 @@ export type ChatInputSnapshot = {
     supportedModels?: string[];
     recommendedModel?: string | null;
     modelSelectionMode?: RuntimeModelSelectionMode;
+    runtimeDefaultThinking?: RuntimeDefaultThinkingView | null;
     cta?: {
       kind: string;
       label?: string;

package/src/features/chat/stores/recent-selection.store.ts

@@ -0,0 +1,85 @@
+import { create } from 'zustand';
+import { createJSONStorage, persist } from 'zustand/middleware';
+
+export type RecentSelectionScope = {
+  namespace?: string | null;
+};
+
+type RecentSelectionStoreState = {
+  entriesByKey: Record<string, string[]>;
+  setEntries: (key: string, values: string[]) => void;
+};
+
+const RECENT_SELECTION_STORE_KEY = 'nextclaw.chat.recent-selection.store';
+
+export function normalizeRecentSelectionValue(value: unknown): string | null {
+  if (typeof value !== 'string') {
+    return null;
+  }
+  const normalized = value.trim();
+  return normalized.length > 0 ? normalized : null;
+}
+
+export function normalizeRecentSelectionList(values: unknown, limit: number): string[] {
+  if (!Array.isArray(values)) {
+    return [];
+  }
+  return Array.from(
+    new Set(values.map(normalizeRecentSelectionValue).filter((value): value is string => Boolean(value))),
+  ).slice(0, limit);
+}
+
+export function resolveRecentSelectionKey(
+  options: { storageKey: string },
+  scope?: RecentSelectionScope,
+): string {
+  const namespace = normalizeRecentSelectionValue(scope?.namespace);
+  return namespace
+    ? `${options.storageKey}.${encodeURIComponent(namespace.toLowerCase())}`
+    : options.storageKey;
+}
+
+function normalizePersistedEntries(value: unknown): Record<string, string[]> {
+  if (!value || typeof value !== 'object') {
+    return {};
+  }
+  const entries: Record<string, string[]> = {};
+  for (const [key, values] of Object.entries(value)) {
+    const normalizedKey = normalizeRecentSelectionValue(key);
+    if (!normalizedKey) {
+      continue;
+    }
+    const normalizedValues = normalizeRecentSelectionList(values, Number.POSITIVE_INFINITY);
+    if (normalizedValues.length > 0) {
+      entries[normalizedKey] = normalizedValues;
+    }
+  }
+  return entries;
+}
+
+export const useRecentSelectionStore = create<RecentSelectionStoreState>()(
+  persist(
+    (set) => ({
+      entriesByKey: {},
+      setEntries: (key, values) => set((state) => ({
+        entriesByKey: {
+          ...state.entriesByKey,
+          [key]: normalizeRecentSelectionList(values, Number.POSITIVE_INFINITY),
+        },
+      })),
+    }),
+    {
+      name: RECENT_SELECTION_STORE_KEY,
+      storage: createJSONStorage(() => window.localStorage),
+      partialize: (state) => ({
+        entriesByKey: state.entriesByKey,
+      }),
+      merge: (persistedState, currentState) => ({
+        ...currentState,
+        entriesByKey: normalizePersistedEntries(
+          (persistedState as { entriesByKey?: Record<string, unknown> } | undefined)?.entriesByKey,
+        ),
+      }),
+    },
+  ),
+);

package/src/features/chat/types/chat-input-bar.types.ts

@@ -37,7 +37,6 @@ export type ChatInputBarAdapterTexts = {
   modelNoOptionsLabel: string;
   recentModelsLabel: string;
   allModelsLabel: string;
-  sessionTypePlaceholder: string;
   thinkingLabels: Record<ChatThinkingLevel, string>;
   noModelOptionsLabel: string;
   configureProviderLabel: string;

package/src/features/panel-apps/components/__tests__/panel-apps-list.test.tsx

@@ -0,0 +1,137 @@
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { PanelAppsList } from '@/features/panel-apps/components/panel-apps-list';
+
+const mocks = vi.hoisted(() => ({
+  entries: [] as Array<{
+    appId: string;
+    clientDeclared: boolean;
+    clientGranted: boolean;
+    contentPath: string;
+    createdAt: string;
+    description?: string;
+    favorite: boolean;
+    fileName: string;
+    id: string;
+    kind: 'single-file';
+    openCount: number;
+    sizeBytes: number;
+    title: string;
+    updatedAt: string;
+  }>,
+  navigate: vi.fn(),
+  refetchPanelApps: vi.fn(),
+  requestDraft: vi.fn(),
+}));
+
+vi.mock('@/app/components/app-presenter-provider', () => ({
+  useAppPresenter: () => ({
+    chatDraftIntentManager: {
+      requestDraft: mocks.requestDraft,
+    },
+    serviceActionAuthorizationManager: {
+      requestAuthorization: vi.fn(async () => true),
+    },
+  }),
+}));
+
+vi.mock('react-router-dom', async () => ({
+  ...(await vi.importActual('react-router-dom') as object),
+  useNavigate: () => mocks.navigate,
+}));
+
+vi.mock('@/features/panel-apps/hooks/use-panel-apps', () => ({
+  useDeletePanelApp: () => ({
+    isPending: false,
+    mutate: vi.fn(),
+  }),
+  useGrantPanelAppClient: () => ({
+    mutateAsync: vi.fn(),
+  }),
+  usePanelApps: () => ({
+    data: {
+      entries: mocks.entries,
+      panelsPath: '/workspace/panels',
+      workspacePath: '/workspace',
+    },
+    isError: false,
+    isLoading: false,
+    refetch: mocks.refetchPanelApps,
+  }),
+  useRecordPanelAppOpened: () => ({
+    mutateAsync: vi.fn(async (id: string) => mocks.entries.find((entry) => entry.id === id)),
+  }),
+  useUpdatePanelAppPreferences: () => ({
+    isPending: false,
+    mutate: vi.fn(),
+  }),
+}));
+
+function createPanelAppEntry(overrides: Partial<(typeof mocks.entries)[number]> = {}) {
+  return {
+    appId: 'demo',
+    clientDeclared: false,
+    clientGranted: false,
+    contentPath: '/api/panel-apps/demo/content',
+    createdAt: '2026-05-28T08:00:00.000Z',
+    description: 'A compact demo panel.',
+    favorite: false,
+    fileName: 'demo.panel.html',
+    id: 'demo',
+    kind: 'single-file' as const,
+    openCount: 0,
+    sizeBytes: 12,
+    title: 'Demo Panel',
+    updatedAt: '2026-05-28T09:00:00.000Z',
+    ...overrides,
+  };
+}
+
+describe('PanelAppsList', () => {
+  beforeEach(() => {
+    mocks.entries = [];
+    mocks.navigate.mockReset();
+    mocks.refetchPanelApps.mockReset();
+    mocks.requestDraft.mockReset();
+  });
+
+  it('shows first-use guidance when no panel apps exist', async () => {
+    const user = userEvent.setup();
+
+    render(<PanelAppsList onOpenPanelApp={vi.fn()} />);
+
+    expect(screen.getByText('Create your first panel app')).toBeTruthy();
+    expect(screen.getByText('Ask NextClaw to generate one')).toBeTruthy();
+    expect(screen.getByText('/workspace/panels')).toBeTruthy();
+
+    await user.click(screen.getAllByRole('button', { name: 'Refresh panel apps' }).at(-1)!);
+
+    expect(mocks.refetchPanelApps).toHaveBeenCalledTimes(1);
+  });
+
+  it('fills a sample panel app prompt from first-use guidance', async () => {
+    const user = userEvent.setup();
+
+    render(<PanelAppsList onOpenPanelApp={vi.fn()} />);
+
+    await user.click(screen.getByRole('button', { name: /Create sample panel app/ }));
+
+    expect(mocks.requestDraft).toHaveBeenCalledWith(expect.stringContaining('personal task board'));
+    expect(mocks.navigate).toHaveBeenCalledWith('/chat');
+  });
+
+  it('shows a filtered empty state instead of first-use guidance when apps exist', async () => {
+    const user = userEvent.setup();
+    mocks.entries = [createPanelAppEntry()];
+
+    render(<PanelAppsList onOpenPanelApp={vi.fn()} />);
+
+    expect(screen.getByText('Demo Panel')).toBeTruthy();
+
+    await user.click(screen.getByRole('button', { name: 'Favorites' }));
+
+    expect(screen.getByText('No panel apps in this view')).toBeTruthy();
+    expect(screen.queryByText('Create your first panel app')).toBeNull();
+  });
+});

package/src/features/panel-apps/components/panel-apps-list.tsx

@@ -1,5 +1,6 @@
 import { useMemo, useState, type ReactNode } from 'react';
-import { HelpCircle, RefreshCw } from 'lucide-react';
+import { AppWindow, FileCode2, HelpCircle, MessageSquarePlus, RefreshCw } from 'lucide-react';
+import { useNavigate } from 'react-router-dom';
 import { useAppPresenter } from '@/app/components/app-presenter-provider';
 import { PanelAppListItem } from '@/features/panel-apps/components/panel-app-list-item';
 import { useDeletePanelApp, useGrantPanelAppClient, usePanelApps, useRecordPanelAppOpened, useUpdatePanelAppPreferences } from '@/features/panel-apps/hooks/use-panel-apps';
@@ -10,6 +11,8 @@ import { Tabs, TabsList, TabsTrigger } from '@/shared/components/ui/tabs';
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/shared/components/ui/tooltip';
 import { t } from '@/shared/lib/i18n';
 
+const EMPTY_PANEL_APP_ENTRIES: PanelAppEntryView[] = [];
+
 export function PanelAppsList({
   headerContent,
   onOpenPanelApp,
@@ -23,10 +26,12 @@ export function PanelAppsList({
   const recordOpened = useRecordPanelAppOpened();
   const grantClient = useGrantPanelAppClient();
   const presenter = useAppPresenter();
+  const navigate = useNavigate();
   const [viewMode, setViewMode] = useState<PanelAppViewMode>('smart');
+  const allEntries = panelApps.data?.entries ?? EMPTY_PANEL_APP_ENTRIES;
   const entries = useMemo(
-    () => getPanelAppViewEntries(panelApps.data?.entries ?? [], viewMode),
-    [panelApps.data?.entries, viewMode],
+    () => getPanelAppViewEntries(allEntries, viewMode),
+    [allEntries, viewMode],
   );
 
   const openPanelApp = async (entry: PanelAppEntryView) => {
@@ -71,6 +76,11 @@ export function PanelAppsList({
     deletePanelApp.mutate(entry.id);
   };
 
+  const startExamplePanelAppDraft = () => {
+    navigate('/chat');
+    presenter.chatDraftIntentManager.requestDraft(t('panelAppsExamplePrompt'));
+  };
+
   if (panelApps.isLoading) {
     return (
       <div className="flex h-full items-center justify-center text-sm text-gray-500">{t('panelAppsLoading')}</div>
@@ -122,8 +132,14 @@ export function PanelAppsList({
           </TabsList>
         </Tabs>
       </div>
-      {entries.length === 0 ? (
-        <div className="flex flex-1 items-center justify-center px-6 text-center text-sm text-gray-500">{t('panelAppsEmpty')}</div>
+      {allEntries.length === 0 ? (
+        <PanelAppsEmptyGuide
+          panelsPath={panelApps.data?.panelsPath}
+          onCreateExample={startExamplePanelAppDraft}
+          onRefresh={() => void panelApps.refetch()}
+        />
+      ) : entries.length === 0 ? (
+        <div className="flex flex-1 items-center justify-center px-6 text-center text-sm text-gray-500">{t('panelAppsEmptyFiltered')}</div>
       ) : (
         <div className="custom-scrollbar min-h-0 flex-1 overflow-y-auto p-3">
           <div className="space-y-1.5">
@@ -144,3 +160,101 @@ export function PanelAppsList({
     </div>
   );
 }
+
+function PanelAppsEmptyGuide({
+  onCreateExample,
+  panelsPath,
+  onRefresh,
+}: {
+  onCreateExample: () => void;
+  panelsPath?: string;
+  onRefresh: () => void;
+}) {
+  return (
+    <div className="flex flex-1 items-center justify-center overflow-y-auto px-5 py-6 text-center">
+      <div className="w-full max-w-sm">
+        <div className="mx-auto flex h-10 w-10 items-center justify-center rounded-lg bg-primary/10 text-primary">
+          <AppWindow className="h-5 w-5" />
+        </div>
+        <h2 className="mt-3 text-sm font-semibold text-gray-900">{t('panelAppsEmptyTitle')}</h2>
+        <p className="mt-1 text-xs leading-5 text-gray-500">{t('panelAppsEmptyDescription')}</p>
+
+        <div className="mt-4 space-y-2 text-left">
+          <PanelAppsEmptyGuideStep
+            icon={<MessageSquarePlus className="h-4 w-4" />}
+            title={t('panelAppsEmptyAskTitle')}
+            description={t('panelAppsEmptyAskDescription')}
+            actionLabel={t('panelAppsEmptyAskAction')}
+            onAction={onCreateExample}
+          />
+          <PanelAppsEmptyGuideStep
+            icon={<FileCode2 className="h-4 w-4" />}
+            title={t('panelAppsEmptyFileTitle')}
+            description={t('panelAppsEmptyFileDescription')}
+          />
+        </div>
+
+        {panelsPath ? (
+          <div className="mt-4 rounded-md bg-gray-50 px-3 py-2 text-left">
+            <div className="text-[11px] font-medium uppercase text-gray-400">{t('panelAppsPanelsPath')}</div>
+            <code className="mt-1 block break-all text-xs text-gray-600">{panelsPath}</code>
+          </div>
+        ) : null}
+
+        <button
+          type="button"
+          onClick={onRefresh}
+          className="mt-4 inline-flex items-center justify-center gap-1.5 rounded-md border border-gray-200 px-3 py-1.5 text-xs font-medium text-gray-700 transition-colors hover:bg-gray-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40"
+        >
+          <RefreshCw className="h-3.5 w-3.5" />
+          {t('panelAppsRefresh')}
+        </button>
+      </div>
+    </div>
+  );
+}
+
+function PanelAppsEmptyGuideStep({
+  actionLabel,
+  description,
+  icon,
+  onAction,
+  title,
+}: {
+  actionLabel?: string;
+  description: string;
+  icon: ReactNode;
+  onAction?: () => void;
+  title: string;
+}) {
+  const content = (
+    <>
+      <div className="mt-0.5 text-gray-500">{icon}</div>
+      <div className="min-w-0">
+        <div className="text-xs font-medium text-gray-800">{title}</div>
+        <div className="mt-0.5 text-xs leading-5 text-gray-500">{description}</div>
+        {actionLabel ? (
+          <div className="mt-2 text-xs font-medium text-primary">{actionLabel}</div>
+        ) : null}
+      </div>
+    </>
+  );
+
+  if (onAction) {
+    return (
+      <button
+        type="button"
+        onClick={onAction}
+        className="flex w-full gap-2 rounded-md bg-gray-50 px-3 py-2.5 text-left transition-colors hover:bg-primary/5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40"
+      >
+        {content}
+      </button>
+    );
+  }
+
+  return (
+    <div className="flex gap-2 rounded-md bg-gray-50 px-3 py-2.5">
+      {content}
+    </div>
+  );
+}

package/src/features/panel-apps/index.ts

@@ -1,5 +1,7 @@
 export { PanelAppsList } from './components/panel-apps-list';
+export { usePanelApps } from './hooks/use-panel-apps';
 export { PanelAppBridgeManager } from './managers/panel-app-bridge.manager';
+export { findPanelAppEntryByDisplayId } from './utils/panel-app-entry-match.utils';
 export {
   openApps,
   PANEL_APPS_DOC_BROWSER_RENDERERS,

package/src/features/panel-apps/utils/panel-app-entry-match.utils.ts

@@ -0,0 +1,17 @@
+import type { PanelAppEntryView } from '@/shared/lib/api';
+
+function isPanelAppEntryMatch(entry: PanelAppEntryView, value: string): boolean {
+  const normalizedValue = value.trim();
+  return [entry.id, entry.appId, entry.fileName, entry.title].some((candidate) => candidate.trim() === normalizedValue);
+}
+
+export function findPanelAppEntryByDisplayId(
+  entries: readonly PanelAppEntryView[],
+  value: string,
+): PanelAppEntryView | null {
+  const normalizedValue = value.trim();
+  if (!normalizedValue) {
+    return null;
+  }
+  return entries.find((entry) => isPanelAppEntryMatch(entry, normalizedValue)) ?? null;
+}

package/src/shared/lib/api/chat-session-type.types.ts

@@ -1,4 +1,10 @@
 import type { RuntimeModelSelectionMode } from '@nextclaw/shared';
+import type { ThinkingLevel } from './types';
+
+export type RuntimeDefaultThinkingView = {
+  supported: ThinkingLevel[];
+  default?: ThinkingLevel | null;
+};
 
 export type ChatSessionTypeIconView = {
   kind: "image";
@@ -22,6 +28,7 @@ export type ChatSessionTypeOptionView = {
   supportedModels?: string[];
   recommendedModel?: string | null;
   modelSelectionMode?: RuntimeModelSelectionMode;
+  runtimeDefaultThinking?: RuntimeDefaultThinkingView | null;
   cta?: ChatSessionTypeCtaView | null;
 };
 

package/src/shared/lib/api/ncp-session.types.ts

@@ -53,6 +53,7 @@ export type SessionEntryView = {
   projectRoot?: string | null;
   workingDir?: string | null;
   projectName?: string | null;
+  metadata?: Record<string, unknown>;
   sessionType: string;
   sessionTypeMutable: boolean;
   isChildSession?: boolean;

package/src/shared/lib/api/types.ts

@@ -256,6 +256,7 @@ export type AgentProfileView = {
   runtimeConfig?: Record<string, unknown>;
   engine?: string;
   engineConfig?: Record<string, unknown>;
+  thinkingDefault?: ThinkingLevel;
   contextTokens?: number;
   maxToolIterations?: number;
   builtIn?: boolean;
@@ -447,6 +448,7 @@ export type RuntimeConfigUpdate = {
       contextTokens?: number;
       engine?: string;
       engineConfig?: Record<string, unknown>;
+      thinkingDefault?: ThinkingLevel;
     };
     runtimes?: {
       entries?: Record<string, RuntimeEntryView> | null;
@@ -520,6 +522,7 @@ export type ConfigView = {
       workspace?: string;
       engine?: string;
       engineConfig?: Record<string, unknown>;
+      thinkingDefault?: ThinkingLevel;
       contextTokens?: number;
       maxToolIterations?: number;
     };

package/src/shared/lib/i18n/locales/en-US/chat.json

@@ -101,6 +101,9 @@
   "chatDeleteSession": "Delete Session",
   "chatDeleteSessionConfirm": "Delete the current session?",
   "chatSessionMoreActions": "More actions",
+  "chatSessionViewMetadata": "View Metadata",
+  "chatSessionMetadataDialogTitle": "Session Metadata",
+  "chatSessionMetadataDialogDescription": "Raw metadata stored on the current session.",
   "chatSessionSetProject": "Set Project Directory",
   "chatSessionClearProject": "Clear Project Directory",
   "chatSessionProjectDialogTitle": "Set Project Directory",
@@ -129,6 +132,7 @@
   "chatToolStatusFailed": "Failed",
   "chatToolStatusCancelled": "Cancelled",
   "chatShowContentAction": "Show content",
+  "chatPanelCardExpand": "Expand to side panel",
   "chatReasoning": "Reasoning",
   "chatImageAttachment": "Image attachment",
   "chatFileAttachment": "File attachment",

package/src/shared/lib/i18n/locales/en-US/doc-browser.json

@@ -22,6 +22,16 @@
   "panelAppsLoading": "Loading panel apps...",
   "panelAppsLoadFailed": "Failed to load panel apps",
   "panelAppsEmpty": "No panel apps yet",
+  "panelAppsEmptyTitle": "Create your first panel app",
+  "panelAppsEmptyDescription": "Panel apps are lightweight tools that open beside chat, such as dashboards, forms, calculators, and temporary workbenches.",
+  "panelAppsEmptyAskTitle": "Ask NextClaw to generate one",
+  "panelAppsEmptyAskDescription": "Start with a ready-made prompt that creates a sample local tool for this panel.",
+  "panelAppsEmptyAskAction": "Create sample panel app",
+  "panelAppsExamplePrompt": "Create a sample NextClaw Panel App for me: a personal task board. Put it in the NextClaw panels folder as a single *.panel.html file. Include adding tasks, toggling completion, filtering, and local state persistence. After creating it, tell me to refresh Panel Apps and open it. Do not ask follow-up questions first.",
+  "panelAppsEmptyFileTitle": "Add it to the panels folder",
+  "panelAppsEmptyFileDescription": "You can also add a *.panel.html file, or a *.panel folder with panel-app.json.",
+  "panelAppsPanelsPath": "Panels folder",
+  "panelAppsEmptyFiltered": "No panel apps in this view",
   "panelAppsRefresh": "Refresh panel apps",
   "panelAppsRefreshCurrent": "Refresh current panel app",
   "panelAppsSortLabel": "Sort",

package/src/shared/lib/i18n/locales/zh-CN/chat.json

@@ -101,6 +101,9 @@
   "chatDeleteSession": "删除会话",
   "chatDeleteSessionConfirm": "确认删除当前会话？",
   "chatSessionMoreActions": "更多操作",
+  "chatSessionViewMetadata": "查看元数据",
+  "chatSessionMetadataDialogTitle": "会话元数据",
+  "chatSessionMetadataDialogDescription": "当前会话保存的原始元数据。",
   "chatSessionSetProject": "设置项目目录",
   "chatSessionClearProject": "清除项目目录",
   "chatSessionProjectDialogTitle": "设置项目目录",
@@ -129,6 +132,7 @@
   "chatToolStatusFailed": "失败",
   "chatToolStatusCancelled": "已取消",
   "chatShowContentAction": "展示内容",
+  "chatPanelCardExpand": "展开到侧栏",
   "chatReasoning": "推理过程",
   "chatImageAttachment": "图片附件",
   "chatFileAttachment": "文件附件",

package/src/shared/lib/i18n/locales/zh-CN/doc-browser.json

@@ -22,6 +22,16 @@
   "panelAppsLoading": "加载面板应用中...",
   "panelAppsLoadFailed": "面板应用加载失败",
   "panelAppsEmpty": "暂无面板应用",
+  "panelAppsEmptyTitle": "创建你的第一个面板应用",
+  "panelAppsEmptyDescription": "面板应用是在聊天旁边打开的轻量工具，适合仪表盘、表单、计算器和临时工作台。",
+  "panelAppsEmptyAskTitle": "让 NextClaw 帮你生成",
+  "panelAppsEmptyAskDescription": "从一段现成提示词开始，让 NextClaw 直接创建一个可打开的示例小工具。",
+  "panelAppsEmptyAskAction": "生成示例面板应用",
+  "panelAppsExamplePrompt": "请直接为我创建一个示例 NextClaw Panel App：个人任务看板。请把它放到 NextClaw panels 目录，使用单文件 *.panel.html，包含任务添加、完成状态切换、筛选和本地状态保存。创建完成后告诉我刷新 Panel Apps 并打开它。不要先问我问题。",
+  "panelAppsEmptyFileTitle": "放入 panels 目录",
+  "panelAppsEmptyFileDescription": "也可以添加 *.panel.html 文件，或带 panel-app.json 的 *.panel 目录。",
+  "panelAppsPanelsPath": "面板目录",
+  "panelAppsEmptyFiltered": "当前分类暂无面板应用",
   "panelAppsRefresh": "刷新面板应用",
   "panelAppsRefreshCurrent": "刷新当前面板应用",
   "panelAppsSortLabel": "排序",