@truefoundry/trueforge-ui 0.3.0-rc.4 → 0.3.0-rc.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truefoundry/trueforge-ui",
-  "version": "0.3.0-rc.4",
+  "version": "0.3.0-rc.6",
   "description": "TrueForge Agent Chat UI (atoms + containers) built on assistant-ui, with owned theming, presets, and swappable slots.",
   "author": "TrueFoundry",
   "license": "MIT",
@@ -80,7 +80,7 @@
     "@openuidev/react-headless": "^0.9.4",
     "@openuidev/react-lang": "^0.2.9",
     "@openuidev/react-ui": "^0.13.2",
-    "@truefoundry/assistant-ui-runtime": "0.1.36",
+    "@truefoundry/assistant-ui-runtime": "0.1.37",
     "chart.js": "^4.5.1",
     "clsx": "^2.1.1",
     "lucide-react": "^0.562.0",
@@ -93,9 +93,10 @@
     "react-syntax-highlighter": "^16.1.1",
     "remark-gfm": "^4.0.1",
     "tailwind-merge": "^3.6.0",
+    "thinking-orbs": "^0.3.1",
     "truefoundry-gateway-sdk": "^0.4.2",
     "zod": "^4.4.3",
-    "@truefoundry/trueforge-sdk": "0.2.0-rc.4"
+    "@truefoundry/trueforge-sdk": "0.2.0-rc.5"
   },
   "devDependencies": {
     "@eslint/js": "^9.39.0",

package/dist/AgentMetricChart-3D6FUFO6.js

@@ -1,15 +0,0 @@
-"use client";
-import {
-  AgentMetricChart
-} from "./chunk-IOPHQEUY.js";
-import "./chunk-2OKGEU6X.js";
-import "./chunk-E4GVP6PM.js";
-import "./chunk-MAA7U4RF.js";
-import "./chunk-6CFZHEYH.js";
-import "./chunk-M6MHLVSO.js";
-import "./chunk-GTTMLDCI.js";
-import "./chunk-P7J2ABEP.js";
-export {
-  AgentMetricChart
-};
-//# sourceMappingURL=AgentMetricChart-3D6FUFO6.js.map

package/dist/AgentOverview-RLJ6HZCN.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/atoms/agent-details/AgentOverview.tsx"],"sourcesContent":["'use client';\n\nimport { useState, type ComponentType } from 'react';\nimport { Icon } from '../../icons/Icon.js';\nimport { useSlot } from '../../theme/SlotsProvider.js';\nimport { cn } from '../lib/cn.js';\nimport type { AgentOverviewProps } from './types.js';\n\ntype InstructionsView = 'markdown' | 'raw';\n\nconst valueClassName = 'text-right font-mono text-primary-button-bg';\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n  return typeof value === 'object' && value != null;\n}\n\nfunction readName(value: object): string | null {\n  if (!('name' in value) || typeof value.name !== 'string') return null;\n  return value.name;\n}\n\nfunction readRecordValue(record: Record<string, unknown> | null, ...keys: string[]): unknown {\n  for (const key of keys) {\n    const value = record?.[key];\n    if (value !== undefined) return value;\n  }\n  return undefined;\n}\n\nfunction hasAllTools(value: object): boolean {\n  if (!isRecord(value)) return false;\n  const tools = readRecordValue(value, 'enableTools', 'enable_tools');\n  return tools === undefined || (Array.isArray(tools) && tools.includes('@all'));\n}\n\nfunction displayModelName(name: string): string {\n  const slash = name.lastIndexOf('/');\n  return slash >= 0 ? name.slice(slash + 1) : name;\n}\n\nexport default function AgentOverview({ detail }: AgentOverviewProps) {\n  const Markdown = useSlot('Markdown');\n  const AgentOverviewCard = useSlot('AgentOverviewCard');\n  const [instructionsView, setInstructionsView] = useState<InstructionsView>('markdown');\n  const [copied, setCopied] = useState(false);\n  const spec = detail.agentSpec;\n  const skills = spec.skills ?? [];\n  const connectors = spec.mcpServers ?? [];\n  const modelParams = isRecord(spec.model.params) ? spec.model.params : null;\n  const maxTokens = readRecordValue(modelParams, 'maxTokens', 'max_tokens');\n  const temperature = readRecordValue(modelParams, 'temperature');\n  const config = isRecord(spec.config) ? spec.config : null;\n  const sandbox = isRecord(config?.sandbox) ? config.sandbox : null;\n  const instructions = spec.instructions?.trim() ? spec.instructions : null;\n  const execution = [\n    ['Sandbox', typeof sandbox?.enabled === 'boolean' ? (sandbox.enabled ? 'Enabled' : 'Disabled') : undefined],\n    ['Iteration limit', readRecordValue(config, 'iterationLimit', 'iteration_limit')],\n    ['Response format', readRecordValue(config, 'responseFormat', 'response_format')],\n  ].filter((entry): entry is [string, string | number] => {\n    return typeof entry[1] === 'string' || typeof entry[1] === 'number';\n  });\n  const capabilities = [\n    ['Generative UI', spec.config?.generativeUi?.enabled],\n    ['Dynamic sub-agents', spec.config?.dynamicSubAgents?.enabled],\n    ['Ask user questions', spec.config?.askUserQuestions?.enabled],\n  ].filter((entry): entry is [string, boolean] => typeof entry[1] === 'boolean');\n  const toggleLabel = instructionsView === 'markdown' ? 'Raw' : 'Markdown';\n\n  return (\n    <div className=\"grid min-h-0 flex-1 gap-3 overflow-auto p-4 md:grid-cols-[minmax(0,1fr)_18rem] md:overflow-hidden\">\n      <section className=\"flex min-h-64 flex-col rounded-lg border border-border bg-card-bg p-4 text-text-primary\">\n        <div className=\"mb-3 flex shrink-0 items-center justify-between gap-2\">\n          <h2 className=\"flex items-center gap-1.5 text-sm font-semibold text-text-primary\">\n            <Icon name=\"book-open\" className=\"size-4 text-text-secondary\" />\n            Instructions\n          </h2>\n          {instructions ? (\n            <div\n              className=\"inline-flex h-7 items-stretch overflow-hidden rounded-md border border-border bg-primary-bg text-xs font-medium text-text-secondary\"\n              role=\"group\"\n              aria-label=\"Instructions actions\"\n            >\n              <button\n                type=\"button\"\n                aria-label={`Show ${toggleLabel}`}\n                onClick={() => setInstructionsView(view => (view === 'markdown' ? 'raw' : 'markdown'))}\n                className=\"cursor-pointer px-2.5 transition-colors hover:bg-ghost-button-hover hover:text-text-primary\"\n              >\n                {toggleLabel}\n              </button>\n              <span className=\"w-px self-stretch bg-border\" aria-hidden />\n              <button\n                type=\"button\"\n                title={copied ? 'Copied!' : 'Copy'}\n                aria-label={copied ? 'Copied!' : 'Copy'}\n                onClick={() => {\n                  void navigator.clipboard.writeText(instructions).then(() => {\n                    setCopied(true);\n                    setTimeout(() => setCopied(false), 2000);\n                  });\n                }}\n                className=\"inline-flex cursor-pointer items-center justify-center px-2 transition-colors hover:bg-ghost-button-hover hover:text-text-primary\"\n              >\n                <Icon name={copied ? 'check' : 'copy'} size={12} />\n              </button>\n            </div>\n          ) : null}\n        </div>\n        <div className=\"min-h-0 flex-1 overflow-auto\">\n          {instructions ? (\n            instructionsView === 'markdown' ? (\n              <Markdown content={instructions} readOnly className=\"text-sm\" />\n            ) : (\n              <pre className=\"whitespace-pre-wrap break-words font-mono text-sm text-text-primary\">{instructions}</pre>\n            )\n          ) : (\n            <p className=\"text-sm text-text-secondary\">No instructions for this agent.</p>\n          )}\n        </div>\n      </section>\n\n      <aside className=\"flex min-h-0 min-w-0 flex-col gap-3 md:overflow-auto\">\n        <AgentOverviewCard title=\"Model Configuration\" icon=\"cpu\">\n          <dl className=\"grid grid-cols-[auto_minmax(0,1fr)] gap-x-3 gap-y-1 text-xs\">\n            <dt className=\"text-text-secondary\">Model</dt>\n            <dd className={cn(valueClassName, 'truncate')} title={spec.model.name}>\n              {displayModelName(spec.model.name)}\n            </dd>\n            {typeof maxTokens === 'number' ? (\n              <>\n                <dt className=\"text-text-secondary\">Max tokens</dt>\n                <dd className={valueClassName}>{maxTokens}</dd>\n              </>\n            ) : null}\n            {spec.model.params?.reasoningEffort !== undefined ? (\n              <>\n                <dt className=\"text-text-secondary\">Reasoning</dt>\n                <dd className={valueClassName}>{spec.model.params.reasoningEffort}</dd>\n              </>\n            ) : null}\n            {typeof temperature === 'number' ? (\n              <>\n                <dt className=\"text-text-secondary\">Temperature</dt>\n                <dd className={valueClassName}>{temperature}</dd>\n              </>\n            ) : null}\n          </dl>\n        </AgentOverviewCard>\n        <AgentOverviewCard title=\"MCP Servers\" icon=\"plug\" count={connectors.length}>\n          {connectors.length === 0 ? (\n            <p className=\"text-xs text-text-secondary\">No connectors attached.</p>\n          ) : (\n            <ul className=\"space-y-1.5\">\n              {connectors.map((connector, index) => (\n                <li\n                  key={`${readName(connector) ?? 'connector'}-${index}`}\n                  className=\"rounded-md bg-secondary-bg px-2 py-1.5 text-xs\"\n                >\n                  <span className=\"flex items-center justify-between gap-2\">\n                    <span className=\"truncate\">{readName(connector) ?? `Connector ${index + 1}`}</span>\n                    {hasAllTools(connector) ? (\n                      <span className=\"shrink-0 rounded-full bg-primary-button-bg/10 px-1.5 py-0.5 text-[10px] text-primary-button-bg\">\n                        All tools\n                      </span>\n                    ) : null}\n                  </span>\n                </li>\n              ))}\n            </ul>\n          )}\n        </AgentOverviewCard>\n\n        <AgentOverviewCard title=\"Attached Skills\" icon=\"lightbulb\" count={skills.length}>\n          {skills.length === 0 ? (\n            <p className=\"text-xs text-text-secondary\">No skills attached.</p>\n          ) : (\n            <ul className=\"space-y-1.5\">\n              {skills.map((skill, index) => (\n                <li\n                  key={`${readName(skill) ?? 'skill'}-${index}`}\n                  className=\"rounded-md bg-secondary-bg px-2 py-1.5 text-xs\"\n                >\n                  {readName(skill) ?? `Skill ${index + 1}`}\n                </li>\n              ))}\n            </ul>\n          )}\n        </AgentOverviewCard>\n\n        {execution.length > 0 ? (\n          <AgentOverviewCard title=\"Execution\" icon=\"terminal\">\n            <dl className=\"space-y-1 text-xs\">\n              {execution.map(([label, value]) => (\n                <div key={label} className=\"flex justify-between gap-3\">\n                  <dt className=\"text-text-secondary\">{label}</dt>\n                  <dd className={valueClassName}>{value}</dd>\n                </div>\n              ))}\n            </dl>\n          </AgentOverviewCard>\n        ) : null}\n\n        {capabilities.length > 0 ? (\n          <AgentOverviewCard title=\"Capabilities\" icon=\"cube\">\n            <dl className=\"space-y-1 text-xs\">\n              {capabilities.map(([label, enabled]) => (\n                <div key={label} className=\"flex justify-between gap-3\">\n                  <dt className=\"text-text-secondary\">{label}</dt>\n                  <dd className={valueClassName}>{enabled ? 'Enabled' : 'Disabled'}</dd>\n                </div>\n              ))}\n            </dl>\n          </AgentOverviewCard>\n        ) : null}\n      </aside>\n    </div>\n  );\n}\n\ndeclare module '../../theme/SlotsProvider.js' {\n  interface AtomSlots {\n    AgentOverview: ComponentType<AgentOverviewProps>;\n  }\n}\n"],"mappings":"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","names":[]}

package/dist/OpenUiFenceBlock-UTDCTNTM.js

@@ -1,9 +0,0 @@
-"use client";
-import {
-  OpenUiFenceBlock
-} from "./chunk-GTTMLDCI.js";
-import "./chunk-P7J2ABEP.js";
-export {
-  OpenUiFenceBlock
-};
-//# sourceMappingURL=OpenUiFenceBlock-UTDCTNTM.js.map

package/dist/SchedulesPage-ARWU7BZF.js

@@ -1,15 +0,0 @@
-"use client";
-import {
-  SchedulesPage
-} from "./chunk-MJULWIPI.js";
-import "./chunk-2OKGEU6X.js";
-import "./chunk-E4GVP6PM.js";
-import "./chunk-MAA7U4RF.js";
-import "./chunk-6CFZHEYH.js";
-import "./chunk-M6MHLVSO.js";
-import "./chunk-GTTMLDCI.js";
-import "./chunk-P7J2ABEP.js";
-export {
-  SchedulesPage
-};
-//# sourceMappingURL=SchedulesPage-ARWU7BZF.js.map