@nextclaw/ui 0.10.4 → 0.10.5

package/dist/assets/{tabs-custom-xrIDQNF2.js → tabs-custom-BG9y2JhC.js}

@@ -1 +1 @@
-import{j as e}from"./vendor-CNhxtHCf.js";import{as as m,c as s}from"./index-B3caHNCU.js";function c({tabs:a,activeTab:i,onChange:o,className:n}){return e.jsx("div",{className:s("flex items-center gap-6 border-b border-gray-200/60 mb-6",n),children:a.map(t=>{const r=i===t.id;return e.jsxs("button",{onClick:()=>o(t.id),className:s("relative pb-3 text-[14px] font-medium transition-all duration-fast flex items-center gap-1.5",r?"text-gray-900":"text-gray-600 hover:text-gray-900"),children:[t.label,t.count!==void 0&&e.jsx("span",{className:s("text-[11px] font-medium","text-gray-500"),children:m(t.count)}),r&&e.jsx("div",{className:"absolute bottom-0 left-0 right-0 h-[2px] bg-primary rounded-full"})]},t.id)})})}export{c as T};
+import{j as e}from"./vendor-CNhxtHCf.js";import{as as m,c as s}from"./index-BulnQWr6.js";function c({tabs:a,activeTab:i,onChange:o,className:n}){return e.jsx("div",{className:s("flex items-center gap-6 border-b border-gray-200/60 mb-6",n),children:a.map(t=>{const r=i===t.id;return e.jsxs("button",{onClick:()=>o(t.id),className:s("relative pb-3 text-[14px] font-medium transition-all duration-fast flex items-center gap-1.5",r?"text-gray-900":"text-gray-600 hover:text-gray-900"),children:[t.label,t.count!==void 0&&e.jsx("span",{className:s("text-[11px] font-medium","text-gray-500"),children:m(t.count)}),r&&e.jsx("div",{className:"absolute bottom-0 left-0 right-0 h-[2px] bg-primary rounded-full"})]},t.id)})})}export{c as T};

package/dist/assets/{useConfirmDialog-DCZbJzHW.js → useConfirmDialog-DTducNfn.js}

@@ -1 +1 @@
-import{j as a,r as t}from"./vendor-CNhxtHCf.js";import{am as p,an as C,ao as h,ap as x,aq as g,ar as D,B as d,t as i}from"./index-B3caHNCU.js";const j=({open:l,onOpenChange:r,title:c,description:o,confirmLabel:s=i("confirm"),cancelLabel:e=i("cancel"),variant:n="default",onConfirm:u,onCancel:f})=>{const m=()=>{u(),r(!1)},v=()=>{f(),r(!1)};return a.jsx(p,{open:l,onOpenChange:r,children:a.jsxs(C,{className:"[&>:last-child]:hidden",onCloseAutoFocus:b=>b.preventDefault(),children:[a.jsxs(h,{children:[a.jsx(x,{children:c}),o?a.jsx(g,{children:o}):null]}),a.jsxs(D,{className:"gap-2 sm:gap-0",children:[a.jsx(d,{type:"button",variant:"outline",onClick:v,children:e}),a.jsx(d,{type:"button",variant:n==="destructive"?"destructive":"default",onClick:m,children:s})]})]})})},L={open:!1,title:"",description:"",confirmLabel:i("confirm"),cancelLabel:i("cancel"),variant:"default",resolve:null};function y(){const[l,r]=t.useState(L),c=t.useCallback(e=>new Promise(n=>{r({open:!0,title:e.title,description:e.description??"",confirmLabel:e.confirmLabel??i("confirm"),cancelLabel:e.cancelLabel??i("cancel"),variant:e.variant??"default",resolve:u=>{n(u),r(f=>({...f,open:!1,resolve:null}))}})}),[]),o=t.useCallback(e=>{r(n=>(!e&&n.resolve&&n.resolve(!1),{...n,open:e,resolve:e?n.resolve:null}))},[]),s=t.useCallback(()=>a.jsx(j,{open:l.open,onOpenChange:o,title:l.title,description:l.description||void 0,confirmLabel:l.confirmLabel,cancelLabel:l.cancelLabel,variant:l.variant,onConfirm:()=>{var e;return(e=l.resolve)==null?void 0:e.call(l,!0)},onCancel:()=>{var e;return(e=l.resolve)==null?void 0:e.call(l,!1)}}),[l,o]);return{confirm:c,ConfirmDialog:s}}export{y as u};
+import{j as a,r as t}from"./vendor-CNhxtHCf.js";import{am as p,an as C,ao as h,ap as x,aq as g,ar as D,B as d,t as i}from"./index-BulnQWr6.js";const j=({open:l,onOpenChange:r,title:c,description:o,confirmLabel:s=i("confirm"),cancelLabel:e=i("cancel"),variant:n="default",onConfirm:u,onCancel:f})=>{const m=()=>{u(),r(!1)},v=()=>{f(),r(!1)};return a.jsx(p,{open:l,onOpenChange:r,children:a.jsxs(C,{className:"[&>:last-child]:hidden",onCloseAutoFocus:b=>b.preventDefault(),children:[a.jsxs(h,{children:[a.jsx(x,{children:c}),o?a.jsx(g,{children:o}):null]}),a.jsxs(D,{className:"gap-2 sm:gap-0",children:[a.jsx(d,{type:"button",variant:"outline",onClick:v,children:e}),a.jsx(d,{type:"button",variant:n==="destructive"?"destructive":"default",onClick:m,children:s})]})]})})},L={open:!1,title:"",description:"",confirmLabel:i("confirm"),cancelLabel:i("cancel"),variant:"default",resolve:null};function y(){const[l,r]=t.useState(L),c=t.useCallback(e=>new Promise(n=>{r({open:!0,title:e.title,description:e.description??"",confirmLabel:e.confirmLabel??i("confirm"),cancelLabel:e.cancelLabel??i("cancel"),variant:e.variant??"default",resolve:u=>{n(u),r(f=>({...f,open:!1,resolve:null}))}})}),[]),o=t.useCallback(e=>{r(n=>(!e&&n.resolve&&n.resolve(!1),{...n,open:e,resolve:e?n.resolve:null}))},[]),s=t.useCallback(()=>a.jsx(j,{open:l.open,onOpenChange:o,title:l.title,description:l.description||void 0,confirmLabel:l.confirmLabel,cancelLabel:l.cancelLabel,variant:l.variant,onConfirm:()=>{var e;return(e=l.resolve)==null?void 0:e.call(l,!0)},onCancel:()=>{var e;return(e=l.resolve)==null?void 0:e.call(l,!1)}}),[l,o]);return{confirm:c,ConfirmDialog:s}}export{y as u};

package/dist/index.html

@@ -6,7 +6,7 @@
   <link rel="icon" type="image/svg+xml" href="/logo.svg" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>NextClaw</title>
-  <script type="module" crossorigin src="/assets/index-B3caHNCU.js"></script>
+  <script type="module" crossorigin src="/assets/index-BulnQWr6.js"></script>
   <link rel="modulepreload" crossorigin href="/assets/vendor-CNhxtHCf.js">
   <link rel="stylesheet" crossorigin href="/assets/index-kaPUhd-8.css">
 </head>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextclaw/ui",
-  "version": "0.10.4",
+  "version": "0.10.5",
   "private": false,
   "type": "module",
   "license": "MIT",
@@ -28,11 +28,11 @@
     "tailwind-merge": "^2.5.4",
     "zod": "^3.23.8",
     "zustand": "^5.0.2",
-    "@nextclaw/ncp-react": "0.3.5",
-    "@nextclaw/ncp": "0.3.2",
-    "@nextclaw/ncp-http-agent-client": "0.3.2",
-    "@nextclaw/agent-chat-ui": "0.2.4",
-    "@nextclaw/agent-chat": "0.1.2"
+    "@nextclaw/ncp": "0.3.3",
+    "@nextclaw/agent-chat": "0.1.3",
+    "@nextclaw/agent-chat-ui": "0.2.5",
+    "@nextclaw/ncp-http-agent-client": "0.3.3",
+    "@nextclaw/ncp-react": "0.3.6"
   },
   "devDependencies": {
     "@testing-library/react": "^16.3.0",

package/src/api/ncp-attachments.ts

@@ -0,0 +1,41 @@
+import type { NcpDraftAttachment } from "@nextclaw/ncp-react";
+import { API_BASE } from "./api-base";
+import type { ApiResponse, NcpAttachmentUploadView } from "./types";
+
+function readErrorMessage(payload: unknown, fallback: string): string {
+  if (!payload || typeof payload !== "object" || Array.isArray(payload)) {
+    return fallback;
+  }
+  const error = (payload as { error?: unknown }).error;
+  if (!error || typeof error !== "object" || Array.isArray(error)) {
+    return fallback;
+  }
+  const message = (error as { message?: unknown }).message;
+  return typeof message === "string" && message.trim().length > 0 ? message : fallback;
+}
+
+export async function uploadNcpAttachments(files: File[]): Promise<NcpDraftAttachment[]> {
+  const formData = new FormData();
+  for (const file of files) {
+    formData.append("files", file);
+  }
+
+  const response = await fetch(`${API_BASE}/api/ncp/attachments`, {
+    method: "POST",
+    body: formData,
+    credentials: "include",
+  });
+  const payload = (await response.json()) as ApiResponse<NcpAttachmentUploadView>;
+  if (!response.ok || !payload.ok) {
+    throw new Error(readErrorMessage(payload, "Failed to upload attachments."));
+  }
+
+  return payload.data.attachments.map((attachment) => ({
+    id: attachment.id,
+    name: attachment.name,
+    mimeType: attachment.mimeType,
+    sizeBytes: attachment.sizeBytes,
+    attachmentUri: attachment.attachmentUri,
+    url: attachment.url,
+  }));
+}

package/src/api/types.ts

@@ -259,6 +259,19 @@ export type NcpSessionMessagesView = {
   total: number;
 };
 
+export type NcpAttachmentView = {
+  id: string;
+  name: string;
+  mimeType: string;
+  sizeBytes: number;
+  attachmentUri: string;
+  url: string;
+};
+
+export type NcpAttachmentUploadView = {
+  attachments: NcpAttachmentView[];
+};
+
 export type NcpSessionStatusView = NcpSessionStatus;
 
 export type SessionPatchUpdate = {

package/src/components/chat/adapters/chat-message.adapter.test.ts

@@ -164,3 +164,30 @@ it("maps file parts into previewable attachment view models", () => {
     },
   });
 });
+
+it("keeps named non-image files as downloadable attachments", () => {
+  const adapted = adapt([
+    {
+      id: "assistant-doc",
+      role: "assistant",
+      parts: [
+        {
+          type: "file",
+          name: "spec.pdf",
+          mimeType: "application/pdf",
+          data: "cGRm",
+        },
+      ],
+    },
+  ] as unknown as ChatMessageSource[]);
+
+  expect(adapted[0]?.parts[0]).toEqual({
+    type: "file",
+    file: {
+      label: "spec.pdf",
+      mimeType: "application/pdf",
+      dataUrl: "data:application/pdf;base64,cGRm",
+      isImage: false,
+    },
+  });
+});

package/src/components/chat/adapters/chat-message.adapter.ts

@@ -18,6 +18,7 @@ export type ChatMessagePartSource =
       type: 'file';
       mimeType: string;
       data: string;
+      url?: string;
       name?: string;
     }
   | {
@@ -212,7 +213,10 @@ export function adaptChatMessages(params: {
                     ? params.texts.imageAttachmentLabel
                     : params.texts.fileAttachmentLabel,
               mimeType: part.mimeType,
-              dataUrl: `data:${part.mimeType};base64,${part.data}`,
+              dataUrl:
+                typeof part.url === 'string' && part.url.trim().length > 0
+                  ? part.url.trim()
+                  : `data:${part.mimeType};base64,${part.data}`,
               isImage
             }
           };

package/src/components/chat/chat-composer-state.test.ts

@@ -71,4 +71,37 @@ describe('deriveNcpMessagePartsFromComposer', () => {
       }
     ]);
   });
+
+  it('preserves uploaded attachment references when the attachment has a server uri', () => {
+    const parts = deriveNcpMessagePartsFromComposer(
+      [
+        createChatComposerTokenNode({
+          tokenKind: 'file',
+          tokenKey: 'config',
+          label: 'config.json'
+        })
+      ],
+      [
+        {
+          id: 'config',
+          name: 'config.json',
+          mimeType: 'application/json',
+          sizeBytes: 18,
+          attachmentUri: 'attachment://local/2026/03/26/att_123',
+          url: '/api/ncp/attachments/content?uri=attachment%3A%2F%2Flocal%2F2026%2F03%2F26%2Fatt_123'
+        }
+      ]
+    );
+
+    expect(parts).toEqual([
+      {
+        type: 'file',
+        name: 'config.json',
+        mimeType: 'application/json',
+        attachmentUri: 'attachment://local/2026/03/26/att_123',
+        url: '/api/ncp/attachments/content?uri=attachment%3A%2F%2Flocal%2F2026%2F03%2F26%2Fatt_123',
+        sizeBytes: 18
+      }
+    ]);
+  });
 });

package/src/components/chat/chat-composer-state.ts

@@ -108,7 +108,9 @@ export function deriveNcpMessagePartsFromComposer(
       type: 'file',
       name: attachment.name,
       mimeType: attachment.mimeType,
-      contentBase64: attachment.contentBase64,
+      ...(attachment.attachmentUri ? { attachmentUri: attachment.attachmentUri } : {}),
+      ...(attachment.url ? { url: attachment.url } : {}),
+      ...(attachment.contentBase64 ? { contentBase64: attachment.contentBase64 } : {}),
       sizeBytes: attachment.sizeBytes
     });
   }

package/src/components/chat/containers/chat-input-bar.container.tsx

@@ -1,10 +1,10 @@
 import { useCallback, useMemo, useRef, useState } from 'react';
 import { ChatInputBar, type ChatInputBarHandle } from '@nextclaw/agent-chat-ui';
 import {
-  DEFAULT_NCP_IMAGE_ATTACHMENT_ACCEPT,
-  DEFAULT_NCP_IMAGE_ATTACHMENT_MAX_BYTES,
-  readFilesAsNcpDraftAttachments
+  DEFAULT_NCP_ATTACHMENT_MAX_BYTES,
+  uploadFilesAsNcpDraftAttachments
 } from '@nextclaw/ncp-react';
+import { uploadNcpAttachments } from '@/api/ncp-attachments';
 import {
   buildChatSlashItems,
   buildModelStateHint,
@@ -133,23 +133,25 @@ export function ChatInputBarContainer() {
 
   const showAttachmentError = useCallback((reason: 'unsupported-type' | 'too-large' | 'read-failed') => {
     if (reason === 'unsupported-type') {
-      toast.error(t('chatInputImageUnsupported'));
+      toast.error(t('chatInputAttachmentUnsupported'));
       return;
     }
     if (reason === 'too-large') {
       toast.error(
-        t('chatInputImageTooLarge').replace('{maxMb}', String(DEFAULT_NCP_IMAGE_ATTACHMENT_MAX_BYTES / (1024 * 1024)))
+        t('chatInputAttachmentTooLarge').replace('{maxMb}', String(DEFAULT_NCP_ATTACHMENT_MAX_BYTES / (1024 * 1024)))
       );
       return;
     }
-    toast.error(t('chatInputImageReadFailed'));
+    toast.error(t('chatInputAttachmentReadFailed'));
   }, []);
 
   const handleFilesAdd = useCallback(async (files: File[]) => {
     if (!attachmentSupported || files.length === 0) {
       return;
     }
-    const result = await readFilesAsNcpDraftAttachments(files);
+    const result = await uploadFilesAsNcpDraftAttachments(files, {
+      uploadBatch: uploadNcpAttachments,
+    });
     if (result.attachments.length > 0) {
       const insertedAttachments = presenter.chatInputManager.addAttachments?.(result.attachments) ?? [];
       if (insertedAttachments.length > 0) {
@@ -275,7 +277,6 @@ export function ChatInputBarContainer() {
         <input
           ref={fileInputRef}
           type="file"
-          accept={DEFAULT_NCP_IMAGE_ATTACHMENT_ACCEPT}
           multiple
           className="hidden"
           onChange={async (event) => {

package/src/components/chat/ncp/ncp-chat-input.manager.ts

@@ -27,10 +27,12 @@ export class NcpChatInputManager {
 
   private buildAttachmentSignature = (attachment: NcpDraftAttachment): string =>
     [
+      attachment.attachmentUri ?? '',
+      attachment.url ?? '',
       attachment.name,
       attachment.mimeType,
       String(attachment.sizeBytes),
-      attachment.contentBase64,
+      attachment.contentBase64 ?? '',
     ].join(':');
 
   constructor(

package/src/components/chat/ncp/ncp-session-adapter.test.ts

@@ -69,8 +69,10 @@ describe('adaptNcpMessageToUiMessage', () => {
       },
       {
         type: 'file',
+        name: 'sample.png',
         mimeType: 'image/png',
-        data: 'ZmFrZS1pbWFnZQ=='
+        data: 'ZmFrZS1pbWFnZQ==',
+        sizeBytes: 10
       },
       {
         type: 'text',

package/src/components/chat/ncp/ncp-session-adapter.ts

@@ -121,8 +121,22 @@ function toUiParts(parts: NcpMessagePart[]): UIMessage['parts'] {
     if (part.type === 'file' && part.contentBase64) {
       uiParts.push({
         type: 'file',
+        ...(part.name ? { name: part.name } : {}),
         mimeType: part.mimeType ?? 'application/octet-stream',
-        data: part.contentBase64
+        data: part.contentBase64,
+        ...(part.url ? { url: part.url } : {}),
+        ...(typeof part.sizeBytes === 'number' ? { sizeBytes: part.sizeBytes } : {})
+      });
+      continue;
+    }
+    if (part.type === 'file' && part.url) {
+      uiParts.push({
+        type: 'file',
+        ...(part.name ? { name: part.name } : {}),
+        mimeType: part.mimeType ?? 'application/octet-stream',
+        data: '',
+        url: part.url,
+        ...(typeof part.sizeBytes === 'number' ? { sizeBytes: part.sizeBytes } : {})
       });
       continue;
     }

package/src/lib/i18n.chat.ts

@@ -104,14 +104,14 @@ export const CHAT_LABELS: Record<string, { zh: string; en: string }> = {
   chatSkillsPickerOfficial: { zh: '官方', en: 'Official' },
   chatSkillsPickerManage: { zh: '管理技能', en: 'Manage Skills' },
   chatInputAttach: { zh: '添加附件', en: 'Attach file' },
-  chatInputImageUnsupported: {
-    zh: '当前仅支持 PNG、JPEG、WEBP、GIF 图片。',
-    en: 'Only PNG, JPEG, WEBP, and GIF images are supported.'
+  chatInputAttachmentUnsupported: {
+    zh: '当前上传流程不支持该文件类型。',
+    en: 'This file type is not supported in the current upload flow.'
   },
-  chatInputImageTooLarge: {
-    zh: '图片不能超过 {maxMb} MB。',
-    en: 'Images must be {maxMb} MB or smaller.'
+  chatInputAttachmentTooLarge: {
+    zh: '文件不能超过 {maxMb} MB。',
+    en: 'Files must be {maxMb} MB or smaller.'
   },
-  chatInputImageReadFailed: { zh: '读取图片失败，请重试。', en: 'Failed to read the image. Please try again.' },
+  chatInputAttachmentReadFailed: { zh: '读取文件失败，请重试。', en: 'Failed to read the file. Please try again.' },
   chatInputAttachComingSoon: { zh: '即将支持', en: 'Coming soon' }
 };