@truefoundry/trueforge-ui 0.3.0-rc.1 → 0.3.0-rc.10

package/CHANGELOG.md

@@ -1,5 +1,148 @@
 # Changelog
 
+## 0.3.0-rc.10
+
+### Patch Changes
+
+- 584e815: Gate Save Agent (create) on tenant CREATE from list-permissions, keep Update Agent on agent MANAGE, unwrap `{ type, permissions }`, and bump `@truefoundry/assistant-ui-runtime` to `0.1.39`.
+
+## 0.3.0-rc.9
+
+### Patch Changes
+
+- fd1bf7f: Bump `@truefoundry/assistant-ui-runtime` to `0.1.38` for assistant completion timestamps and keep-alive turn streams on session switch.
+- 079f832: Show an optional tooltip when sandbox artifact downloads are read-only.
+- Updated dependencies [648273b]
+- Updated dependencies [134dcb9]
+  - @truefoundry/trueforge-sdk@0.2.0-rc.8
+
+## 0.3.0-rc.8
+
+### Patch Changes
+
+- Updated dependencies [648273b]
+  - @truefoundry/trueforge-sdk@0.2.0-rc.7
+
+## 0.3.0-rc.7
+
+### Patch Changes
+
+- 531f0ce: Keep close-on-click dropdown menus and bottom sheets open when a click or drag lands on their own scrollbar, so scrolling a long menu no longer dismisses it before a choice is made.
+- 531f0ce: Cap the skill version menu height and scroll it, so skills with many versions no longer run off screen. While it is open, scrolling is confined to the menu.
+- Updated dependencies [648273b]
+  - @truefoundry/trueforge-sdk@0.2.0-rc.6
+
+## 0.3.0-rc.6
+
+### Patch Changes
+
+- 8c31eae: Round-trip agent description through save/load and show it in the library and agent details.
+- d7136a1: Avatar fallbacks use a light primary-button gradient in light mode, a solid primary gradient in dark mode, and show a single initial character.
+- d7136a1: Assistant message loading indicator uses ThinkingOrb with left-to-right shimmering Working... text.
+- b316430: Slide SideDrawer/BottomSheet and add a light fade+scale enter on dropdowns and popup cards.
+- dc2151f: Paginate `GET /api/v1/agents` with `limit` / `page_token` and a `pagination` envelope; optional `agent_name` filters by case-insensitive substring. Agents library uses rows-per-page and prev/next against the token-paginated API. Schedule create and the schedules listing agent filter use a searchable agent combobox backed by the same filtered list API.
+- d7136a1: Flip PopoverSelect menus when the preferred side lacks viewport room (e.g. table rows-per-page).
+- 04460fb: Prevent the schedule search field from shrinking and clipping its placeholder.
+- fa0730b: Reduce the agent code snippet font size to match its surrounding controls.
+- d7136a1: Stop draining the full agents catalog on Schedules mount; load agents only when the filter opens (infinite scroll).
+- d7136a1: Settings sidebar uses a subtle primary tint for the selected section instead of a solid fill.
+- Updated dependencies [648273b]
+- Updated dependencies [9501536]
+- Updated dependencies [dc2151f]
+  - @truefoundry/trueforge-sdk@0.2.0-rc.5
+
+## 0.3.0-rc.5
+
+### Patch Changes
+
+- 4e72afc: Announce boot loading with a light-themed orb for contrast outside ThemeProvider.
+- ea86853: Move the agent metrics time range filter into the active Metrics tab row.
+- 98ab384: Preserve the active agent draft when returning to Build Agent from another page.
+- 4e72afc: Use an animated thinking orb for application boot and server initialization.
+
+## 0.3.0-rc.4
+
+### Patch Changes
+
+- 629b6e9: Paginate the Agent Sessions list on scroll instead of a "Load more" button, showing a skeleton row while the next page loads.
+- 629b6e9: Fix Agents library table scrolling when rows exceed the viewport
+- 629b6e9: Show Created by (avatar + name) on Agents and Schedules tables when creator info is present.
+- 629b6e9: Portal PopoverSelect menus so table page-size and other selects are not clipped by overflow parents.
+- ef278dd: Stop highlighting New Chat while trying a named agent, and clear the Try Agent URL and history filter when starting a new chat.
+- ceeb56f: Show turn and duration statistics alongside the featured agent metric cards.
+- Updated dependencies [648273b]
+  - @truefoundry/trueforge-sdk@0.2.0-rc.4
+
+## 0.3.0-rc.3
+
+### Minor Changes
+
+- 1d31116: Open agent model settings inline and support typed custom model parameters.
+- 74eae6c: Remove pagination from list MCP servers across the API, SDK, and UI; return and search the complete configured MCP catalog client-side.
+- 12b02ff: Open Runtime Config in a right-side drawer and label scheduled sessions consistently.
+- 7e25f68: Open Save Agent in a right-side drawer with only the agent name while preserving configuration from Agent Config.
+- f8b5eeb: Add optional resource permissions and gate agent, schedule, and session mutations.
+
+### Patch Changes
+
+- 762ecc0: TrueFoundry skills catalog: proxy GET /skills and /skills/versions from ServiceFoundry; settings skill writes return 424. SkillManifest is a type-discriminated oneOf of GitSkill | TrueFoundryRegistrySkill (`type: truefoundry`; name is FQN, display_name is short). AvailableSkill exposes optional metadata (display_name, repository_name, version). AgentSpec skill refs allow opaque FQN names, optional preload (registry), and max 50. UI draft skill mounts map catalog `id` to AgentSpec `name`.
+- 26a9b80: Add an agent-scoped Schedules tab and route library schedule actions into it.
+- 1b8a3f7: Add documentation links to the code snippets view and shell actions.
+- d2fdfc9: Add agent-filtered chat history labels, preserve Try Agent and explicit history-filter intent in URL query state while resolving backend IDs, reset active chats when users change filters, keep Try Agent highlighted as chat, and route fresh agent builders at `/build-agent` before their session URL is assigned.
+- 26a9b80: Allow sending user messages that contain attachments without text.
+- 26a9b80: Add an empty state and Build Agent action to the schedule agent picker.
+- 4c522e2: Bump `@truefoundry/assistant-ui-runtime` to `0.1.30`.
+- 4c522e2: Bump `@truefoundry/assistant-ui-runtime` to `0.1.31`.
+- d719155: Keep composer catalogs cached when starting a new chat.
+- c0359ca: Strip a trailing slash from the `base_url` passed to agent code-snippets.
+- 57f1fc2: Improve compact agent building with model configuration bottom sheets, provider-first model selection, and a contextual composer actions menu.
+- e3973a5: Show the selected connector and skill count beside the composer tools icon.
+- 26a9b80: Hide model selection in the Build Agent composer and correct concurrent sub-agent timeline bars.
+- 26a9b80: Require direct switch clicks in the Runtime Config sidebar.
+- 1ec19f0: Replace API key replacement with connector configuration editing from the connector list and details view.
+- b482cdd: Show the four primary agent metrics in a compact summary-card layout.
+- b32d2be: Filter chat history to sessions created by the current user, and bump `@truefoundry/assistant-ui-runtime` to `0.1.34`.
+- a9430bd: Accept optional `base_url` on agent code-snippets (FE public host); fall back to request origin + `PUBLIC_BASE_URL` path.
+- 54e4ec4: Keep Settings hidden until the server explicitly enables it.
+- 4c522e2: Hide session cost metrics when cost data is unavailable.
+- 4e7b67a: Check live per-user MCP authentication before loading tools in the agent builder.
+- d2fdfc9: Section MCP tools in the Build Agent selector by read-only, others, and destructive annotations, with a read-only enable-all toggle.
+- 26a9b80: Show agent names without an icon in the Agents table.
+- 4cea38c: Show draft and named sessions in the history panel, exclude agent-builder sessions, cache session pages, and switch history sessions in place without remounting the chat runtime.
+- 2284d3b: Polish the MCP tool selector controls, loading state, and API error messages.
+- e3973a5: Group schedule recurrence controls and display the cadence in an attached summary footer.
+- f2ca338: Show active/paused schedule counts in the Agents library, pin selected MCPs when reopening the tools modal, and align paused schedule badge colors.
+- 77c5c33: Show TrueFoundry skill repositories and versions in skill pickers, load version choices lazily, preserve the chosen version FQN when attaching skills, keep picker ordering stable while open, and add registry-only preload controls to selected skill pills.
+- 26a9b80: Show weekly schedule days before the time controls.
+- 1b8a3f7: Match the Build Agent configuration panel width to the agent playground and identify sessions created by schedule runs.
+- adaf532: Widen the sidebar rail and its nav buttons so labels like "Build Agent" have more breathing room.
+- Updated dependencies [648273b]
+- Updated dependencies [648273b]
+- Updated dependencies [648273b]
+- Updated dependencies [74eae6c]
+- Updated dependencies [44f9cbe]
+  - @truefoundry/trueforge-sdk@0.2.0-rc.3
+
+## 0.3.0-rc.2
+
+### Minor Changes
+
+- 04d2ee6: Add a `sidebarText` semantic token for sidebar nav labels, refresh trueforge sidebar colors, set trueforge base `radius` to `0.375rem` (6px), and set sidebar / thread-list control corners to `0.75rem` (12px).
+
+  Expose design-system `Button` (`Button.Primary` / `.Secondary` / `.Ghost` / `.Destructive`). `ButtonVariant` is now `primary | secondary | ghost | destructive` (`default` renamed to `primary`; `outline` removed — use `secondary`). Button sizes are `large` (default) and `small` (`icon` for icon-only).
+
+### Patch Changes
+
+- 2a0ae4c: Show connector catalog logos in the composer Tools picker, matching the Connectors settings page.
+- 2a0ae4c: Align AttachmentCard with assistant-ui's default square thumbnail, filename tooltip, and overlay remove control.
+- fe6a14b: Improve session timelines with sub-agent wait states, grouped point-event markers, clean linear ticks, and readable summary durations.
+- d5b479d: Clamp optional sessions/schedules chrome and unregister `/sessions`, `/schedules`, and `/library/:agentId` when those server ports are omitted, matching the Settings Lego gate.
+- 5d72138: Keep `npx @truefoundry/trueforge` working on native Windows: import Kysely migrations with `pathToFileURL`, and keep sandbox guest paths POSIX. Source development stays Unix/WSL; CI also runs unit and SQLite store tests on Windows.
+- Updated dependencies [a000b47]
+- Updated dependencies [0ec8dc6]
+- Updated dependencies [11865b4]
+  - @truefoundry/trueforge-sdk@0.1.4-rc.2
+
 ## 0.3.0-rc.1
 
 ### Minor Changes

package/README.md

@@ -407,7 +407,7 @@ show the title text (see [Custom layouts](#custom-layouts)).
 
 In library modes, picking an agent from Agents switches to a named chat for that agent **and remounts the runtime** so the new agent starts from a clean conversation. Draft chats can be promoted via **Save agent** (`server.saveAgent` on the resolved `AgentUIServer`). **Clear Chat** (thread header) resets the current named or draft session.
 
-Mutable composers expose **Agent Config** for live model parameters, instructions, runtime behavior, per-connector MCP tools, and skills. The compact Tools picker contains only Connectors and Skills. The Save Agent dialog keeps a local editable copy of the same configuration and shares the same selector dialogs; cancelling it leaves the active draft unchanged. Model context and output limits render when the server supplies that optional catalog metadata.
+Mutable composers expose **Agent Config** for live model parameters, instructions, runtime behavior, per-connector MCP tools, and skills. Runtime Config opens in a second right-side drawer. The compact Tools picker contains only Connectors and Skills. The Save Agent drawer only edits the agent name while preserving the active draft configuration; cancelling it discards that local edit. Model context and output limits render when the server supplies that optional catalog metadata.
 
 ```tsx
 {
@@ -446,12 +446,12 @@ Mutable composers expose **Agent Config** for live model parameters, instruction
 
 Built-in `layout` values:
 
-| Value     | Description                                              |
-| --------- | -------------------------------------------------------- |
-| `sidebar` | Left session list + main thread (ChatGPT / Claude style) |
-| `drawer`  | Full-bleed thread; sessions open in a slide-over         |
-| `dock`    | Fixed-width right panel; list XOR thread stack           |
-| `widget`  | Same stack as `dock`, opened from a bottom-right FAB     |
+| Value     | Description                                          |
+| --------- | ---------------------------------------------------- |
+| `sidebar` | Icon rail + recent session history + active thread   |
+| `drawer`  | Full-bleed thread; sessions open in a slide-over     |
+| `dock`    | Fixed-width right panel; list XOR thread stack       |
+| `widget`  | Same stack as `dock`, opened from a bottom-right FAB |
 
 ---
 
@@ -517,7 +517,7 @@ function MyBubble({ children, error, actionBar, className }: AssistantMessageBub
 />;
 ```
 
-Overridable slots include composer pieces (`ComposerShell`, `ComposerLeftSection`, `ComposerRightSection`, `ComposerSendButton`), messages (`AssistantMessageBubble`, `UserMessageBubble`, `UserMessageEdit`), `Markdown`, `WelcomeScreen`, thread-list atoms, agent metrics (`AgentMetrics`, `AgentMetricsView`, `AgentMetricsTimeRangeFilter`, `AgentMetricCard`, `AgentMetricChart`), and tool/prompt cards (`ToolCallCard`, `ToolApprovalBar`, `ToolGroupCard`, `SubAgentCard`, `SandboxToolCallCard`, `AgentStepsCard`, `ReasoningCard`, `AskUserPrompt`, `McpAuthPrompt`, and more).
+Overridable slots include composer pieces (`ComposerShell`, `ComposerLeftSection`, `ComposerRightSection`, `ComposerSendButton`), messages (`AssistantMessageBubble`, `UserMessageBubble`, `UserMessageEdit`), `Markdown`, `WelcomeScreen`, thread-list atoms, agent metrics (`AgentMetrics`, `AgentMetricsView`, `AgentMetricsTimeRangeFilter`, `AgentMetricCard`, `AgentMetricStatistics`, `AgentMetricChart`), and tool/prompt cards (`ToolCallCard`, `ToolApprovalBar`, `ToolGroupCard`, `SubAgentCard`, `SandboxToolCallCard`, `AgentStepsCard`, `ReasoningCard`, `AskUserPrompt`, `McpAuthPrompt`, and more).
 
 See [docs/customization.md](./docs/customization.md) for the full slot list.
 
@@ -535,6 +535,7 @@ type TrueForgeServerConfig =
       apiKey: string;
       controlPlaneURL: string;
       gatewayPlaneURL?: string;
+      permissions?: PermissionsServer;
     }
   | {
       type: 'trueforge';
@@ -542,6 +543,7 @@ type TrueForgeServerConfig =
       token?: string;
       fetch?: typeof fetch;
       catalog?: CatalogServer;
+      permissions?: PermissionsServer;
     }
   | AgentUIServer;
 
@@ -550,6 +552,8 @@ type AgentUIServer = AgentChatServer &
     catalog?: CatalogServer;
     sessions?: AgentSessionsServer;
     metrics?: AgentMetricsServer;
+    schedules?: ScheduleServer;
+    permissions?: PermissionsServer;
   };
 ```
 
@@ -557,7 +561,18 @@ type AgentUIServer = AgentChatServer &
 | -------------------- | ------------------------------------------------------------------- |
 | `AgentChatServer`    | Sessions, turns, streaming, draft `AgentSpec` sync                  |
 | `AgentBuilderServer` | `getModels` / `getSkills` / `getMcp` / `searchAgents` / `saveAgent` |
+| `catalog`            | Settings CRUD (models / connectors / optional skills & sandbox)     |
+| `sessions`           | Agent details + sessions browser (`/sessions`, `/library/:agentId`) |
+| `schedules`          | Schedules page (`/schedules`)                                       |
 | `AgentMetricsServer` | Agent meter aggregates, chart definitions, and chart data           |
+| `PermissionsServer`  | Per-resource `USE`, `MANAGE`, and `DELETE` grants                   |
+
+Omit a chrome port such as `catalog` or `schedules` to hide and unregister its routes.
+
+When `permissions` is omitted from a custom or TrueFoundry server, actions remain enabled for backward compatibility.
+When provided, denied mutation controls stay visible but disabled with an explanatory tooltip. The built-in
+`type: "trueforge"` server enables checks automatically through the Harness permissions endpoint; an explicit
+`PermissionsServer` overrides that default.
 
 **Zero-config TrueFoundry** — see [Getting started](#getting-started). The SDK calls `createTrueFoundryAgentUIServer` for you.
 

package/dist/{AgentCodeSnippets-NZOFJE57.js → AgentCodeSnippets-RJBB4DDE.js}

@@ -1,17 +1,17 @@
 "use client";
 import {
   useSlot
-} from "./chunk-ZTMKFZQ3.js";
-import "./chunk-2XPPBEYF.js";
+} from "./chunk-GG23N2GW.js";
+import "./chunk-T6QQV5LK.js";
 import {
   Icon
-} from "./chunk-XAU7QFG3.js";
-import "./chunk-U7KURWW3.js";
+} from "./chunk-3ZW74FHC.js";
+import "./chunk-2GIZY3JJ.js";
 import "./chunk-M6MHLVSO.js";
-import "./chunk-MPNSO7E6.js";
+import "./chunk-CG75X77Q.js";
 import {
   cn
-} from "./chunk-7Z2C2K7F.js";
+} from "./chunk-JCL3Q7RW.js";
 
 // src/atoms/agent-details/AgentCodeSnippets.tsx
 import { useEffect, useState } from "react";
@@ -48,22 +48,37 @@ function AgentCodeSnippets({ snippets }) {
       snippet.language
     )) }),
     /* @__PURE__ */ jsxs("section", { className: "flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden rounded-lg border border-border bg-card-bg", children: [
-      /* @__PURE__ */ jsx("div", { className: "flex h-10 shrink-0 items-end gap-1 border-b border-border px-3", children: [
-        ["stream", "Stream"],
-        ["nonStream", "Non-stream"]
-      ].map(([id, label]) => /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          className: cn(
-            "relative h-10 cursor-pointer px-3 text-xs font-medium text-text-secondary",
-            mode === id && "text-primary-button-bg after:absolute after:inset-x-0 after:bottom-0 after:h-0.5 after:bg-primary-button-bg"
-          ),
-          onClick: () => setMode(id),
-          children: label
-        },
-        id
-      )) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex h-10 shrink-0 items-center justify-between gap-1 border-b border-border px-3", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex items-end gap-1", children: [
+          ["stream", "Stream"],
+          ["nonStream", "Non-stream"]
+        ].map(([id, label]) => /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: cn(
+              "relative h-10 cursor-pointer px-3 text-xs font-medium text-text-secondary",
+              mode === id && "text-primary-button-bg after:absolute after:inset-x-0 after:bottom-0 after:h-0.5 after:bg-primary-button-bg"
+            ),
+            onClick: () => setMode(id),
+            children: label
+          },
+          id
+        )) }),
+        /* @__PURE__ */ jsxs(
+          "a",
+          {
+            href: "https://trueforge.dev/api/use-agent",
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: "flex items-center gap-1 text-xs text-text-secondary",
+            children: [
+              /* @__PURE__ */ jsx("span", { children: "View Docs" }),
+              /* @__PURE__ */ jsx(Icon, { name: "external-link", className: "size-3 shrink-0" })
+            ]
+          }
+        )
+      ] }),
       /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-auto", children: /* @__PURE__ */ jsx(AgentCodeBlock, { code: selected.sampleCode[mode], language: selected.language }) })
     ] })
   ] });
@@ -71,4 +86,4 @@ function AgentCodeSnippets({ snippets }) {
 export {
   AgentCodeSnippets as default
 };
-//# sourceMappingURL=AgentCodeSnippets-NZOFJE57.js.map
+//# sourceMappingURL=AgentCodeSnippets-RJBB4DDE.js.map

package/dist/AgentCodeSnippets-RJBB4DDE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/atoms/agent-details/AgentCodeSnippets.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, 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 { AgentCodeSnippetsProps } from './types.js';\n\ntype SnippetMode = 'stream' | 'nonStream';\n\nexport default function AgentCodeSnippets({ snippets }: AgentCodeSnippetsProps) {\n  const AgentCodeBlock = useSlot('AgentCodeBlock');\n  const [selectedLanguage, setSelectedLanguage] = useState(snippets[0]?.language);\n  const [mode, setMode] = useState<SnippetMode>('stream');\n\n  useEffect(() => {\n    setSelectedLanguage(snippets[0]?.language);\n    setMode('stream');\n  }, [snippets]);\n\n  const selected = snippets.find(snippet => snippet.language === selectedLanguage) ?? snippets[0];\n\n  if (selected === undefined) {\n    return (\n      <div className=\"flex h-full min-h-64 items-center justify-center px-6 text-sm text-text-secondary\">\n        No code samples for this agent.\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex min-h-0 flex-1 flex-col gap-3 p-3 md:flex-row\">\n      <nav aria-label=\"Code sample languages\" className=\"flex shrink-0 gap-1 overflow-auto md:w-44 md:flex-col\">\n        {snippets.map(snippet => (\n          <button\n            key={snippet.language}\n            type=\"button\"\n            aria-current={selected.language === snippet.language ? 'page' : undefined}\n            className={cn(\n              'flex h-9 shrink-0 cursor-pointer items-center gap-2 rounded-md px-2.5 text-left text-xs text-text-secondary',\n              'hover:bg-ghost-button-hover hover:text-text-primary',\n              selected.language === snippet.language && 'bg-primary-button-bg/10 font-medium text-primary-button-bg',\n            )}\n            onClick={() => setSelectedLanguage(snippet.language)}\n          >\n            {snippet.icon ? (\n              <img src={snippet.icon} alt=\"\" className=\"size-4 shrink-0 object-contain\" />\n            ) : (\n              <Icon name=\"code\" className=\"size-4 shrink-0\" />\n            )}\n            {snippet.labelName}\n          </button>\n        ))}\n      </nav>\n\n      <section className=\"flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden rounded-lg border border-border bg-card-bg\">\n        <div className=\"flex h-10 shrink-0 items-center justify-between gap-1 border-b border-border px-3\">\n          <div className=\"flex items-end gap-1\">\n            {(\n              [\n                ['stream', 'Stream'],\n                ['nonStream', 'Non-stream'],\n              ] satisfies Array<[SnippetMode, string]>\n            ).map(([id, label]) => (\n              <button\n                key={id}\n                type=\"button\"\n                className={cn(\n                  'relative h-10 cursor-pointer px-3 text-xs font-medium text-text-secondary',\n                  mode === id &&\n                    'text-primary-button-bg after:absolute after:inset-x-0 after:bottom-0 after:h-0.5 after:bg-primary-button-bg',\n                )}\n                onClick={() => setMode(id)}\n              >\n                {label}\n              </button>\n            ))}\n          </div>\n          <a\n            href=\"https://trueforge.dev/api/use-agent\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            className=\"flex items-center gap-1 text-xs text-text-secondary\"\n          >\n            <span>View Docs</span>\n            <Icon name=\"external-link\" className=\"size-3 shrink-0\" />\n          </a>\n        </div>\n        <div className=\"min-h-0 flex-1 overflow-auto\">\n          <AgentCodeBlock code={selected.sampleCode[mode]} language={selected.language} />\n        </div>\n      </section>\n    </div>\n  );\n}\n\ndeclare module '../../theme/SlotsProvider.js' {\n  interface AtomSlots {\n    AgentCodeSnippets: ComponentType<AgentCodeSnippetsProps>;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAEA,SAAS,WAAW,gBAAoC;AAsBlD,cAUI,YAVJ;AAdS,SAAR,kBAAmC,EAAE,SAAS,GAA2B;AAC9E,QAAM,iBAAiB,QAAQ,gBAAgB;AAC/C,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAS,SAAS,CAAC,GAAG,QAAQ;AAC9E,QAAM,CAAC,MAAM,OAAO,IAAI,SAAsB,QAAQ;AAEtD,YAAU,MAAM;AACd,wBAAoB,SAAS,CAAC,GAAG,QAAQ;AACzC,YAAQ,QAAQ;AAAA,EAClB,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,WAAW,SAAS,KAAK,aAAW,QAAQ,aAAa,gBAAgB,KAAK,SAAS,CAAC;AAE9F,MAAI,aAAa,QAAW;AAC1B,WACE,oBAAC,SAAI,WAAU,qFAAoF,6CAEnG;AAAA,EAEJ;AAEA,SACE,qBAAC,SAAI,WAAU,sDACb;AAAA,wBAAC,SAAI,cAAW,yBAAwB,WAAU,yDAC/C,mBAAS,IAAI,aACZ;AAAA,MAAC;AAAA;AAAA,QAEC,MAAK;AAAA,QACL,gBAAc,SAAS,aAAa,QAAQ,WAAW,SAAS;AAAA,QAChE,WAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA,SAAS,aAAa,QAAQ,YAAY;AAAA,QAC5C;AAAA,QACA,SAAS,MAAM,oBAAoB,QAAQ,QAAQ;AAAA,QAElD;AAAA,kBAAQ,OACP,oBAAC,SAAI,KAAK,QAAQ,MAAM,KAAI,IAAG,WAAU,kCAAiC,IAE1E,oBAAC,QAAK,MAAK,QAAO,WAAU,mBAAkB;AAAA,UAE/C,QAAQ;AAAA;AAAA;AAAA,MAfJ,QAAQ;AAAA,IAgBf,CACD,GACH;AAAA,IAEA,qBAAC,aAAQ,WAAU,mGACjB;AAAA,2BAAC,SAAI,WAAU,qFACb;AAAA,4BAAC,SAAI,WAAU,wBAEX;AAAA,UACE,CAAC,UAAU,QAAQ;AAAA,UACnB,CAAC,aAAa,YAAY;AAAA,QAC5B,EACA,IAAI,CAAC,CAAC,IAAI,KAAK,MACf;AAAA,UAAC;AAAA;AAAA,YAEC,MAAK;AAAA,YACL,WAAW;AAAA,cACT;AAAA,cACA,SAAS,MACP;AAAA,YACJ;AAAA,YACA,SAAS,MAAM,QAAQ,EAAE;AAAA,YAExB;AAAA;AAAA,UATI;AAAA,QAUP,CACD,GACH;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,QAAO;AAAA,YACP,KAAI;AAAA,YACJ,WAAU;AAAA,YAEV;AAAA,kCAAC,UAAK,uBAAS;AAAA,cACf,oBAAC,QAAK,MAAK,iBAAgB,WAAU,mBAAkB;AAAA;AAAA;AAAA,QACzD;AAAA,SACF;AAAA,MACA,oBAAC,SAAI,WAAU,gCACb,8BAAC,kBAAe,MAAM,SAAS,WAAW,IAAI,GAAG,UAAU,SAAS,UAAU,GAChF;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/AgentMetricChart-UPGSJ2WP.js

@@ -0,0 +1,15 @@
+"use client";
+import {
+  AgentMetricChart
+} from "./chunk-PQ7VWBQQ.js";
+import "./chunk-GG23N2GW.js";
+import "./chunk-T6QQV5LK.js";
+import "./chunk-3ZW74FHC.js";
+import "./chunk-2GIZY3JJ.js";
+import "./chunk-M6MHLVSO.js";
+import "./chunk-CG75X77Q.js";
+import "./chunk-JCL3Q7RW.js";
+export {
+  AgentMetricChart
+};
+//# sourceMappingURL=AgentMetricChart-UPGSJ2WP.js.map

package/dist/{AgentOverview-EEBHJC32.js → AgentOverview-U5WIQXZN.js}

@@ -1,17 +1,17 @@
 "use client";
 import {
   useSlot
-} from "./chunk-ZTMKFZQ3.js";
-import "./chunk-2XPPBEYF.js";
+} from "./chunk-GG23N2GW.js";
+import "./chunk-T6QQV5LK.js";
 import {
   Icon
-} from "./chunk-XAU7QFG3.js";
-import "./chunk-U7KURWW3.js";
+} from "./chunk-3ZW74FHC.js";
+import "./chunk-2GIZY3JJ.js";
 import "./chunk-M6MHLVSO.js";
-import "./chunk-MPNSO7E6.js";
+import "./chunk-CG75X77Q.js";
 import {
   cn
-} from "./chunk-7Z2C2K7F.js";
+} from "./chunk-JCL3Q7RW.js";
 
 // src/atoms/agent-details/AgentOverview.tsx
 import { useState } from "react";
@@ -54,6 +54,7 @@ function AgentOverview({ detail }) {
   const config = isRecord(spec.config) ? spec.config : null;
   const sandbox = isRecord(config?.sandbox) ? config.sandbox : null;
   const instructions = spec.instructions?.trim() ? spec.instructions : null;
+  const description = detail.description?.trim() ? detail.description : null;
   const execution = [
     ["Sandbox", typeof sandbox?.enabled === "boolean" ? sandbox.enabled ? "Enabled" : "Disabled" : void 0],
     ["Iteration limit", readRecordValue(config, "iterationLimit", "iteration_limit")],
@@ -67,7 +68,7 @@ function AgentOverview({ detail }) {
     ["Ask user questions", spec.config?.askUserQuestions?.enabled]
   ].filter((entry) => typeof entry[1] === "boolean");
   const toggleLabel = instructionsView === "markdown" ? "Raw" : "Markdown";
-  return /* @__PURE__ */ jsxs("div", { className: "grid min-h-0 flex-1 gap-3 overflow-auto p-4 md:grid-cols-[minmax(0,1fr)_18rem] md:overflow-hidden", children: [
+  return /* @__PURE__ */ jsx("div", { className: "flex min-h-0 flex-1 flex-col gap-3 overflow-auto p-4 md:overflow-hidden", children: /* @__PURE__ */ jsxs("div", { className: "grid min-h-0 flex-1 gap-3 md:grid-cols-[minmax(0,1fr)_18rem] md:overflow-hidden", children: [
     /* @__PURE__ */ jsxs("section", { className: "flex min-h-64 flex-col rounded-lg border border-border bg-card-bg p-4 text-text-primary", children: [
       /* @__PURE__ */ jsxs("div", { className: "mb-3 flex shrink-0 items-center justify-between gap-2", children: [
         /* @__PURE__ */ jsxs("h2", { className: "flex items-center gap-1.5 text-sm font-semibold text-text-primary", children: [
@@ -115,6 +116,7 @@ function AgentOverview({ detail }) {
       /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-auto", children: instructions ? instructionsView === "markdown" ? /* @__PURE__ */ jsx(Markdown, { content: instructions, readOnly: true, className: "text-sm" }) : /* @__PURE__ */ jsx("pre", { className: "whitespace-pre-wrap break-words font-mono text-sm text-text-primary", children: instructions }) : /* @__PURE__ */ jsx("p", { className: "text-sm text-text-secondary", children: "No instructions for this agent." }) })
     ] }),
     /* @__PURE__ */ jsxs("aside", { className: "flex min-h-0 min-w-0 flex-col gap-3 md:overflow-auto", children: [
+      description ? /* @__PURE__ */ jsx(AgentOverviewCard, { title: "Description", icon: "file", children: /* @__PURE__ */ jsx("p", { className: "text-xs text-text-secondary", children: description }) }) : null,
       /* @__PURE__ */ jsx(AgentOverviewCard, { title: "Model Configuration", icon: "cpu", children: /* @__PURE__ */ jsxs("dl", { className: "grid grid-cols-[auto_minmax(0,1fr)] gap-x-3 gap-y-1 text-xs", children: [
         /* @__PURE__ */ jsx("dt", { className: "text-text-secondary", children: "Model" }),
         /* @__PURE__ */ jsx("dd", { className: cn(valueClassName, "truncate"), title: spec.model.name, children: displayModelName(spec.model.name) }),
@@ -159,9 +161,9 @@ function AgentOverview({ detail }) {
         /* @__PURE__ */ jsx("dd", { className: valueClassName, children: enabled ? "Enabled" : "Disabled" })
       ] }, label)) }) }) : null
     ] })
-  ] });
+  ] }) });
 }
 export {
   AgentOverview as default
 };
-//# sourceMappingURL=AgentOverview-EEBHJC32.js.map
+//# sourceMappingURL=AgentOverview-U5WIQXZN.js.map

package/dist/AgentOverview-U5WIQXZN.js.map

@@ -0,0 +1 @@
+{"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 description = detail.description?.trim() ? detail.description : 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=\"flex min-h-0 flex-1 flex-col gap-3 overflow-auto p-4 md:overflow-hidden\">\n      <div className=\"grid min-h-0 flex-1 gap-3 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\">\n                  {instructions}\n                </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          {description ? (\n            <AgentOverviewCard title=\"Description\" icon=\"file\">\n              <p className=\"text-xs text-text-secondary\">{description}</p>\n            </AgentOverviewCard>\n          ) : null}\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    </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/{AgentSessionEventTimeline-26Z6IB3B.js → AgentSessionEventTimeline-GRGIQTRE.js}

@@ -1,22 +1,25 @@
 "use client";
 import {
   SESSION_EVENT_TYPES,
-  useSlot
-} from "./chunk-ZTMKFZQ3.js";
-import "./chunk-2XPPBEYF.js";
-import "./chunk-XAU7QFG3.js";
-import "./chunk-U7KURWW3.js";
+  getSessionEventColor,
+  useSlot,
+  useThemeMode
+} from "./chunk-GG23N2GW.js";
+import "./chunk-T6QQV5LK.js";
+import "./chunk-3ZW74FHC.js";
+import "./chunk-2GIZY3JJ.js";
 import "./chunk-M6MHLVSO.js";
-import "./chunk-MPNSO7E6.js";
+import "./chunk-CG75X77Q.js";
 import {
   cn
-} from "./chunk-7Z2C2K7F.js";
+} from "./chunk-JCL3Q7RW.js";
 
 // src/atoms/agent-details/AgentSessionEventTimeline.tsx
 import { useCallback, useMemo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 function AgentSessionEventTimeline({ turns, segments, onSelectTurn }) {
   const AgentSessionEventTimelineChart = useSlot("AgentSessionEventTimelineChart");
+  const isDark = useThemeMode() === "dark";
   const [hiddenTypes, setHiddenTypes] = useState(() => /* @__PURE__ */ new Set());
   const availableEventTypes = useMemo(() => {
     const available = new Set(segments.map((segment) => segment.type));
@@ -52,7 +55,13 @@ function AgentSessionEventTimeline({ turns, segments, onSelectTurn }) {
                 ),
                 onClick: () => handleToggleType(eventType.id),
                 children: [
-                  /* @__PURE__ */ jsx("span", { className: "size-2 rounded-sm", style: { backgroundColor: eventType.color } }),
+                  /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: "size-2 rounded-sm",
+                      style: { backgroundColor: getSessionEventColor(eventType.id, isDark) }
+                    }
+                  ),
                   eventType.label
                 ]
               },
@@ -62,7 +71,7 @@ function AgentSessionEventTimeline({ turns, segments, onSelectTurn }) {
         ]
       }
     ),
-    /* @__PURE__ */ jsx("div", { className: "w-full py-2", children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx("div", { className: "w-full p-2", children: /* @__PURE__ */ jsx(
       AgentSessionEventTimelineChart,
       {
         turns,
@@ -76,4 +85,4 @@ function AgentSessionEventTimeline({ turns, segments, onSelectTurn }) {
 export {
   AgentSessionEventTimeline
 };
-//# sourceMappingURL=AgentSessionEventTimeline-26Z6IB3B.js.map
+//# sourceMappingURL=AgentSessionEventTimeline-GRGIQTRE.js.map

package/dist/AgentSessionEventTimeline-GRGIQTRE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/atoms/agent-details/AgentSessionEventTimeline.tsx"],"sourcesContent":["'use client';\n\nimport { useCallback, useMemo, useState, type ComponentType } from 'react';\n\nimport { useSlot, useThemeMode } from '../../theme/SlotsProvider.js';\nimport { getSessionEventColor, SESSION_EVENT_TYPES, type SessionEventType } from '../../utils/sessionEventTimeline.js';\nimport { cn } from '../lib/cn.js';\nimport type { AgentSessionEventTimelineProps } from './types.js';\n\nexport function AgentSessionEventTimeline({ turns, segments, onSelectTurn }: AgentSessionEventTimelineProps) {\n  const AgentSessionEventTimelineChart = useSlot('AgentSessionEventTimelineChart');\n  const isDark = useThemeMode() === 'dark';\n  const [hiddenTypes, setHiddenTypes] = useState<Set<SessionEventType>>(() => new Set());\n\n  const availableEventTypes = useMemo(() => {\n    const available = new Set(segments.map(segment => segment.type));\n    return SESSION_EVENT_TYPES.filter(eventType => available.has(eventType.id));\n  }, [segments]);\n\n  const handleToggleType = useCallback((type: SessionEventType) => {\n    setHiddenTypes(previous => {\n      const next = new Set(previous);\n      if (next.has(type)) next.delete(type);\n      else next.add(type);\n      return next;\n    });\n  }, []);\n\n  if (segments.length === 0) return null;\n\n  return (\n    <div className=\"w-full\" data-slot=\"agent-session-event-timeline\">\n      <div\n        className=\"flex flex-wrap items-center gap-2 border-b border-border px-3 py-2\"\n        data-slot=\"agent-session-event-types\"\n      >\n        <span className=\"text-xs font-medium uppercase text-text-secondary\">Event types</span>\n        <div className=\"flex flex-wrap items-center gap-1\">\n          {availableEventTypes.map(eventType => {\n            const isVisible = !hiddenTypes.has(eventType.id);\n            return (\n              <button\n                key={eventType.id}\n                type=\"button\"\n                aria-pressed={isVisible}\n                className={cn(\n                  'flex items-center gap-1.5 rounded-full border px-2 py-0.5 text-xs font-medium',\n                  isVisible ? 'border-border text-text-primary' : 'border-transparent text-text-secondary opacity-80',\n                )}\n                onClick={() => handleToggleType(eventType.id)}\n              >\n                <span\n                  className=\"size-2 rounded-sm\"\n                  style={{ backgroundColor: getSessionEventColor(eventType.id, isDark) }}\n                />\n                {eventType.label}\n              </button>\n            );\n          })}\n        </div>\n      </div>\n      <div className=\"w-full p-2\">\n        <AgentSessionEventTimelineChart\n          turns={turns}\n          segments={segments}\n          hiddenTypes={hiddenTypes}\n          onSelectTurn={onSelectTurn}\n        />\n      </div>\n    </div>\n  );\n}\n\ndeclare module '../../theme/SlotsProvider.js' {\n  interface AtomSlots {\n    AgentSessionEventTimeline: ComponentType<AgentSessionEventTimelineProps>;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAEA,SAAS,aAAa,SAAS,gBAAoC;AAkC3D,cAKM,YALN;AA3BD,SAAS,0BAA0B,EAAE,OAAO,UAAU,aAAa,GAAmC;AAC3G,QAAM,iCAAiC,QAAQ,gCAAgC;AAC/E,QAAM,SAAS,aAAa,MAAM;AAClC,QAAM,CAAC,aAAa,cAAc,IAAI,SAAgC,MAAM,oBAAI,IAAI,CAAC;AAErF,QAAM,sBAAsB,QAAQ,MAAM;AACxC,UAAM,YAAY,IAAI,IAAI,SAAS,IAAI,aAAW,QAAQ,IAAI,CAAC;AAC/D,WAAO,oBAAoB,OAAO,eAAa,UAAU,IAAI,UAAU,EAAE,CAAC;AAAA,EAC5E,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,mBAAmB,YAAY,CAAC,SAA2B;AAC/D,mBAAe,cAAY;AACzB,YAAM,OAAO,IAAI,IAAI,QAAQ;AAC7B,UAAI,KAAK,IAAI,IAAI,EAAG,MAAK,OAAO,IAAI;AAAA,UAC/B,MAAK,IAAI,IAAI;AAClB,aAAO;AAAA,IACT,CAAC;AAAA,EACH,GAAG,CAAC,CAAC;AAEL,MAAI,SAAS,WAAW,EAAG,QAAO;AAElC,SACE,qBAAC,SAAI,WAAU,UAAS,aAAU,gCAChC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,aAAU;AAAA,QAEV;AAAA,8BAAC,UAAK,WAAU,qDAAoD,yBAAW;AAAA,UAC/E,oBAAC,SAAI,WAAU,qCACZ,8BAAoB,IAAI,eAAa;AACpC,kBAAM,YAAY,CAAC,YAAY,IAAI,UAAU,EAAE;AAC/C,mBACE;AAAA,cAAC;AAAA;AAAA,gBAEC,MAAK;AAAA,gBACL,gBAAc;AAAA,gBACd,WAAW;AAAA,kBACT;AAAA,kBACA,YAAY,oCAAoC;AAAA,gBAClD;AAAA,gBACA,SAAS,MAAM,iBAAiB,UAAU,EAAE;AAAA,gBAE5C;AAAA;AAAA,oBAAC;AAAA;AAAA,sBACC,WAAU;AAAA,sBACV,OAAO,EAAE,iBAAiB,qBAAqB,UAAU,IAAI,MAAM,EAAE;AAAA;AAAA,kBACvE;AAAA,kBACC,UAAU;AAAA;AAAA;AAAA,cAbN,UAAU;AAAA,YAcjB;AAAA,UAEJ,CAAC,GACH;AAAA;AAAA;AAAA,IACF;AAAA,IACA,oBAAC,SAAI,WAAU,cACb;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF,GACF;AAAA,KACF;AAEJ;","names":[]}