@springbrand/message-panel 0.1.3-alpha.26 → 0.1.3-alpha.28

package/cloud-os/capability-chip.tsx

@@ -1,7 +1,7 @@
 import { Diamond, X } from "@phosphor-icons/react";
 
 export interface CapabilityChipProps {
-  kind: "skill" | "plan";
+  kind: "skill" | "tool" | "plan";
   label: string;
   removable?: boolean;
   onRemove?: () => void;

package/cloud-os/chat/transcript-model.ts

@@ -35,7 +35,7 @@ export interface CloudOsMessageMetadata extends UnknownRecord {
 }
 
 export interface CloudOsRequestedCapability {
-  kind: "skill" | "plan";
+  kind: "skill" | "tool" | "plan";
   name: string;
   label: string;
 }
@@ -186,7 +186,7 @@ export function requestedCapabilitiesOf(
   return metadata.requestedCapabilities.flatMap((value) => {
     const capability = recordOf(value);
     if (
-      (capability.kind !== "skill" && capability.kind !== "plan") ||
+      (capability.kind !== "skill" && capability.kind !== "tool" && capability.kind !== "plan") ||
       typeof capability.name !== "string" ||
       !capability.name.trim() ||
       typeof capability.label !== "string" ||

package/cloud-os/composer/cloud-os-chat-input.tsx

@@ -64,7 +64,7 @@ export interface CloudOsComposerCommand {
 }
 
 export interface CloudOsCapabilityView {
-  kind: "skill" | "plan";
+  kind: "skill" | "tool" | "plan";
   name: string;
   label: string;
 }

package/cloud-os/styles/cloud-os.css

@@ -532,8 +532,12 @@
   font-weight: 600;
 }
 .cos-markdown img {
-  max-width: 100%;
+  max-width: min(100%, 16rem);
+  max-height: 13rem;
+  width: auto;
   height: auto;
+  border-radius: 0.75rem;
+  object-fit: contain;
 }
 
 /* ── 输入框容器(container query 决定「添加资源」标签是否显示)─────────────── */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@springbrand/message-panel",
-  "version": "0.1.3-alpha.26",
+  "version": "0.1.3-alpha.28",
   "type": "module",
   "files": [
     "src",

package/src/camel/camel-chat-messages.tsx

@@ -167,7 +167,7 @@ export function CamelChatError({
 }
 
 export function CamelChatRecovery({
-  label = "模型响应暂时中断，正在重试…",
+  label = "The model response was interrupted. Retrying…",
 }: {
   label?: string;
 }) {

package/src/composer/composer-attachments.tsx

@@ -59,7 +59,7 @@ export const AttachmentPreview = forwardRef<
     attachment.status === "uploading"
       ? "上传中…"
       : attachment.status === "error"
-        ? "上传失败"
+        ? "Upload failed"
         : [attachment.note, formatSize(attachment.size)].filter(Boolean).join(" · ");
   return (
     <div

package/src/composer/composer.tsx

@@ -211,10 +211,10 @@ function ComposerInner<TAttachment>(
       );
       const invalid = selected.filter((file) => !valid.includes(file));
       if (all.length > selected.length) {
-        onValidationError?.(`最多只能添加 ${maxFiles ?? 1} 个附件`, all);
+        onValidationError?.(`You can add up to ${maxFiles ?? 1} attachments`, all);
       }
       if (invalid.length) {
-        onValidationError?.("存在不支持或超过大小限制的文件", invalid);
+        onValidationError?.("Some files are unsupported or exceed the size limit", invalid);
       }
       if (valid.length) void onFilesAdded?.(valid);
     },

package/src/message-panel.tsx

@@ -277,7 +277,7 @@ function MessagePanelInner<T>(
           ? slots.error(error)
           : slots.error ?? (
               <PanelStatus kind="error">
-                {error instanceof Error ? error.message : "这一轮出错了，请重试。"}
+                {error instanceof Error ? error.message : "This turn failed. Please try again."}
               </PanelStatus>
             ))}
       <Conversation>

package/src/parts/index.tsx

@@ -1115,7 +1115,7 @@ export function DefaultPartRenderer({
     );
   }
   if (kind === "error") {
-    return <ErrorPart title={String(data.title ?? "Error")} body={String(data.body ?? data.message ?? "请求失败")} />;
+    return <ErrorPart title={String(data.title ?? "Error")} body={String(data.body ?? data.message ?? "Request failed")} />;
   }
   if (kind === "image") {
     return <ImagePart src={String(record.src ?? record.url ?? data.src ?? data.url ?? "")} alt={String(record.alt ?? record.filename ?? data.alt ?? data.filename ?? "图片")} onPreview={() => context.actions.onPreview?.(part)} />;