@tangle-network/agent-app 0.29.0 → 0.30.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/agent-app",
-  "version": "0.29.0",
+  "version": "0.30.0",
   "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": [

package/dist/chunk-Y2SZVW35.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/theme/theme.ts"],"sourcesContent":["/**\n * Typed mirror of tokens.css for runtime/JS theming. The canonical source is\n * tokens.css (`import '@tangle-network/agent-app/styles'`); this module is for\n * apps that compute theme variables in JS, or read color values where CSS\n * custom properties cannot reach — notably Konva canvas render code, which\n * paints to a bitmap and cannot resolve `var(--…)`.\n *\n * Values are shadcn-style HSL channel triples (\"H S% L%\"); wrap with `color()`.\n */\n\nexport interface AgentAppTheme {\n  background: string\n  foreground: string\n  card: string\n  cardForeground: string\n  popover: string\n  popoverForeground: string\n  primary: string\n  primaryForeground: string\n  secondary: string\n  secondaryForeground: string\n  muted: string\n  mutedForeground: string\n  accent: string\n  accentForeground: string\n  destructive: string\n  destructiveForeground: string\n  border: string\n  input: string\n  ring: string\n  success: string\n  successForeground: string\n  warning: string\n  warningForeground: string\n  /** Full CSS color (not a triple) — the canvas/scene backdrop. */\n  canvasBackdrop: string\n  /** Konva render palette — full hex colors the bitmap canvas paints with\n   *  (it cannot resolve `var(--…)`). NOT emitted by themeToCssVars. */\n  canvasRender: CanvasRenderPalette\n}\n\n/**\n * Colors the Konva design-canvas paints directly. Konva renders to a bitmap\n * and cannot read CSS custom properties, so these are full hex strings sourced\n * from the active theme and threaded through the canvas components.\n */\nexport interface CanvasRenderPalette {\n  /** Grid line color (GridLayer). */\n  grid: string\n  /** Grid-snap guide line (SnapGuidesOverlay, kind 'grid'). */\n  snapGrid: string\n  /** Saved ruler-guide snap line (kind 'guide'). */\n  snapGuide: string\n  /** Page edge/center snap line (kinds 'page-edge'/'page-center'). */\n  snapPage: string\n  /** Element edge/center snap line (kinds 'element-edge'/'element-center'). */\n  snapElement: string\n  /** Transformer border + anchor stroke (SelectionLayer). */\n  selectionStroke: string\n  /** Transformer anchor fill (SelectionLayer). */\n  selectionAnchorFill: string\n  /** Video placeholder fill (ElementNode VideoNode). */\n  placeholderFill: string\n  /** Video placeholder stroke (ElementNode VideoNode). */\n  placeholderStroke: string\n  /** Broken/loading image placeholder fill (ElementNode ImageNode). */\n  brokenFill: string\n  /** Broken/loading image placeholder stroke (ElementNode ImageNode). */\n  brokenStroke: string\n}\n\nexport const lightTheme: AgentAppTheme = {\n  background: '0 0% 100%',\n  foreground: '222 47% 11%',\n  card: '0 0% 100%',\n  cardForeground: '222 47% 11%',\n  popover: '0 0% 100%',\n  popoverForeground: '222 47% 11%',\n  primary: '221 83% 47%',\n  primaryForeground: '0 0% 100%',\n  secondary: '210 40% 96%',\n  secondaryForeground: '222 47% 30%',\n  muted: '210 40% 96%',\n  mutedForeground: '215 16% 44%',\n  accent: '210 40% 96%',\n  accentForeground: '222 47% 11%',\n  destructive: '0 72% 45%',\n  destructiveForeground: '0 0% 100%',\n  border: '214 32% 91%',\n  input: '214 32% 91%',\n  ring: '221 83% 53%',\n  success: '142 72% 29%',\n  successForeground: '0 0% 100%',\n  warning: '38 92% 32%',\n  warningForeground: '38 92% 12%',\n  canvasBackdrop: 'hsl(220 13% 91%)',\n  canvasRender: {\n    grid: '#c0c0c0',\n    snapGrid: '#a0a0a0',\n    snapGuide: '#3b82f6',\n    snapPage: '#f59e0b',\n    snapElement: '#f43f5e',\n    selectionStroke: '#00a1ff',\n    selectionAnchorFill: '#ffffff',\n    placeholderFill: '#1f2937',\n    placeholderStroke: '#374151',\n    brokenFill: '#e5e7eb',\n    brokenStroke: '#9ca3af',\n  },\n}\n\nexport const darkTheme: AgentAppTheme = {\n  background: '222 47% 7%',\n  foreground: '210 40% 98%',\n  card: '222 47% 11%',\n  cardForeground: '210 40% 98%',\n  popover: '222 47% 11%',\n  popoverForeground: '210 40% 98%',\n  primary: '217 91% 72%',\n  primaryForeground: '222 47% 11%',\n  secondary: '217 33% 17%',\n  secondaryForeground: '210 40% 90%',\n  muted: '217 33% 17%',\n  mutedForeground: '215 20% 65%',\n  accent: '217 33% 17%',\n  accentForeground: '210 40% 98%',\n  destructive: '0 78% 67%',\n  destructiveForeground: '0 0% 12%',\n  border: '217 33% 20%',\n  input: '217 33% 20%',\n  ring: '217 91% 60%',\n  success: '142 60% 50%',\n  successForeground: '142 80% 12%',\n  warning: '38 95% 58%',\n  warningForeground: '38 92% 12%',\n  canvasBackdrop: 'hsl(0 0% 10%)',\n  canvasRender: {\n    grid: '#3a3a3a',\n    snapGrid: '#5a5a5a',\n    snapGuide: '#3b82f6',\n    snapPage: '#f59e0b',\n    snapElement: '#f43f5e',\n    selectionStroke: '#00a1ff',\n    selectionAnchorFill: '#e5e7eb',\n    placeholderFill: '#2a2f3a',\n    placeholderStroke: '#3f4654',\n    brokenFill: '#262b33',\n    brokenStroke: '#4b5563',\n  },\n}\n\n/** Wrap a channel triple in `hsl()`; pass through values already in a color form. */\nexport function themeColor(value: string): string {\n  return value.startsWith('hsl') || value.startsWith('#') || value.startsWith('rgb')\n    ? value\n    : `hsl(${value})`\n}\n\n/**\n * Map a theme to the full CSS-variable set (shadcn triples + canvas/sequences\n * aliases + canvas surface). Apply at runtime to scope a theme without loading\n * tokens.css: `Object.assign(el.style, themeToCssVars(darkTheme))`.\n */\nexport function themeToCssVars(theme: AgentAppTheme): Record<string, string> {\n  return {\n    '--background': theme.background,\n    '--foreground': theme.foreground,\n    '--card': theme.card,\n    '--card-foreground': theme.cardForeground,\n    '--popover': theme.popover,\n    '--popover-foreground': theme.popoverForeground,\n    '--primary': theme.primary,\n    '--primary-foreground': theme.primaryForeground,\n    '--secondary': theme.secondary,\n    '--secondary-foreground': theme.secondaryForeground,\n    '--muted': theme.muted,\n    '--muted-foreground': theme.mutedForeground,\n    '--accent': theme.accent,\n    '--accent-foreground': theme.accentForeground,\n    '--destructive': theme.destructive,\n    '--destructive-foreground': theme.destructiveForeground,\n    '--border': theme.border,\n    '--input': theme.input,\n    '--ring': theme.ring,\n    '--success': theme.success,\n    '--success-foreground': theme.successForeground,\n    '--warning': theme.warning,\n    '--warning-foreground': theme.warningForeground,\n    '--bg-input': `hsl(${theme.card})`,\n    '--text-primary': `hsl(${theme.foreground})`,\n    '--text-secondary': `hsl(${theme.secondaryForeground})`,\n    '--text-muted': `hsl(${theme.mutedForeground})`,\n    '--text-danger': `hsl(${theme.destructive})`,\n    '--border-default': `hsl(${theme.border})`,\n    '--brand-primary': `hsl(${theme.primary})`,\n    '--canvas-backdrop': theme.canvasBackdrop,\n  }\n}\n"],"mappings":"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","names":[]}