@springbrand/message-panel 0.2.0-alpha.56 → 0.3.0-alpha.2

package/cloud-os/chat/cloud-os-chat-messages.tsx

@@ -1,3 +1,4 @@
+import type { ScheduleCardControls } from "./rich-blocks";
 import type { UIMessage } from "ai";
 import { AnimatePresence, motion, useReducedMotion } from "motion/react";
 import {
@@ -72,8 +73,6 @@ export interface CloudOsChatMessagesProps {
   /** 权威 Turn 生命周期;提供时替代本地 status 推断。 */
   turnActive?: boolean;
   isRecovering?: boolean;
-  recoveryAttempt?: number;
-  recoveryMax?: number;
   recoveryStatusLabel?: string;
   awaitingApproval?: boolean;
   /** 有 pending steer 时,活动占位说明「正在等当前步骤收尾」。 */
@@ -119,6 +118,7 @@ export interface CloudOsChatMessagesProps {
    */
   onRespond?: (toolCallId: string, response: unknown) => Promise<boolean>;
   /** 点击定时任务卡片:宿主决定跳到哪(缺省 → 卡片不可点)。 */
+  scheduleControls?: ScheduleCardControls;
   onOpenSchedule?: (scheduleId: string) => void;
   onCopy?: (text: string) => void;
 }
@@ -375,8 +375,6 @@ export function CloudOsChatMessages({
   status,
   turnActive,
   isRecovering = false,
-  recoveryAttempt,
-  recoveryMax,
   recoveryStatusLabel,
   awaitingApproval = false,
   hasPendingSteer = false,
@@ -397,6 +395,7 @@ export function CloudOsChatMessages({
   onSuggestion,
   onRespond,
   onOpenSchedule,
+  scheduleControls,
   onOpenArtifact,
   onCopy,
 }: CloudOsChatMessagesProps) {
@@ -550,8 +549,6 @@ export function CloudOsChatMessages({
   const activity = deriveTurnActivity(entries, {
     isActive,
     isRecovering,
-    recoveryAttempt,
-    recoveryMax,
     recoveryStatusLabel,
     awaitingApproval,
     hasPendingSteer,
@@ -722,8 +719,7 @@ export function CloudOsChatMessages({
               );
             const actionResultBlocks = entry.blocks.filter(
               (block): block is Extract<AssistantBlock, { kind: "actionPresentation" }> =>
-                block.kind === "actionPresentation" &&
-                !(block.presentation.state === "ready" && block.presentation.content.length === 0),
+                block.kind === "actionPresentation",
             );
             const finalMediaBlocks = entry.blocks.filter(
               (block): block is Extract<AssistantBlock, { kind: "image" | "file" }> =>
@@ -847,6 +843,7 @@ export function CloudOsChatMessages({
                             key={block.key}
                             call={block.call}
                             onOpen={onOpenSchedule}
+                            controls={scheduleControls}
                           />
                         );
                       case "approval": {

package/cloud-os/chat/markdown-message.tsx

@@ -4,7 +4,7 @@ import {
   useSmooth,
   type SmoothOptions,
 } from "@assistant-ui/react";
-import { memo, useMemo, type ReactNode } from "react";
+import { memo, useMemo, useRef, type ReactNode } from "react";
 import {
   defaultRehypePlugins,
   Streamdown,
@@ -135,8 +135,13 @@ function MarkdownMessageContent({
   resolveArtifactId?: CloudOsArtifactResolver;
   onOpenArtifact?: (artifactId: string) => void;
 }) {
-  const part = useSmooth(useMessagePartText(), SMOOTH_STREAMING);
-  const streaming = part.status.type === "running";
+  const received = useMessagePartText();
+  const initialText = useRef(received.text);
+  // A mounted snapshot is already visible history; only later deltas need a reveal.
+  const part = useSmooth(received.text === initialText.current
+    ? { ...received, status: { type: "complete" } }
+    : received, SMOOTH_STREAMING);
+  const streaming = received.status.type === "running" || part.status.type === "running";
   const rehypePlugins = useMemo(
     () =>
       resolveUrl

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

@@ -152,7 +152,7 @@ interface AskQuestion {
 
 function questionsOf(input: Record<string, unknown>): AskQuestion[] {
   if (!Array.isArray(input.questions)) return [];
-  return input.questions.map((item) => {
+  return input.questions.flatMap((item) => {
     const question = (item ?? {}) as Record<string, unknown>;
     const options = Array.isArray(question.options)
       ? question.options.filter((option): option is string =>
@@ -164,14 +164,9 @@ function questionsOf(input: Record<string, unknown>): AskQuestion[] {
         question.responseType === "multi_select" ||
         question.responseType === "attachment"
       ? question.responseType
-      : question.kind === "attachment"
-      ? "attachment"
-      : options.length === 0
-      ? "text"
-      : question.multiSelect === true
-      ? "multi_select"
-      : "single_select";
-    return {
+      : undefined;
+    if (!responseType) return [];
+    return [{
       prompt: typeof question.question === "string"
         ? question.question
         : "Choose an option",
@@ -179,7 +174,7 @@ function questionsOf(input: Record<string, unknown>): AskQuestion[] {
       allowCustom: responseType === "text" || question.allowCustom === true,
       required: question.required === true,
       responseType,
-    };
+    }];
   });
 }
 
@@ -713,6 +708,14 @@ function scheduleCadence(input: Record<string, unknown>): string {
   } else if (trigger.kind === "cron" && typeof trigger.cron === "string") {
     cadence = `Cron ${trigger.cron}`;
   }
+  if (trigger.kind === "local" && typeof trigger.rule === "object" && trigger.rule) {
+    const rule = trigger.rule as Record<string, unknown>;
+    cadence = rule.kind === "once" ? `Once ${rule.date} at ${rule.time}`
+      : rule.kind === "weekly" ? `Weekly (${Array.isArray(rule.weekdays) ? rule.weekdays.map(day => ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"][Number(day)]).join(", ") : ""}) at ${rule.time}`
+      : `Daily at ${rule.time}`;
+    if (trigger.startDate) cadence += ` from ${trigger.startDate}`;
+    if (trigger.endDate) cadence += ` through ${trigger.endDate}`;
+  }
   if (!cadence) cadence = String(input.cadence ?? input.schedule ?? "Scheduled");
   const timezone =
     typeof input.timezone === "string"
@@ -741,9 +744,11 @@ export function ScheduleConfirmation({
   onCancel: () => void;
   onConfirm: () => void;
 }) {
+  const authorization = input.authorization as { scope?: string; missing?: string[] } | undefined;
+  const missing = authorization?.missing ?? [];
   const name = String(input.label ?? input.title ?? "Scheduled task");
   const prompt = typeof input.prompt === "string" && input.prompt.trim()
-    ? input.prompt.trim()
+    ? input.prompt
     : "Run the scheduled task";
 
   return (
@@ -760,10 +765,10 @@ export function ScheduleConfirmation({
           <Clock size={14} />
         </span>
         <div className="flex min-w-0 flex-1 flex-col">
-          <span className="truncate text-[13.5px] leading-[18px] font-medium">
+          <span className="break-words text-[13.5px] leading-[18px] font-medium">
             {name}
           </span>
-          <span className="truncate font-mono text-[11px] leading-4 tracking-tight text-kumo-inactive">
+          <span className="break-words font-mono text-[11px] leading-4 tracking-tight text-kumo-inactive">
             {scheduleCadence(input)}
           </span>
         </div>
@@ -773,16 +778,20 @@ export function ScheduleConfirmation({
         <span className="shrink-0 font-mono text-[11px] leading-[18px] tracking-tight text-kumo-inactive">
           task
         </span>
-        <span className="min-w-0 flex-1 text-[13px] leading-[18px] text-kumo-subtle">
+        <span className="min-w-0 flex-1 whitespace-pre-wrap text-[13px] leading-[18px] text-kumo-subtle">
           {prompt}
         </span>
       </div>
 
+      {input.id != null && <p className="m-0 text-xs">Task ID: {String(input.id)}</p>}
+      {typeof input.nextRunAt === "number" && <p className="m-0 text-xs">Next run: {new Intl.DateTimeFormat("en", { dateStyle: "medium", timeStyle: "short", timeZone: String(input.timezone) }).format(input.nextRunAt)}</p>}
+      {authorization?.scope && <div className="text-sm"><strong>Ongoing execution scope</strong><p className="m-0 whitespace-pre-wrap">{authorization.scope}</p></div>}
+      {missing.length > 0 && <div role="alert" className="text-sm text-kumo-danger">{missing.map((item, i) => <p key={i}>{item}</p>)}</div>}
       <div className="flex items-center justify-end gap-2">
         <WorkshopButton disabled={disabled} onClick={onCancel}>
           Cancel
         </WorkshopButton>
-        <WorkshopButton tone="primary" disabled={disabled} onClick={onConfirm}>
+        <WorkshopButton tone="primary" disabled={disabled || missing.length > 0} onClick={onConfirm}>
           {disabled ? "Confirming…" : "Confirm schedule"}
         </WorkshopButton>
       </div>
@@ -790,81 +799,76 @@ export function ScheduleConfirmation({
   );
 }
 
-export function ScheduleBlock({
-  call,
-  onOpen,
-}: {
+/** Current task facts are supplied by the Host, never inferred from a past Tool result. */
+export interface ScheduleCardState {
+  id: string;
+  enabled: boolean;
+  status: string;
+  deleted: boolean;
+  canToggle?: boolean;
+}
+export interface ScheduleCardControls {
+  load(id: string): Promise<ScheduleCardState>;
+  setEnabled(id: string, enabled: boolean): Promise<ScheduleCardState>;
+  open(id: string): void;
+}
+
+export function ScheduleBlock({ call, onOpen, controls }: {
   call: CloudOsToolCall;
-  /** 有 id 且宿主给了回调时,整张卡变成跳到「已安排」详情的按钮。 */
   onOpen?: (scheduleId: string) => void;
+  controls?: ScheduleCardControls;
 }) {
-  // 待确认时由宿主把持久化审批渲染在输入框上方；这里不重复画第二张卡。
+  const scheduleId = !call.failed && !call.running ? scheduleIdOf(call.output) : "";
+  const [current, setCurrent] = useState<ScheduleCardState>();
+  const [busy, setBusy] = useState(false);
+  const [error, setError] = useState("");
+  const generation = useRef(0);
+  useEffect(() => {
+    const token = ++generation.current;
+    setCurrent(undefined); setError(""); setBusy(false);
+    if (scheduleId && controls) {
+      controls.load(scheduleId).then(value => {
+        if (token !== generation.current) return;
+        if (value.id !== scheduleId) throw new Error("Host returned a different task");
+        setCurrent(value);
+      }).catch(cause => { if (token === generation.current) setError(String(cause instanceof Error ? cause.message : cause)); });
+    }
+    return () => { generation.current++; };
+  }, [scheduleId, controls]);
   if (call.awaitingApproval) return null;
-  const state = call.failed ? "failed" : call.running ? "running" : "scheduled";
-  const scheduleId = state === "scheduled" ? scheduleIdOf(call.output) : "";
-  const clickable = Boolean(scheduleId && onOpen);
-  const Card = clickable ? "button" : "div";
-  return (
-    <div className="max-w-[860px]">
-      <Card
-        {...(clickable
-          ? {
-              type: "button" as const,
-              onClick: () => onOpen?.(scheduleId),
-              "aria-label": `Open scheduled task: ${String(call.input.label ?? call.input.title ?? "Scheduled task")}`,
-            }
-          : {})}
-        className={`w-full rounded-2xl border border-kumo-line bg-kumo-base px-4 py-3 text-left${
-          clickable
-            ? " cursor-pointer transition-colors duration-150 ease-out hover:bg-kumo-tint focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-kumo-brand/50"
-            : ""
-        }`}
-      >
-        <div className="flex flex-wrap items-start gap-3">
-          <span
-            className="flex h-9 w-9 flex-shrink-0 items-center justify-center rounded-lg bg-kumo-tint text-kumo-subtle"
-            aria-hidden="true"
-          >
-            <Bell size={18} />
-          </span>
-          <div className="min-w-[10rem] flex-1">
-            <span className="block truncate text-[14px] leading-5 font-medium tracking-[-0.25px] text-kumo-default">
-              {String(call.input.label ?? call.input.title ?? "Scheduled task")}
-            </span>
-            <p className="mt-1 mb-0 text-[12px] leading-4 text-kumo-inactive">
-              {scheduleCadence(call.input)}
-            </p>
-          </div>
-          <span
-            className={`ml-auto flex flex-shrink-0 items-center gap-1 self-center text-[12px] leading-4 font-medium ${
-              state === "failed"
-                ? "text-kumo-danger"
-                : state === "running"
-                  ? "text-kumo-brand"
-                  : "text-kumo-success"
-            }`}
-          >
-            {state === "failed" ? (
-              <WarningCircle size={13} weight="fill" />
-            ) : state === "running" ? (
-              <CircleNotch
-                size={13}
-                weight="bold"
-                className="animate-spin motion-reduce:animate-none"
-              />
-            ) : (
-              <Check size={13} weight="bold" />
-            )}
-            {state === "failed"
-              ? "Failed"
-              : state === "running"
-                ? "Scheduling…"
-                : "Scheduled"}
-          </span>
-        </div>
-      </Card>
-    </div>
-  );
+  const saved = (call.output as { task?: Record<string, unknown> } | undefined)?.task;
+  const task = saved ?? call.input;
+  const name = String(task.label ?? task.title ?? "Scheduled task");
+  const open = controls ? (current && !current.deleted ? controls.open : undefined) : onOpen;
+  const clickable = Boolean(scheduleId && open);
+  const Card = clickable && !controls ? "button" : "div";
+  const toggle = async () => {
+    if (!controls || !current || current.deleted || current.canToggle === false || busy) return;
+    const token = generation.current;
+    setBusy(true); setError("");
+    try {
+      const value = await controls.setEnabled(scheduleId, !current.enabled);
+      if (value.id !== scheduleId) throw new Error("Host returned a different task");
+      if (token === generation.current) setCurrent(value);
+    } catch (cause) {
+      if (token === generation.current) setError(cause instanceof Error ? cause.message : String(cause));
+    } finally { if (token === generation.current) setBusy(false); }
+  };
+  return <div className="max-w-[860px]">
+    <Card className="w-full rounded-2xl border border-kumo-line bg-kumo-base px-4 py-3 text-left"
+      {...(clickable && !controls ? { type: "button" as const, onClick: () => open?.(scheduleId), "aria-label": `Open scheduled task: ${name}` } : {})}>
+      <div className="flex items-center gap-3"><Bell size={18} /><span className="min-w-0 flex-1 break-words text-sm font-medium">{name}</span>
+        <span className="text-xs">{call.failed ? "Failed" : call.running ? "Scheduling…" : "Scheduled"}</span>
+      </div>
+      <p className="my-1 text-xs text-kumo-inactive">{scheduleCadence(task)}</p>
+      {controls && scheduleId && <div className="flex items-center gap-3 text-sm">
+        <span>{current?.status ?? (error ? "Status unavailable" : "Loading…")}</span>
+        {current && !current.deleted && <button type="button" role="switch" aria-label="Enable scheduled task" aria-checked={current.enabled} disabled={busy || current.canToggle === false} onClick={() => void toggle()}>{current.enabled ? "On" : "Off"}</button>}
+        {clickable && <button type="button" aria-label={`Open scheduled task: ${name}`} onClick={() => open?.(scheduleId)}>Scheduled</button>}
+      </div>}
+      {error && <p role="alert" className="text-xs text-kumo-danger">{error}</p>}
+    </Card>
+  </div>;
 }
 
 // ── 原位授权 ──────────────────────────────────────────────

package/cloud-os/chat/tool-presentation.ts

@@ -241,7 +241,7 @@ export function canonicalToolKind(name: string): CloudOsToolKind {
     return "ask-user";
   }
   if (["suggest_followups", "suggestions"].includes(normalized)) return "suggestions";
-  if (["schedule", "cancel_schedule"].includes(normalized)) return "schedule";
+  if (["schedule", "update_schedule", "pause_schedule", "resume_schedule", "cancel_schedule", "list_schedules", "change_schedule_agent"].includes(normalized)) return "schedule";
   if (normalized === "create_agent") return "create-agent";
   if (normalized === "publish_extension") return "publish-extension";
   return "generic";
@@ -353,7 +353,7 @@ export function getToolCallSummary(call: CloudOsToolCall): {
     case "schedule": {
       const label = stringField(input, "label", "title");
       return {
-        verb: toolName === "cancel_schedule" ? "Cancelled schedule" : "Scheduled",
+        verb: toolName === "cancel_schedule" ? "Cancelled schedule" : toolName === "update_schedule" ? "Updated schedule" : toolName === "pause_schedule" ? "Paused schedule" : toolName === "resume_schedule" ? "Resumed schedule" : toolName === "list_schedules" ? "Listed schedules" : toolName === "change_schedule_agent" ? "Changed schedule Agent" : "Scheduled",
         target: label || undefined,
       };
     }

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

@@ -594,7 +594,7 @@ function assistantBlocks(
       }
     }
 
-    if (call.kind === "schedule" && call.toolName === "schedule") {
+    if (call.kind === "schedule" && (call.toolName === "schedule" || call.toolName === "update_schedule")) {
       flush();
       blocks.push({ kind: "schedule", key, call });
       return;
@@ -973,8 +973,6 @@ export function deriveTurnActivity(
   options: {
     isActive: boolean;
     isRecovering?: boolean;
-    recoveryAttempt?: number;
-    recoveryMax?: number;
     recoveryStatusLabel?: string;
     awaitingApproval?: boolean;
     hasPendingSteer?: boolean;
@@ -983,10 +981,7 @@ export function deriveTurnActivity(
   if (options.isRecovering) {
     return {
       state: "connecting",
-      label: options.recoveryStatusLabel ??
-        (options.recoveryAttempt === undefined || options.recoveryMax === undefined
-          ? "Recovering model response…"
-          : `Recovering model response ${options.recoveryAttempt}/${options.recoveryMax}…`),
+      label: options.recoveryStatusLabel ?? "Recovering model response…",
     };
   }
   if (!options.isActive) return null;

package/cloud-os/index.ts

@@ -149,3 +149,5 @@ export {
   WorkshopInput,
 } from "./primitives/workshop-controls";
 export type { CloudOsMode } from "./internal/theme-context";
+
+export type { ScheduleCardState, ScheduleCardControls } from "./chat/rich-blocks";

package/package.json

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

package/springbrand-pet/node_modules/.vite/vitest/da39a3ee5e6b4b0d3255bfef95601890afd80709/results.json

@@ -0,0 +1 @@
+{"version":"4.1.10","results":[[":bot/cycles.test.ts",{"duration":55.58770800000002,"failed":false}],[":bot/skins.test.ts",{"duration":3032.4465840000003,"failed":false}],[":bot/engine.test.ts",{"duration":100.501834,"failed":false}],[":bot/shape.test.ts",{"duration":16.04204200000001,"failed":false}],[":bot/expressions.test.ts",{"duration":8.212458999999996,"failed":false}],[":bot/face.test.ts",{"duration":3.6211250000000064,"failed":false}],[":drag.test.ts",{"duration":1.7712499999999807,"failed":false}],[":animation.test.ts",{"duration":2.3806249999999807,"failed":false}]]}

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

@@ -673,11 +673,7 @@ function askUserResponseType(question: Record<string, unknown>) {
     question.responseType === "multi_select" ||
     question.responseType === "attachment"
   ) return question.responseType;
-  if (question.kind === "attachment") return "attachment";
-  if (!Array.isArray(question.options) || question.options.length === 0) {
-    return "text";
-  }
-  return question.multiSelect === true ? "multi_select" : "single_select";
+  return undefined;
 }
 
 function CamelAskUser({

package/src/camel/camel-tool-presentation.tsx

@@ -544,6 +544,9 @@ function summaryFor(
         ? `Could not publish ${extension}`
         : `Published ${extension}`;
   }
+  if (name === "schedule" || name === "update_schedule") {
+    return running ? "Preparing schedule..." : failed ? "Schedule was not saved" : name === "schedule" ? "Scheduled task" : "Updated schedule";
+  }
   if (name === "cancel_schedule") {
     return running
       ? "Cancelling schedule..."

package/src/parts/index.tsx

@@ -840,17 +840,6 @@ export interface AskQuestion {
   required?: boolean;
 }
 
-function askQuestionResponseType(question: AskQuestion) {
-  if (question.responseType) return question.responseType;
-  const legacy = question as AskQuestion & {
-    kind?: string;
-    multiSelect?: boolean;
-  };
-  if (legacy.kind === "attachment") return "attachment";
-  if (!question.options?.length) return "text";
-  return legacy.multiSelect ? "multi_select" : "single_select";
-}
-
 interface AskAnswer {
   selections: string[];
   text: string;
@@ -878,7 +867,7 @@ export function AskUserPart({
   const resolvedSubmitted = submittedAnswers.length > 0;
   const valid = questions.length > 0 && questions.every(
     (question, index) => {
-      const responseType = askQuestionResponseType(question);
+      const responseType = question.responseType;
       const answer = answerAt(index);
       if (
         answer.selections.length === 0 && !answer.text.trim()
@@ -898,7 +887,7 @@ export function AskUserPart({
       const answer = next[questionIndex]!;
       next[questionIndex] = {
         ...answer,
-        selections: askQuestionResponseType(questions[questionIndex]!) ===
+        selections: questions[questionIndex]!.responseType ===
             "multi_select"
           ? answer.selections.includes(option)
             ? answer.selections.filter((item) => item !== option)
@@ -930,7 +919,7 @@ export function AskUserPart({
       data-state={resolvedSubmitted ? "submitted" : "pending"}
     >
       {questions.map((question, questionIndex) => {
-        const responseType = askQuestionResponseType(question);
+        const responseType = question.responseType;
         const choice = responseType === "single_select" ||
           responseType === "multi_select";
         return (