@nextclaw/ui 0.27.0 → 0.27.2

package/src/shared/components/doc-browser/stores/doc-browser.store.ts

@@ -1,4 +1,5 @@
 import { ViewMemoryStorage } from '@/shared/lib/navigation-history';
+import { createSessionResourceUri, parseSessionResourceUri } from '@nextclaw/shared';
 import { create } from 'zustand';
 import { createJSONStorage, persist } from 'zustand/middleware';
 import type {
@@ -80,16 +81,19 @@ function normalizePersistedDocBrowserTab(value: unknown): DocBrowserTab | null {
     ? value.resourceUri.trim()
     : undefined;
   const dockIcon = normalizePersistedDockIcon(value.dockIcon);
+  const currentUrl = history[historyIndex] ?? value.currentUrl;
+  const sessionId = parseSessionResourceUri(resourceUri ?? currentUrl);
+  const sessionUri = sessionId ? createSessionResourceUri(sessionId) : undefined;
 
   return {
     id: value.id,
-    kind: value.kind,
+    kind: sessionUri ? 'chat-session' : value.kind,
     title: value.title,
-    currentUrl: history[historyIndex] ?? value.currentUrl,
-    resourceUri,
+    currentUrl: sessionUri ?? currentUrl,
+    resourceUri: sessionUri ?? resourceUri,
     dockIcon,
     viewState: value.viewState,
-    dedupeKey,
+    dedupeKey: sessionUri ?? dedupeKey,
     history,
     historyIndex,
     navVersion,
@@ -123,12 +127,14 @@ function normalizePersistedActiveHistoryEntry(
   const resourceUri = typeof value.resourceUri === 'string' && value.resourceUri.trim().length > 0
     ? value.resourceUri.trim()
     : undefined;
+  const sessionId = parseSessionResourceUri(resourceUri ?? value.url);
+  const sessionUri = sessionId ? createSessionResourceUri(sessionId) : undefined;
 
   return {
-    kind: value.kind,
-    resourceUri,
+    kind: sessionUri ? 'chat-session' : value.kind,
+    resourceUri: sessionUri ?? resourceUri,
     tabId: value.tabId,
-    url: value.url,
+    url: sessionUri ?? value.url,
   };
 }
 

package/src/shared/components/doc-browser/utils/doc-browser-url.utils.ts

@@ -112,7 +112,8 @@ export function getDocsUrl(pathOrUrl: string): string {
 
 export function normalizeDocUrl(url: string): string {
   try {
-    return new URL(url).pathname.replace(/\.html$/, '').replace(/\/$/, '');
+    const parsed = new URL(url);
+    return `${parsed.pathname.replace(/\.html$/, '').replace(/\/$/, '')}${parsed.search}${parsed.hash}`;
   } catch {
     return url;
   }

package/src/shared/components/ui/skeleton.tsx

@@ -6,10 +6,24 @@ function Skeleton({
 }: React.HTMLAttributes<HTMLDivElement>) {
   return (
     <div
-      className={cn("animate-pulse rounded-md bg-slate-200", className)}
+      aria-hidden="true"
+      className={cn("motion-safe:animate-pulse rounded-md bg-foreground/[0.06]", className)}
       {...props}
     />
   );
 }
 
-export { Skeleton };
+function SkeletonContent({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) {
+  return (
+    <div className={cn("flex items-start gap-3 py-5", className)} aria-hidden="true" {...props}>
+      <Skeleton className="h-10 w-10 shrink-0 rounded-xl" />
+      <div className="min-w-0 flex-1 space-y-3 pt-1">
+        <Skeleton className="h-3.5 w-28 max-w-[55%]" />
+        <Skeleton className="h-2.5 w-3/4 max-w-72" />
+        <Skeleton className="h-2.5 w-1/2 max-w-48" />
+      </div>
+    </div>
+  );
+}
+
+export { Skeleton, SkeletonContent };

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

@@ -558,6 +558,14 @@
   "chatSessionErrorTitle": "Something went wrong",
   "chatSessionActivityInterrupted": "The run was interrupted. Send the message again.",
   "chatSendFailed": "Failed to send message",
+  "chatSubmissionSending": "Checking whether the message was received…",
+  "chatSendResultUnknown": "The send result is unknown. Check the session, then retry the original request.",
+  "chatSendResultUnknownChild": "The send result is unknown. Check child sessions first; a safe retry is unavailable here.",
+  "chatSubmissionRejected": "The message was not accepted. You can restore it and retry.",
+  "chatSubmissionRetry": "Check and retry original request",
+  "chatSubmissionRestore": "Restore message",
+  "chatSubmissionDiscard": "Discard failed message",
+  "chatSubmissionDiscardConfirm": "Discard this failed message? You cannot undo this action.",
   "chatRoleUser": "You",
   "chatRoleAssistant": "Assistant",
   "chatRoleTool": "Tool",

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

@@ -558,6 +558,14 @@
   "chatSessionErrorTitle": "出错了",
   "chatSessionActivityInterrupted": "运行意外中断，请重新发送消息。",
   "chatSendFailed": "发送消息失败",
+  "chatSubmissionSending": "正在确认消息是否已接收…",
+  "chatSendResultUnknown": "发送结果尚未确认。请先检查会话消息，再用原请求重试。",
+  "chatSendResultUnknownChild": "发送结果尚未确认。请先检查子会话消息；当前无法安全重试。",
+  "chatSubmissionRejected": "消息未被接收。可恢复原内容后重试。",
+  "chatSubmissionRetry": "查询并重试原请求",
+  "chatSubmissionRestore": "恢复原内容",
+  "chatSubmissionDiscard": "丢弃失败内容",
+  "chatSubmissionDiscardConfirm": "确定丢弃这条失败消息的内容吗？此操作无法撤销。",
   "chatRoleUser": "你",
   "chatRoleAssistant": "助手",
   "chatRoleTool": "工具",

package/src/shared/lib/transport/__tests__/local-transport.service.test.ts

@@ -102,4 +102,28 @@ describe('LocalAppTransport browser connection recovery', () => {
     expect(handler).toHaveBeenLastCalledWith({ type: 'connection.open', payload: {} });
     unsubscribe();
   });
+
+  it('bounds a stalled request without requiring each caller to supply a timeout', async () => {
+    vi.stubGlobal('fetch', vi.fn((_url, options: RequestInit) => new Promise((_resolve, reject) => {
+      options.signal?.addEventListener('abort', () => reject(options.signal?.reason), { once: true });
+    })));
+    const transport = new LocalAppTransport({ apiBase: 'http://localhost' });
+    const result = transport.request({ method: 'GET', path: '/api/projects' });
+    const rejected = expect(result).rejects.toThrow('Request timed out after 30000ms');
+    await vi.advanceTimersByTimeAsync(30_000);
+    await rejected;
+  });
+
+  it('preserves caller cancellation when a request also has a timeout', async () => {
+    vi.stubGlobal('fetch', vi.fn((_url, options: RequestInit) => new Promise((_resolve, reject) => {
+      options.signal?.addEventListener('abort', () => reject(new Error('caller cancelled')), { once: true });
+    })));
+    const controller = new AbortController();
+    const transport = new LocalAppTransport({ apiBase: 'http://localhost' });
+    const result = transport.request({ method: 'GET', path: '/api/projects', signal: controller.signal, timeoutMs: 5000 });
+    const rejected = expect(result).rejects.toThrow('caller cancelled');
+    controller.abort();
+    await rejected;
+    expect(vi.getTimerCount()).toBe(0);
+  });
 });

package/src/shared/lib/transport/local-transport.service.ts

@@ -178,11 +178,13 @@ export class LocalAppTransport implements AppTransport {
   request = async <T>(input: RequestInput): Promise<T> => {
     const timeoutMs = Number.isFinite(input.timeoutMs) && (input.timeoutMs ?? 0) > 0
       ? Math.trunc(input.timeoutMs as number)
-      : null;
-    const controller = timeoutMs ? new AbortController() : null;
-    const timeoutId = timeoutMs
-      ? window.setTimeout(() => controller?.abort(`Request timed out after ${timeoutMs}ms: ${input.method} ${input.path}`), timeoutMs)
-      : null;
+      : 30_000;
+    const controller = new AbortController();
+    const timeoutId = window.setTimeout(
+      () => controller.abort(`Request timed out after ${timeoutMs}ms: ${input.method} ${input.path}`),
+      timeoutMs,
+    );
+    const signal = input.signal ? AbortSignal.any([controller.signal, input.signal]) : controller.signal;
     const requestBody = normalizeRequestBody(input.body);
 
     try {
@@ -190,7 +192,7 @@ export class LocalAppTransport implements AppTransport {
         method: input.method,
         ...(requestBody !== undefined ? { body: requestBody } : {}),
         ...(input.headers ? { headers: input.headers } : {}),
-        signal: controller?.signal ?? input.signal
+        signal
       });
       if (!response.ok) {
         throw createTransportError(response, `Request failed for ${input.method} ${input.path}`);

package/dist/assets/account-panel-BYxGT4m4.js

@@ -1 +0,0 @@
-import{i as e}from"./chunk-DF37yw5_.js";import{Gt as t,Wt as n,Yt as r,cr as i,yr as a}from"./api-CG22BskB.js";import{I as o,J as s,St as c,c as l,r as u}from"./app-presenter-provider-CJFjhVYI.js";import{t as d}from"./createLucideIcon-Lnt-4LMC.js";import{i as f}from"./use-viewport-layout-BANU5E1t.js";import{n as p,s as m}from"./i18n-B0V5NkFj.js";import{a as h,n as g,o as _,r as v,t as y}from"./dialog-BNXSPMX_.js";var b=d(`LogOut`,[[`path`,{d:`M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4`,key:`1uf3rs`}],[`polyline`,{points:`16 17 21 12 16 7`,key:`1gabdz`}],[`line`,{x1:`21`,x2:`9`,y1:`12`,y2:`12`,key:`1uyos4`}]]),x=e(a(),1),S=i();function C({label:e,value:t}){return(0,S.jsxs)(`div`,{className:`flex items-start justify-between gap-4 py-2 text-sm`,children:[(0,S.jsx)(`span`,{className:`text-gray-500`,children:e}),(0,S.jsx)(`span`,{className:`text-right text-gray-900`,children:t?.trim()||`-`})]})}function w(e){let{email:i,username:a,role:o,canSubmitUsername:l,savingUsername:u,usernameDraft:d,onUsernameDraftChange:f,onSubmitUsername:p,onOpenDeviceList:h,onLogout:g}=e;return(0,S.jsxs)(`div`,{className:`space-y-4`,children:[(0,S.jsx)(s,{tone:`success`,title:m(`accountPanelSignedInTitle`),description:m(`accountPanelSignedInDescription`)}),(0,S.jsxs)(s,{tone:`neutral`,children:[(0,S.jsx)(C,{label:m(`remoteAccountEmail`),value:i}),(0,S.jsx)(C,{label:m(`remoteAccountUsername`),value:a}),(0,S.jsx)(C,{label:m(`remoteAccountRole`),value:o})]}),a?(0,S.jsx)(`p`,{className:`text-xs text-gray-500`,children:m(`remoteAccountUsernameLockedHelp`)}):(0,S.jsxs)(s,{tone:`warning`,title:m(`remoteAccountUsernameRequiredTitle`),description:m(`remoteAccountUsernameRequiredDescription`),children:[(0,S.jsxs)(`div`,{className:`mt-4 space-y-2`,children:[(0,S.jsx)(n,{htmlFor:`account-panel-username`,children:m(`remoteAccountUsername`)}),(0,S.jsx)(t,{id:`account-panel-username`,value:d,onChange:e=>f(e.target.value),placeholder:m(`remoteAccountUsernamePlaceholder`),autoCapitalize:`none`,autoCorrect:`off`,spellCheck:!1})]}),(0,S.jsx)(`div`,{className:`mt-4 flex flex-wrap gap-3`,children:(0,S.jsx)(r,{disabled:!l,onClick:()=>void p(),children:m(u?`remoteAccountUsernameSaving`:`remoteAccountUsernameSave`)})})]}),(0,S.jsxs)(`div`,{className:`flex flex-wrap gap-3`,children:[(0,S.jsxs)(r,{onClick:()=>void h(),children:[(0,S.jsx)(c,{className:`mr-2 h-4 w-4`}),m(`remoteOpenDeviceList`)]}),(0,S.jsxs)(r,{variant:`outline`,onClick:()=>void g(),children:[(0,S.jsx)(b,{className:`mr-2 h-4 w-4`}),m(`remoteLogout`)]})]})]})}function T(e){let{authSessionId:t,authExpiresAt:n,authStatusMessage:i,authVerificationUri:a,onStartBrowserSignIn:o,onResumeBrowserSignIn:c}=e;return(0,S.jsxs)(`div`,{className:`space-y-4`,children:[(0,S.jsx)(s,{tone:`neutral`,title:m(`accountPanelSignedOutTitle`),description:m(`accountPanelSignedOutDescription`),children:t?(0,S.jsxs)(`div`,{className:`mt-3 border-t border-white/80 pt-3`,children:[(0,S.jsx)(C,{label:m(`remoteBrowserAuthSession`),value:t}),(0,S.jsx)(C,{label:m(`remoteBrowserAuthExpiresAt`),value:n?p(n):`-`})]}):null}),i?(0,S.jsx)(`p`,{className:`text-sm text-gray-600`,children:i}):null,(0,S.jsxs)(`div`,{className:`flex flex-wrap gap-3`,children:[(0,S.jsx)(r,{onClick:()=>void o(),children:m(t?`remoteBrowserAuthActionRetry`:`remoteBrowserAuthAction`)}),a?(0,S.jsx)(r,{variant:`outline`,onClick:()=>void c(),children:m(`remoteBrowserAuthResume`)}):null]})]})}function E(){let e=u(),t=o(),n=l(e=>e.panelOpen),r=l(e=>e.authSessionId),i=l(e=>e.authVerificationUri),a=l(e=>e.authExpiresAt),s=l(e=>e.authStatusMessage),c=t.data,[d,p]=(0,x.useState)(``),[b,C]=(0,x.useState)(!1);(0,x.useEffect)(()=>{e.accountManager.syncRemoteStatus(c)},[e,c]);let E=!b&&d.trim().length>0&&!c?.account.username;return(0,S.jsx)(y,{open:n,onOpenChange:t=>t?e.accountManager.openAccountPanel():e.accountManager.closeAccountPanel(),children:(0,S.jsxs)(g,{className:`max-w-xl`,children:[(0,S.jsxs)(h,{children:[(0,S.jsxs)(_,{className:`flex items-center gap-2`,children:[(0,S.jsx)(f,{className:`h-5 w-5 text-primary`}),m(`accountPanelTitle`)]}),(0,S.jsx)(v,{children:m(`accountPanelDescription`)})]}),c?.account.loggedIn?(0,S.jsx)(w,{email:c.account.email,username:c.account.username,role:c.account.role,canSubmitUsername:E,savingUsername:b,usernameDraft:d,onUsernameDraftChange:p,onSubmitUsername:async()=>{C(!0);try{await e.accountManager.updateUsername(d)}finally{C(!1)}},onOpenDeviceList:()=>e.accountManager.openNextClawWeb(`/account`),onLogout:()=>e.accountManager.logout()}):(0,S.jsx)(T,{authSessionId:r,authExpiresAt:a,authStatusMessage:s,authVerificationUri:i,onStartBrowserSignIn:()=>e.accountManager.startBrowserSignIn(),onResumeBrowserSignIn:()=>e.accountManager.resumeBrowserSignIn()})]})})}export{E as AccountPanel};