@springbrand/message-panel 0.1.1 → 0.1.3-alpha.0

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@springbrand/message-panel",
-  "version": "0.1.1",
+  "version": "0.1.3-alpha.0",
   "type": "module",
   "files": [
-    "demo",
-    "src"
+    "src",
+    "demo"
   ],
   "publishConfig": {
     "access": "public"
@@ -30,8 +30,7 @@
     "radix-ui": "^1.6.2",
     "streamdown": "^2.5.0",
     "thinking-orbs": "0.1.1",
-    "use-stick-to-bottom": "^1.1.6",
-    "@springbrand/agent-runtime": "0.1.1"
+    "use-stick-to-bottom": "^1.1.6"
   },
   "devDependencies": {
     "@types/react": "^19.2.17",

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

@@ -72,6 +72,8 @@ export interface CamelChatMessagesProps {
   isHydrating?: boolean;
   isRecovering?: boolean;
   isServerStreaming?: boolean;
+  /** Show the opt-in activity bar for recovering or server-streaming states. */
+  showActivityStatus?: boolean;
   hasPendingSteer?: boolean;
   startedWithPending?: boolean;
   error?: unknown;
@@ -1282,6 +1284,7 @@ export function CamelChatMessages({
   isHydrating = false,
   isRecovering = false,
   isServerStreaming = false,
+  showActivityStatus = false,
   hasPendingSteer = false,
   startedWithPending = false,
   error,
@@ -1336,7 +1339,7 @@ export function CamelChatMessages({
       data-status={status}
       aria-busy={isActive || isHydrating}
     >
-      {(isRecovering || isServerStreaming) && (
+      {showActivityStatus && (isRecovering || isServerStreaming) && (
         <div
           className="absolute inset-x-0 top-0 z-10 flex h-7 items-center justify-center gap-2 bg-background/85 text-xs text-muted-foreground backdrop-blur-sm"
           role="status"

package/src/camel/camel-prompt-input.tsx

@@ -162,7 +162,7 @@ interface CamelPromptInputProps {
   status: "ready" | "submitted" | "streaming" | "error";
   attachments: readonly CamelAttachmentView[];
   commands: readonly ComposerCommand[];
-  onFilesSelected: (files: readonly File[]) => void;
+  onFilesSelected?: (files: readonly File[]) => void;
   onAttachmentRemove: (id: string) => void;
   onAttachmentRetry: (id: string) => void;
   tools?: ReactNode;
@@ -353,6 +353,7 @@ function CamelPromptInputContent({
   };
 
   const handlePaste = (event: ClipboardEvent<HTMLTextAreaElement>) => {
+    if (!onFilesSelected) return;
     const files = Array.from(event.clipboardData.files);
     if (files.length > 0) {
       event.preventDefault();
@@ -362,11 +363,12 @@ function CamelPromptInputContent({
 
   const handleFiles = (event: ChangeEvent<HTMLInputElement>) => {
     const files = Array.from(event.currentTarget.files ?? []);
-    if (files.length > 0) onFilesSelected(files);
+    if (files.length > 0) onFilesSelected?.(files);
     event.currentTarget.value = "";
   };
 
   const handleDragOver = (event: DragEvent<HTMLDivElement>) => {
+    if (!onFilesSelected) return;
     event.preventDefault();
     event.stopPropagation();
     setIsDragOver(true);
@@ -382,6 +384,7 @@ function CamelPromptInputContent({
   };
 
   const handleDrop = (event: DragEvent<HTMLDivElement>) => {
+    if (!onFilesSelected) return;
     event.preventDefault();
     event.stopPropagation();
     setIsDragOver(false);
@@ -407,14 +410,16 @@ function CamelPromptInputContent({
       data-camel-prompt-input=""
       data-drop-scope="document"
     >
-      <input
-        ref={fileInputRef}
-        type="file"
-        multiple
-        onChange={handleFiles}
-        className="hidden"
-        aria-hidden="true"
-      />
+      {onFilesSelected && (
+        <input
+          ref={fileInputRef}
+          type="file"
+          multiple
+          onChange={handleFiles}
+          className="hidden"
+          aria-hidden="true"
+        />
+      )}
       <ComposerTriggerPopover
         char="/"
         {...slash}
@@ -481,16 +486,18 @@ function CamelPromptInputContent({
             className="justify-between px-3 pb-3"
           >
             <div className="flex items-center gap-1.5">
-              <InputGroupButton
-                type="button"
-                size="icon-sm"
-                variant="ghost"
-                onClick={() => fileInputRef.current?.click()}
-                className="rounded-full text-muted-foreground hover:bg-muted hover:text-foreground"
-                aria-label="Upload file"
-              >
-                <PlusIcon className="size-4" />
-              </InputGroupButton>
+              {onFilesSelected && (
+                <InputGroupButton
+                  type="button"
+                  size="icon-sm"
+                  variant="ghost"
+                  onClick={() => fileInputRef.current?.click()}
+                  className="rounded-full text-muted-foreground hover:bg-muted hover:text-foreground"
+                  aria-label="Upload file"
+                >
+                  <PlusIcon className="size-4" />
+                </InputGroupButton>
+              )}
               {tools}
             </div>
             <div className="flex items-center gap-1">

package/src/camel/camel-turn.ts

@@ -1,7 +1,8 @@
 import type { UIMessage } from "ai";
-import { USER_STOP_REASON } from "@springbrand/agent-runtime/contracts";
 import { resolvePartKind, toolNameOfPart } from "../parts/kind";
 
+const USER_STOP_REASON = "Stopped by user";
+
 type UnknownRecord = Record<string, unknown>;
 
 export type CamelPart = UIMessage["parts"][number];

package/src/contracts.ts

@@ -1,5 +1,4 @@
 import type { ComponentType, HTMLAttributes, ReactNode } from "react";
-import type { ApprovalDecision } from "@springbrand/agent-runtime/contracts";
 
 export type MessagePanelStatus = "ready" | "submitted" | "streaming" | "error";
 export type MessageRole = "user" | "assistant" | "system" | "tool";
@@ -9,7 +8,7 @@ export interface ToolApprovalView {
   approved?: boolean;
 }
 
-export type ToolApprovalDecision = ApprovalDecision["decision"];
+export type ToolApprovalDecision = "deny" | "allow_once" | "allow_level";
 
 export interface MessageAdapter<TMessage> {
   getId: (message: TMessage, index: number) => string;