@truefoundry/trueforge-ui 0.1.0-rc.0 → 0.1.0-rc.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truefoundry/trueforge-ui",
-  "version": "0.1.0-rc.0",
+  "version": "0.1.0-rc.1",
   "description": "TrueForge Agent Chat UI (atoms + containers) built on assistant-ui, with owned theming, presets, and swappable slots.",
   "author": "TrueFoundry",
   "license": "MIT",
@@ -77,7 +77,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.15",
+    "@truefoundry/assistant-ui-runtime": "0.1.16",
     "clsx": "^2.1.1",
     "lucide-react": "^0.562.0",
     "monaco-editor": "^0.56.0",
@@ -88,7 +88,7 @@
     "tailwind-merge": "^3.6.0",
     "truefoundry-gateway-sdk": "^0.4.0-rc.6",
     "zod": "^4.4.3",
-    "@truefoundry/trueforge-sdk": "0.1.0-rc.0"
+    "@truefoundry/trueforge-sdk": "0.1.0-rc.1"
   },
   "devDependencies": {
     "@eslint/js": "^9.39.0",

package/dist/OpenUiFenceBlock-SLLZSTMJ.js

@@ -1,9 +0,0 @@
-"use client";
-import {
-  OpenUiFenceBlock
-} from "./chunk-42GF723P.js";
-import "./chunk-UBOFEI77.js";
-export {
-  OpenUiFenceBlock
-};
-//# sourceMappingURL=OpenUiFenceBlock-SLLZSTMJ.js.map

package/dist/SettingsBuilder-64Y33NP3.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/containers/SettingsBuilder/index.tsx"],"sourcesContent":["'use client';\n\nimport { lazy, Suspense, useEffect, useMemo, useState } from 'react';\n\nimport { auiButtonClass } from '@/atoms/lib/buttonClasses.js';\nimport { cn } from '@/atoms/lib/cn.js';\nimport { useCompactLayout } from '@/atoms/lib/CompactLayoutContext.js';\nimport { Spinner } from '@/atoms/primitives/Spinner.js';\nimport { Icon } from '@/icons/Icon.js';\nimport { useOptionalCatalogServer } from '@/server/ServerContext.js';\nimport { useShellMode } from '@/server/ShellModeContext.js';\n\n// Section modules (and their list/catalog APIs) load only when that tab mounts.\nconst ModelSettings = lazy(() => import('./ModelSettings.js'));\nconst ConnectorSettings = lazy(() => import('./ConnectorSettings.js'));\nconst SkillSettings = lazy(() => import('./SkillSettings.js'));\nconst SandboxSettings = lazy(() => import('./SandboxSettings.js'));\n\nfunction SettingsSectionFallback() {\n  return (\n    <div className=\"flex flex-1 items-center justify-center py-8\" role=\"status\" aria-live=\"polite\" aria-busy=\"true\">\n      <Spinner size={20} className=\"text-text-secondary\" />\n      <span className=\"sr-only\">Loading</span>\n    </div>\n  );\n}\n\ntype SettingsSection = 'models' | 'connectors' | 'skills' | 'sandbox';\n\nconst TruefoundrySettingsBuilder = () => {\n  const { settingsOpen, setSettingsOpen } = useShellMode();\n  const catalog = useOptionalCatalogServer();\n  // dock/widget panels are ~mobile width even on a wide viewport — keep Settings stacked.\n  const compact = useCompactLayout();\n  const [section, setSection] = useState<SettingsSection>('models');\n\n  const hasSkills = catalog?.skillCatalog != null;\n  const hasSandbox = catalog?.sandboxCatalog != null;\n\n  useEffect(() => {\n    if (!hasSkills && section === 'skills') {\n      setSection('models');\n    }\n    if (!hasSandbox && section === 'sandbox') {\n      setSection('models');\n    }\n  }, [hasSkills, hasSandbox, section]);\n\n  useEffect(() => {\n    if (!settingsOpen) return;\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key !== 'Escape') return;\n      event.stopImmediatePropagation();\n      setSettingsOpen(false);\n    };\n    // Capture so layout Escape handlers (sessions drawer / widget) do not also fire.\n    window.addEventListener('keydown', onKeyDown, true);\n    return () => window.removeEventListener('keydown', onKeyDown, true);\n  }, [settingsOpen, setSettingsOpen]);\n\n  const sections = useMemo<\n    Array<{\n      id: SettingsSection;\n      label: string;\n      icon: 'cpu' | 'plug' | 'lightbulb' | 'cube';\n    }>\n  >(() => {\n    const baseSections: Array<{\n      id: SettingsSection;\n      label: string;\n      icon: 'cpu' | 'plug' | 'lightbulb' | 'cube';\n    }> = [\n      { id: 'models', label: 'Models', icon: 'cpu' },\n      { id: 'connectors', label: 'Connectors', icon: 'plug' },\n    ];\n    if (hasSkills) {\n      baseSections.push({ id: 'skills', label: 'Skills', icon: 'lightbulb' });\n    }\n    if (hasSandbox) {\n      baseSections.push({ id: 'sandbox', label: 'Sandbox providers', icon: 'cube' });\n    }\n    return baseSections;\n  }, [hasSkills, hasSandbox]);\n\n  if (!settingsOpen || !catalog) return null;\n\n  return (\n    <div className=\"flex h-full min-h-0 w-full flex-col bg-primary-bg\">\n      <header className=\"flex shrink-0 items-center gap-2 border-b border-border px-2 py-1.5\">\n        <button\n          type=\"button\"\n          aria-label=\"Back\"\n          title=\"Back\"\n          className={auiButtonClass({ variant: 'ghost', size: 'icon' })}\n          onClick={() => setSettingsOpen(false)}\n        >\n          <Icon name=\"arrow-left\" />\n        </button>\n        <h1 className=\"text-lg font-semibold tracking-tight text-text-primary\">Settings</h1>\n      </header>\n\n      <div className={cn('flex min-h-0 flex-1 flex-col', !compact && 'md:flex-row')}>\n        <nav\n          aria-label=\"Settings sections\"\n          className={cn(\n            'flex w-full gap-1 border-b border-border bg-secondary-bg/40 p-2',\n            compact ? 'min-w-0' : 'justify-center md:w-48 md:flex-col md:justify-start md:border-b-0 md:border-r',\n          )}\n        >\n          {sections.map(item => (\n            <button\n              key={item.id}\n              type=\"button\"\n              aria-current={section === item.id ? 'page' : undefined}\n              {...(compact ? { title: item.label } : {})}\n              className={cn(\n                'flex min-h-9 items-center gap-2 rounded-md px-3 text-sm font-medium transition-colors',\n                'focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-focus-ring',\n                // Narrow panels cannot fit fixed-width tabs, so tabs split the row instead.\n                compact ? 'min-w-0 flex-1 justify-center gap-1.5 px-1.5' : 'shrink-0',\n                section === item.id\n                  ? 'bg-primary-button-bg text-primary-button-text'\n                  : 'text-text-secondary hover:bg-ghost-button-hover/60 hover:text-text-primary',\n              )}\n              onClick={() => {\n                setSection(item.id);\n              }}\n            >\n              <Icon name={item.icon} className=\"h-4 w-4 shrink-0\" />\n              {compact ? <span className=\"truncate\">{item.label}</span> : item.label}\n            </button>\n          ))}\n        </nav>\n\n        <section className=\"flex flex-col h-full flex-1 overflow-y-hidden px-6 py-4\">\n          <div className=\"w-full max-w-210 h-full min-h-0 flex flex-col mx-auto\">\n            <Suspense fallback={<SettingsSectionFallback />}>\n              {section === 'models' ? <ModelSettings /> : null}\n              {section === 'connectors' ? <ConnectorSettings /> : null}\n              {section === 'skills' && hasSkills ? <SkillSettings /> : null}\n              {section === 'sandbox' && hasSandbox ? <SandboxSettings /> : null}\n            </Suspense>\n          </div>\n        </section>\n      </div>\n    </div>\n  );\n};\n\nexport default TruefoundrySettingsBuilder;\n"],"mappings":"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","names":[]}