@springbrand/message-panel 0.1.3-alpha.32 → 0.1.3-alpha.34

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

@@ -51,8 +51,6 @@
   --color-kumo-success: oklch(72.3% 0.219 149.579);
   --color-kumo-success-tint: oklch(92% 0.08 150);
 
-  --color-operation-base: #ffffff;
-
   --color-kumo-tip-shadow: #14111014;
   --color-kumo-tip-stroke: transparent;
 
@@ -75,10 +73,6 @@
   --color-cos-status-live: oklch(72.3% 0.219 149.579);
   --color-cos-status-draft: oklch(68.1% 0.162 75.834);
   --color-cos-status-building: oklch(62.3% 0.214 259.815);
-  --text-color-cos-work-description: rgba(0, 0, 0, 0.5);
-  --text-color-cos-work-description-subtle: rgba(0, 0, 0, 0.7);
-  --text-color-cos-tool-group: rgba(0, 0, 0, 0.5);
-  --text-color-cos-output: #000000b3;
 }
 
 /* ── 作用域根:通用 token 只在 cloud-os 子树内生效 ─────────────────────────── */
@@ -158,8 +152,6 @@
   --color-kumo-success: oklch(52.7% 0.154 150.069);
   --color-kumo-success-tint: oklch(0.25 0.06 150.069);
 
-  --color-operation-base: var(--color-kumo-base);
-
   --color-kumo-tip-shadow: #00000066;
   --color-kumo-tip-stroke: oklch(0.34 0.022 285);
 
@@ -180,10 +172,6 @@
   --color-cos-status-live: oklch(79.2% 0.209 151.711);
   --color-cos-status-draft: oklch(82.8% 0.189 84.429);
   --color-cos-status-building: oklch(74% 0.16 250);
-  --text-color-cos-work-description: var(--text-color-kumo-subtle);
-  --text-color-cos-work-description-subtle: var(--text-color-kumo-subtle);
-  --text-color-cos-tool-group: var(--text-color-kumo-inactive);
-  --text-color-cos-output: var(--text-color-kumo-subtle);
 
   --color-selection-bg: color-mix(in srgb, var(--color-kumo-brand) 28%, transparent);
   --color-selection-text: oklch(0.97 0.006 285);

package/demo/chat-scenarios.ts

@@ -18,7 +18,6 @@ export interface ComposerCommandLike {
 }
 const demoCompletedAt = Date.now() - 1_000;
 const demoTurnStartedAt = demoCompletedAt - 18_000;
-const demoTurnId = "camel-demo-research-turn";
 export const defaultPrompt =
   "请调研 2026 年 AI Agent 产品的交互趋势，并给出可落地的消息 UI 建议。";
 export const demoModels = [
@@ -745,7 +744,7 @@ const commandMessages = [
 const runningWork = {
   id: "camel-demo-running-work",
   role: "assistant",
-  metadata: { turnId: demoTurnId, turnStartedAt: demoTurnStartedAt },
+  metadata: { turnStartedAt: demoTurnStartedAt },
   parts: [
     {
       type: "reasoning",
@@ -772,7 +771,7 @@ const runningWork = {
 const completedResearch = {
   id: "camel-demo-completed-research",
   role: "assistant",
-  metadata: { turnId: demoTurnId, turnStartedAt: demoTurnStartedAt },
+  metadata: { turnStartedAt: demoTurnStartedAt },
   parts: [
     {
       type: "reasoning",
@@ -807,7 +806,6 @@ const completedResearch = {
 const completedSynthesis = {
   id: "camel-demo-completed-synthesis",
   role: "assistant",
-  metadata: { turnId: demoTurnId },
   parts: [
     {
       type: "tool-update_plan",
@@ -839,7 +837,6 @@ const completedSynthesis = {
 const approvalRequest = {
   id: "camel-demo-approval-request",
   role: "assistant",
-  metadata: { turnId: demoTurnId },
   parts: [
     {
       type: "tool-write_file",
@@ -855,7 +852,6 @@ const approvalRequest = {
 const collectedAnswer = {
   id: "camel-demo-collected-answer",
   role: "assistant",
-  metadata: { turnId: demoTurnId },
   parts: [
     {
       type: "text",
@@ -872,7 +868,6 @@ const finalAnswer = {
   id: "camel-demo-final-answer",
   role: "assistant",
   metadata: {
-    turnId: demoTurnId,
     createdAt: demoCompletedAt,
     completedAt: demoCompletedAt,
     turnDurationMs: 18_000,
@@ -941,7 +936,6 @@ const interruptedByUser = {
   id: "camel-demo-interrupted",
   role: "assistant",
   metadata: {
-    turnId: demoTurnId,
     createdAt: demoCompletedAt,
     completedAt: demoCompletedAt + 2_000,
     turnDurationMs: 2_000,
@@ -971,7 +965,7 @@ const compactSummary = {
 const failedWork = {
   id: "camel-demo-failed-work",
   role: "assistant",
-  metadata: { turnId: demoTurnId, turnStartedAt: demoTurnStartedAt },
+  metadata: { turnStartedAt: demoTurnStartedAt },
   parts: [
     ...completedResearch.parts,
     {

package/package.json

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

package/cloud-os/assets/thinking-spark.svg

@@ -1,9 +0,0 @@
-<svg preserveAspectRatio="none" overflow="visible" width="12.2369" height="12.2369" viewBox="0 0 12.2369 12.2369" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path d="M5.18061 0.652963C5.50276 -0.217655 6.73415 -0.217654 7.05631 0.652964L7.64089 2.23277C8.04603 3.32764 8.90927 4.19089 10.0042 4.59603L11.584 5.18061C12.4546 5.50276 12.4546 6.73415 11.584 7.05631L10.0041 7.64089C8.90927 8.04603 8.04603 8.90927 7.64089 10.0042L7.05631 11.584C6.73415 12.4546 5.50276 12.4546 5.18061 11.584L4.59603 10.0041C4.19089 8.90927 3.32764 8.04603 2.23277 7.64089L0.652963 7.05631C-0.217655 6.73415 -0.217654 5.50276 0.652964 5.18061L2.23277 4.59603C3.32764 4.19089 4.19089 3.32764 4.59603 2.23277L5.18061 0.652963Z" fill="url(#thinking-spark-gradient)"/>
-  <defs>
-    <radialGradient id="thinking-spark-gradient" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(6.11846 2.11846) rotate(90) scale(12)">
-      <stop stop-color="#FF9938"/>
-      <stop offset="1" stop-color="#FFE46C"/>
-    </radialGradient>
-  </defs>
-</svg>

package/cloud-os/chat/use-lifecycle-disclosure.ts

@@ -1,65 +0,0 @@
-import { useCallback, useEffect, useRef, useState } from "react";
-
-export type DisclosurePolicy = "always-open" | "lifecycle";
-
-export const DISCLOSURE_POLICY: DisclosurePolicy = "lifecycle";
-
-export function reconcileExpandedWithAutoOpen(
-  expanded: ReadonlySet<string>,
-  previousAutoOpenKeys: ReadonlySet<string>,
-  autoOpenKeys: ReadonlySet<string>,
-): ReadonlySet<string> {
-  const next = new Set(expanded);
-  for (const key of previousAutoOpenKeys) {
-    if (!autoOpenKeys.has(key)) next.delete(key);
-  }
-  for (const key of autoOpenKeys) {
-    if (!previousAutoOpenKeys.has(key)) next.add(key);
-  }
-  if (next.size !== expanded.size) return next;
-  return [...next].every((key) => expanded.has(key)) ? expanded : next;
-}
-
-export function useDisclosureExpandedKeys(
-  disclosureKeys: ReadonlySet<string>,
-  runningKeys: ReadonlySet<string>,
-) {
-  const autoOpenKeys =
-    DISCLOSURE_POLICY === "always-open" ? disclosureKeys : runningKeys;
-  const [expanded, setExpanded] = useState<ReadonlySet<string>>(autoOpenKeys);
-  const previousAutoOpenKeys = useRef(autoOpenKeys);
-
-  useEffect(() => {
-    const previous = previousAutoOpenKeys.current;
-    previousAutoOpenKeys.current = autoOpenKeys;
-    setExpanded((current) =>
-      reconcileExpandedWithAutoOpen(current, previous, autoOpenKeys),
-    );
-  }, [autoOpenKeys]);
-
-  const toggle = useCallback((key: string) => {
-    setExpanded((current) => {
-      const next = new Set(current);
-      if (next.has(key)) next.delete(key);
-      else next.add(key);
-      return next;
-    });
-  }, []);
-
-  return [expanded, toggle] as const;
-}
-
-/** User choice persists while the policy-derived automatic state is unchanged. */
-export function useLifecycleDisclosure(running: boolean) {
-  const autoOpen = DISCLOSURE_POLICY === "always-open" || running;
-  const [state, setState] = useState(() => ({ autoOpen, open: autoOpen }));
-  const open = state.autoOpen === autoOpen ? state.open : autoOpen;
-
-  useEffect(() => {
-    setState((current) =>
-      current.autoOpen === autoOpen ? current : { autoOpen, open: autoOpen }
-    );
-  }, [autoOpen]);
-
-  return [open, () => setState({ autoOpen, open: !open })] as const;
-}