@tangle-network/agent-app 0.42.18 → 0.43.1

package/dist/theme/tailwind-preset.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/theme/tailwind-preset.ts"],"sourcesContent":["/**\n * Tailwind preset mapping the shadcn semantic color names used by web-react\n * (bg-card, text-muted-foreground, border-border, …) onto the CSS variables in\n * tokens.css — so a consuming app themes every agent-app surface from one source.\n *\n *   // tailwind.config.{js,ts}\n *   import agentAppPreset from '@tangle-network/agent-app/tailwind-preset'\n *   export default { presets: [agentAppPreset], content: [...] }\n *\n * Pair with `import '@tangle-network/agent-app/styles'` for the variable values.\n * design-canvas/sequences need no preset — they consume vars via arbitrary\n * values (bg-[var(--bg-input)]), which Tailwind supports without color config.\n */\n\nconst withForeground = (name: string) => ({\n  DEFAULT: `hsl(var(--${name}))`,\n  foreground: `hsl(var(--${name}-foreground))`,\n})\n\nconst agentAppPreset = {\n  darkMode: ['class', '[data-theme=\"dark\"]'] as [string, string],\n  theme: {\n    extend: {\n      colors: {\n        background: 'hsl(var(--background))',\n        foreground: 'hsl(var(--foreground))',\n        border: 'hsl(var(--border))',\n        input: 'hsl(var(--input))',\n        ring: 'hsl(var(--ring))',\n        success: withForeground('success'),\n        warning: withForeground('warning'),\n        card: withForeground('card'),\n        popover: withForeground('popover'),\n        primary: withForeground('primary'),\n        secondary: withForeground('secondary'),\n        muted: withForeground('muted'),\n        accent: withForeground('accent'),\n        destructive: withForeground('destructive'),\n      },\n    },\n  },\n}\n\nexport default agentAppPreset\n"],"mappings":";AAcA,IAAM,iBAAiB,CAAC,UAAkB;AAAA,EACxC,SAAS,aAAa,IAAI;AAAA,EAC1B,YAAY,aAAa,IAAI;AAC/B;AAEA,IAAM,iBAAiB;AAAA,EACrB,UAAU,CAAC,SAAS,qBAAqB;AAAA,EACzC,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,QAAQ;AAAA,QACN,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,MAAM;AAAA,QACN,SAAS,eAAe,SAAS;AAAA,QACjC,SAAS,eAAe,SAAS;AAAA,QACjC,MAAM,eAAe,MAAM;AAAA,QAC3B,SAAS,eAAe,SAAS;AAAA,QACjC,SAAS,eAAe,SAAS;AAAA,QACjC,WAAW,eAAe,WAAW;AAAA,QACrC,OAAO,eAAe,OAAO;AAAA,QAC7B,QAAQ,eAAe,QAAQ;AAAA,QAC/B,aAAa,eAAe,aAAa;AAAA,MAC3C;AAAA,IACF;AAAA,EACF;AACF;AAEA,IAAO,0BAAQ;","names":[]}
+{"version":3,"sources":["../../src/theme/tailwind-preset.ts"],"sourcesContent":["/**\n * Tailwind preset mapping the shadcn semantic color names used by web-react\n * (bg-card, text-muted-foreground, border-border, …) onto the CSS variables in\n * tokens.css — so a consuming app themes every agent-app surface from one source.\n *\n *   // tailwind.config.{js,ts}\n *   import agentAppPreset from '@tangle-network/agent-app/tailwind-preset'\n *   export default { presets: [agentAppPreset], content: [...] }\n *\n * Pair with `import '@tangle-network/agent-app/styles'` for the variable values.\n * design-canvas/sequences need no preset — they consume vars via arbitrary\n * values (bg-[var(--bg-input)]), which Tailwind supports without color config.\n */\n\nconst withForeground = (name: string) => ({\n  DEFAULT: `hsl(var(--${name}))`,\n  foreground: `hsl(var(--${name}-foreground))`,\n})\n\nconst agentAppPreset = {\n  darkMode: ['class', '[data-theme=\"dark\"]'] as [string, string],\n  theme: {\n    extend: {\n      colors: {\n        background: 'hsl(var(--background))',\n        foreground: 'hsl(var(--foreground))',\n        border: 'hsl(var(--border))',\n        input: 'hsl(var(--input))',\n        ring: 'hsl(var(--ring))',\n        success: withForeground('success'),\n        warning: withForeground('warning'),\n        card: withForeground('card'),\n        popover: withForeground('popover'),\n        primary: withForeground('primary'),\n        secondary: withForeground('secondary'),\n        muted: withForeground('muted'),\n        accent: withForeground('accent'),\n        destructive: withForeground('destructive'),\n        // MD3 surface ladder — wires sandbox-ui's `bg-surface-container*`\n        // utilities (used by AgentComposer + its pickers) onto the shadcn\n        // elevation triples, so those components render on-palette here.\n        'surface-container': 'hsl(var(--card))',\n        'surface-container-high': 'hsl(var(--popover))',\n        'surface-container-highest': 'hsl(var(--secondary))',\n      },\n    },\n  },\n}\n\nexport default agentAppPreset\n"],"mappings":";AAcA,IAAM,iBAAiB,CAAC,UAAkB;AAAA,EACxC,SAAS,aAAa,IAAI;AAAA,EAC1B,YAAY,aAAa,IAAI;AAC/B;AAEA,IAAM,iBAAiB;AAAA,EACrB,UAAU,CAAC,SAAS,qBAAqB;AAAA,EACzC,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,QAAQ;AAAA,QACN,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,MAAM;AAAA,QACN,SAAS,eAAe,SAAS;AAAA,QACjC,SAAS,eAAe,SAAS;AAAA,QACjC,MAAM,eAAe,MAAM;AAAA,QAC3B,SAAS,eAAe,SAAS;AAAA,QACjC,SAAS,eAAe,SAAS;AAAA,QACjC,WAAW,eAAe,WAAW;AAAA,QACrC,OAAO,eAAe,OAAO;AAAA,QAC7B,QAAQ,eAAe,QAAQ;AAAA,QAC/B,aAAa,eAAe,aAAa;AAAA;AAAA;AAAA;AAAA,QAIzC,qBAAqB;AAAA,QACrB,0BAA0B;AAAA,QAC1B,6BAA6B;AAAA,MAC/B;AAAA,IACF;AAAA,EACF;AACF;AAEA,IAAO,0BAAQ;","names":[]}

package/dist/theme/tokens.css

@@ -60,6 +60,18 @@
   --border-default: hsl(var(--border));
   --brand-primary: hsl(var(--primary));
 
+  /* MD3 bridge — sandbox-ui chat/composer components (AgentComposer and its
+     pickers) are authored against the brand MD3 surface ladder + accent tokens.
+     Map them onto the shadcn triples here so those components theme from this
+     same source in any agent-app shell. Full colors via the triples, so the dark
+     scope re-themes them through the cascade. The `surface-container*` Tailwind
+     utilities are wired separately in the preset. */
+  --md3-outline-variant: hsl(var(--border));
+  --accent-surface-soft: hsl(var(--accent));
+  --accent-text: hsl(var(--accent-foreground));
+  --status-error: hsl(var(--destructive));
+  --radius-md: 0.5rem;
+
   /* canvas-only surfaces (not part of the shadcn vocabulary). Name matches the
      `--canvas-backdrop` the design-canvas Workspace references (with a #1a1a1a fallback). */
   --canvas-backdrop: hsl(240 7% 90%);

package/dist/web-react/index.d.ts

@@ -1,5 +1,6 @@
 import * as react from 'react';
 import { ReactNode } from 'react';
+import { ComposerFile as ComposerFile$1 } from '@tangle-network/sandbox-ui/chat';
 import { S as StepAgentActivity } from '../agent-activity-C8ZG0F0M.js';
 import { a as FlowTrace } from '../flow-types-Cb_AblZs.js';
 import { C as CatalogModel } from '../model-catalog-BEAEVDaa.js';
@@ -79,15 +80,8 @@ interface StreamChatOptions {
  */
 declare function streamChatTurn(opts: StreamChatOptions): Promise<ConsumeChatStreamResult>;
 
-interface ComposerFile {
-    id: string;
-    name: string;
-    size?: number;
-    kind: 'file' | 'folder';
-    /** Number of files inside, for a folder chip. */
-    fileCount?: number;
-    status: 'pending' | 'uploading' | 'ready' | 'error';
-}
+/** Re-exported from sandbox-ui — the staged-attachment chip shape. */
+type ComposerFile = ComposerFile$1;
 interface ChatComposerProps {
     /** Send the trimmed, non-empty message. Attached files travel separately via
      *  `onAttach` + `pendingFiles` (the host consumes and clears them on send). */
@@ -95,8 +89,7 @@ interface ChatComposerProps {
     /** Stop the in-flight turn; shown in place of Send while `isStreaming`. */
     onCancel?: () => void;
     isStreaming?: boolean;
-    /** Block input + send (e.g. while restoring). Distinct from `isStreaming`,
-     *  which keeps the textarea editable so the next turn can be composed. */
+    /** Block input + send (e.g. while restoring). */
     disabled?: boolean;
     placeholder?: string;
     /** Controlled value. Omit for self-managed internal state (cleared on send). */
@@ -104,10 +97,13 @@ interface ChatComposerProps {
     onValueChange?: (value: string) => void;
     /** Initial text in uncontrolled mode; ignored when `value` is provided. */
     initialValue?: string;
-    /** Inline controls (e.g. `<ModelPicker/>` + `<EffortPicker/>` or
-     *  `<AgentSessionControls/>`). Rendered in a row above the input by default. */
+    /** Inline controls (e.g. `<AgentSessionControls/>`), rendered in the control row. */
     controls?: ReactNode;
-    controlsPlacement?: 'above' | 'footer';
+    /**
+     * @deprecated The composer renders a single control row; this no longer moves
+     * the controls above the input. Retained for API compatibility.
+     */
+    controlsPlacement?: "above" | "footer";
     /** Attachments are opt-in: pass `onAttach` to show the attach button, accept
      *  drag-and-drop onto the input, and render `pendingFiles` chips. */
     onAttach?: (files: FileList) => void;
@@ -119,11 +115,11 @@ interface ChatComposerProps {
     dropDescription?: string;
     /** Cmd/Ctrl+L focuses the input and shows the hint. Default true. */
     focusShortcut?: boolean;
-    /** Send button label. Default "Send". */
+    /** Send button label (aria/title; the button is an icon). Default "Send". */
     sendLabel?: string;
     className?: string;
 }
-declare function ChatComposer({ onSend, onCancel, isStreaming, disabled, placeholder, value, onValueChange, initialValue, controls, controlsPlacement, onAttach, onAttachFolder, pendingFiles, onRemoveFile, accept, dropTitle, dropDescription, focusShortcut, sendLabel, className, }: ChatComposerProps): react.JSX.Element;
+declare function ChatComposer({ onSend, onCancel, isStreaming, disabled, placeholder, value, onValueChange, initialValue, controls, onAttach, onAttachFolder, pendingFiles, onRemoveFile, accept, dropTitle, dropDescription, focusShortcut, sendLabel, className, }: ChatComposerProps): react.JSX.Element;
 
 /**
  * Provider brand marks — real logo path data (simple-icons / SVG Logos, both

package/dist/web-react/index.js

@@ -31,7 +31,7 @@ import {
   useSmoothText,
   useThinkingSeconds,
   waterfallLayout
-} from "../chunk-WV2U5UIB.js";
+} from "../chunk-7DPQ5VWR.js";
 import "../chunk-2QI7XV2T.js";
 import "../chunk-E7QYOOON.js";
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/agent-app",
-  "version": "0.42.18",
+  "version": "0.43.1",
   "packageManager": "pnpm@10.33.4",
   "description": "Application-shell framework for Tangle agent products: a bounded tool loop, the structured agent→app tool side channel, integration-hub client, per-workspace billing, and crypto — composed over the Tangle agent substrate through typed seams.",
   "keywords": [
@@ -158,6 +158,11 @@
       "import": "./dist/web-react/index.js",
       "default": "./dist/web-react/index.js"
     },
+    "./composer": {
+      "types": "./dist/composer/index.d.ts",
+      "import": "./dist/composer/index.js",
+      "default": "./dist/composer/index.js"
+    },
     "./assistant": {
       "types": "./dist/assistant/index.d.ts",
       "import": "./dist/assistant/index.js",
@@ -337,15 +342,17 @@
   },
   "devDependencies": {
     "@radix-ui/react-dialog": "^1.1.15",
-    "@tangle-network/agent-eval": "^0.99.0",
+    "@tangle-network/agent-eval": "^0.100.0",
     "@tangle-network/agent-integrations": "^0.44.0",
     "@tangle-network/agent-interface": "^0.15.0",
     "@tangle-network/agent-knowledge": "^1.7.0",
-    "@tangle-network/agent-runtime": "^0.76.0",
+    "@tangle-network/agent-runtime": "^0.79.3",
+    "@tangle-network/brand": "^0.6.0",
     "@tangle-network/sandbox": "^0.9.5",
-    "@tangle-network/sandbox-ui": "^0.44.0",
+    "@tangle-network/sandbox-ui": "^0.60.0",
     "@tangle-network/ui": "^4.1.0",
     "@testing-library/dom": "^10.4.1",
+    "@xyflow/react": "^12.0.0",
     "@testing-library/react": "^16.3.2",
     "@types/better-sqlite3": "^7.6.13",
     "@types/node": "^25.6.0",
@@ -370,13 +377,15 @@
   "peerDependencies": {
     "@huggingface/transformers": ">=3",
     "@radix-ui/react-dialog": ">=1.1",
-    "@tangle-network/agent-eval": ">=0.99.0",
+    "@tangle-network/agent-eval": ">=0.100.0",
     "@tangle-network/agent-integrations": ">=0.44.0",
     "@tangle-network/agent-interface": ">=0.15.0",
     "@tangle-network/agent-knowledge": ">=1.7.0",
-    "@tangle-network/agent-runtime": ">=0.76.0",
+    "@tangle-network/agent-runtime": ">=0.79.3",
+    "@tangle-network/brand": ">=0.6.0",
     "@tangle-network/sandbox": ">=0.9.4",
-    "@tangle-network/sandbox-ui": ">=0.44.0",
+    "@tangle-network/sandbox-ui": ">=0.60.0",
+    "@xyflow/react": ">=12.0.0",
     "drizzle-orm": ">=0.36",
     "konva": ">=9",
     "lucide-react": ">=1",
@@ -413,6 +422,12 @@
     "@tangle-network/sandbox-ui": {
       "optional": true
     },
+    "@tangle-network/brand": {
+      "optional": true
+    },
+    "@xyflow/react": {
+      "optional": true
+    },
     "react-router": {
       "optional": true
     },