@springbrand/message-panel 0.3.0-alpha.1 → 0.3.0-alpha.3

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 {
@@ -117,6 +118,7 @@ export interface CloudOsChatMessagesProps {
    */
   onRespond?: (toolCallId: string, response: unknown) => Promise<boolean>;
   /** 点击定时任务卡片:宿主决定跳到哪(缺省 → 卡片不可点)。 */
+  scheduleControls?: ScheduleCardControls;
   onOpenSchedule?: (scheduleId: string) => void;
   onCopy?: (text: string) => void;
 }
@@ -199,7 +201,7 @@ function UserBubble({
       {entry.text && (
         <div
           data-user-message-bubble=""
-          className="themed-user-bubble-shadow cos-markdown cos-user-markdown w-fit max-w-[min(680px,78%)] rounded-[12px] border border-transparent bg-kumo-bubble-user px-4 py-2.5 text-[14px] leading-[22px] tracking-[-0.25px] text-kumo-default animate-in fade-in slide-in-from-bottom-1 duration-300 motion-reduce:animate-none"
+          className="themed-user-bubble-shadow cos-markdown cos-user-markdown w-fit max-w-[min(680px,78%)] rounded-[12px] border border-transparent bg-kumo-bubble-user px-4 py-2.5 text-[14px] leading-[22px] tracking-[-0.25px] text-kumo-default"
         >
           <MarkdownMessage
             message={entry.text}
@@ -393,6 +395,7 @@ export function CloudOsChatMessages({
   onSuggestion,
   onRespond,
   onOpenSchedule,
+  scheduleControls,
   onOpenArtifact,
   onCopy,
 }: CloudOsChatMessagesProps) {
@@ -840,6 +843,7 @@ export function CloudOsChatMessages({
                             key={block.key}
                             call={block.call}
                             onOpen={onOpenSchedule}
+                            controls={scheduleControls}
                           />
                         );
                       case "approval": {

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

@@ -708,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"
@@ -736,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 (
@@ -755,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>
@@ -768,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>
@@ -785,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;

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.3.0-alpha.1",
+  "version": "0.3.0-alpha.3",
   "type": "module",
   "files": [
     "src",

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..."