@springbrand/message-panel 0.2.0-alpha.47 → 0.2.0-alpha.49

package/cloud-os/chat/rich-blocks.tsx

@@ -21,6 +21,7 @@ import {
   CollapsibleTrigger,
 } from "../primitives/collapsible";
 import { Tooltip } from "../primitives/tooltip";
+import { ImagePreview } from "../file-view";
 import { WorkshopButton } from "../primitives/workshop-controls";
 import { MarkdownMessage } from "./markdown-message";
 import { collapsePanel } from "./surfaces";
@@ -305,17 +306,27 @@ export function AskUserAttachmentField({
                 className="flex min-w-0 items-center gap-3 rounded-xl border border-kumo-line bg-kumo-elevated/55 p-2"
               >
                 {attachment.status === "ready" && attachment.previewUrl
-                  ? (
+                  ? image
+                    ? (
+                      <ImagePreview
+                        src={attachment.previewUrl}
+                        label={label}
+                        placement="assistant-message"
+                      >
+                        {preview}
+                      </ImagePreview>
+                    )
+                    : (
                     <a
                       href={attachment.previewUrl}
                       target="_blank"
                       rel="noopener noreferrer"
-                      aria-label={`${image ? "Preview" : "Open"} ${label}`}
+                      aria-label={`Open ${label}`}
                       className="rounded-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-kumo-brand/40"
                     >
                       {preview}
                     </a>
-                  )
+                    )
                   : preview}
                 <span className="flex min-w-0 flex-1 flex-col">
                   <span className="truncate text-[13px] font-medium text-kumo-default">
@@ -403,6 +414,19 @@ export function AskUserBlock({
   const [inFlight, setInFlight] = useState(false);
   const [submissionError, setSubmissionError] = useState(false);
   const outcome = askUserOutcome(call);
+  const responseTimerRef = useRef<number | null>(null);
+  const hasAttachmentQuestion = questions.some(
+    (question) => question.kind === "attachment",
+  );
+  const clearResponseTimer = () => {
+    if (responseTimerRef.current === null) return;
+    window.clearTimeout(responseTimerRef.current);
+    responseTimerRef.current = null;
+  };
+  useEffect(() => () => clearResponseTimer(), []);
+  useEffect(() => {
+    if (outcome.kind !== "pending") clearResponseTimer();
+  }, [outcome.kind]);
   const displayAnswerAt = (index: number): DraftAnswer => {
     if (outcome.kind !== "answered") return answerAt(index);
     const answer = outcome.answers[index];
@@ -448,19 +472,28 @@ export function AskUserBlock({
         ),
       };
       setInFlight(true);
+      clearResponseTimer();
+      responseTimerRef.current = window.setTimeout(() => {
+        responseTimerRef.current = null;
+        setInFlight(false);
+        setSubmissionError(hasAttachmentQuestion);
+      }, 30_000);
       // 失败就把按钮放回可点：权威状态由 part 决定，这里只管别把用户锁死。
       void onRespond(call.toolCallId, response).then((ok) => {
         if (!ok) {
+          clearResponseTimer();
           setInFlight(false);
-          setSubmissionError(true);
+          setSubmissionError(hasAttachmentQuestion);
         }
       }, () => {
+        clearResponseTimer();
         setInFlight(false);
-        setSubmissionError(true);
+        setSubmissionError(hasAttachmentQuestion);
       });
     } catch {
+      clearResponseTimer();
       setInFlight(false);
-      setSubmissionError(true);
+      setSubmissionError(hasAttachmentQuestion);
     }
   };
 

package/cloud-os/file-view.tsx

@@ -270,7 +270,7 @@ function ProductFileView({
   );
 }
 
-function ImagePreview({
+export function ImagePreview({
   src,
   label,
   placement,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@springbrand/message-panel",
-  "version": "0.2.0-alpha.47",
+  "version": "0.2.0-alpha.49",
   "type": "module",
   "files": [
     "src",