@shipfox/client-logs 0.2.0

package/.storybook/main.ts

@@ -0,0 +1 @@
+export {default} from '../../.storybook/main.ts';

package/.storybook/preview.css

@@ -0,0 +1,9 @@
+@import "@shipfox/react-ui/index.css";
+
+/* The `@import` pulls in the full design-system theme (tokens, preflight, base layer)
+   from react-ui. Tailwind v4 only emits utilities for classes it finds in scanned
+   source, and these stories render react-ui components whose classes live in react-ui's
+   own source. Scanning both trees keeps those components styled, the same way
+   apps/client/src/styles.css scans every package it renders. */
+@source "../src";
+@source "../../../shared/react/ui/src";

package/.storybook/preview.tsx

@@ -0,0 +1,56 @@
+import './preview.css';
+import {ThemeProvider} from '@shipfox/react-ui/theme';
+import type {Decorator, Preview} from '@storybook/react';
+
+if (typeof document !== 'undefined' && document.fonts) {
+  void Promise.all([
+    document.fonts.load("16px 'Inter'"),
+    document.fonts.load("italic 16px 'Inter'"),
+    document.fonts.load("16px 'Commit Mono'"),
+    document.fonts.load("bold 16px 'Commit Mono'"),
+  ]);
+}
+
+const withTheme: Decorator = (Story, context) => {
+  const theme = context.globals.theme;
+  return (
+    <ThemeProvider key={theme} defaultTheme={theme} storageKey={`shipfox-theme-${theme}`}>
+      <Story />
+    </ThemeProvider>
+  );
+};
+
+const preview: Preview = {
+  decorators: [withTheme],
+  parameters: {
+    argos: {
+      // Dual-theme coverage lives in @shipfox/react-ui (the theming source of truth);
+      // feature packages capture only the primary dark theme to limit Argos spend.
+      modes: {
+        dark: {theme: 'dark'},
+      },
+      fitToContent: false,
+    },
+    options: {
+      storySort: {method: 'alphabetical'},
+    },
+  },
+  globalTypes: {
+    theme: {
+      name: 'Theme',
+      description: 'Global theme for components',
+      defaultValue: 'dark',
+      toolbar: {
+        icon: 'sun',
+        items: [
+          {value: 'light', icon: 'sun', title: 'Light'},
+          {value: 'dark', icon: 'moon', title: 'Dark'},
+          {value: 'system', icon: 'info', title: 'System'},
+        ],
+        showName: true,
+      },
+    },
+  },
+};
+
+export default preview;

package/.swcrc

@@ -0,0 +1,42 @@
+{
+  "jsc": {
+    "target": "es2023",
+    "parser": {
+      "syntax": "typescript",
+      "decorators": true,
+      "dynamicImport": true,
+      "tsx": true
+    },
+    "transform": {
+      "decoratorMetadata": true,
+      "legacyDecorator": true,
+      "react": {
+        "runtime": "automatic"
+      }
+    },
+    "keepClassNames": true,
+    "externalHelpers": true,
+    "loose": true,
+    "experimental": {
+      "keepImportAttributes": true
+    }
+  },
+  "module": {
+    "type": "es6",
+    "strict": true,
+    "strictMode": true,
+    "noInterop": true,
+    "resolveFully": true
+  },
+  "sourceMaps": true,
+  "minify": false,
+  "exclude": [
+    "node_modules",
+    "jest.config.ts",
+    "^.*\\.spec\\.tsx?$",
+    "^.*\\.test\\.tsx?$",
+    "^.*\\.stories\\.tsx?$",
+    ".*/jest-setup\\.ts$",
+    "^.*\\.js$"
+  ]
+}

package/.turbo/turbo-build.log

@@ -0,0 +1,2 @@
+$ shipfox-swc
+Successfully compiled: 11 files with swc (43.74ms)

package/.turbo/turbo-type$colon$emit.log

@@ -0,0 +1 @@
+$ shipfox-tsc-emit

package/.turbo/turbo-type.log

@@ -0,0 +1 @@
+$ shipfox-tsc-check

package/CHANGELOG.md

@@ -0,0 +1,93 @@
+# @shipfox/client-logs
+
+## 0.2.0
+
+### Minor Changes
+
+- 3d064b8: Publishes the client runtime closure with shell, feature, route, Vite, and testing contracts.
+
+### Patch Changes
+
+- Updated dependencies [3d064b8]
+  - @shipfox/client-api@0.2.0
+
+## 0.1.2
+
+### Patch Changes
+
+- Updated dependencies [c18d624]
+  - @shipfox/react-ui@0.3.1
+
+## 0.1.1
+
+### Patch Changes
+
+- Updated dependencies [1b0d344]
+  - @shipfox/api-logs-dto@2.0.0
+  - @shipfox/client-api@0.0.1
+  - @shipfox/react-ui@0.3.0
+
+## 0.1.0
+
+### Minor Changes
+
+- b83d31a: Renders agent session log records inline with process output so agent steps show prompts, assistant messages, thinking, tool activity, and failure anchors.
+- f104ff2: Add `@shipfox/client-logs`: the record components for the step-log read stream, composing the `@shipfox/react-ui` log primitives. This covers every process and system record (`output`, `group_start`/`group_end`, `end`, `gap`, `capped`, `runner_lost`); `agent_session` is rendered by the agent-sessions surface.
+  - `buildLogTree(records)` is a pure transform that reconstructs the group tree from the flat record list. `group_end` closes the matching `group_id` (so a `group_start` dropped under gap/backlog pressure does not mis-nest), record dispatch is an exhaustive switch, and each group node carries a precomputed `hasError` (a `runner_lost` in its subtree, a genuine failure; `stderr` is a channel, not an error) and subtree line count.
+  - `OutputLogRow` renders stdout/stderr (stderr gets a subtle left channel rule, not a background tint), `LogGroup` is a collapsible disclosure with running/duration/incomplete affordances and an inset error bar, the system markers render as timeline rows, and `LogView` is the top-level dispatcher with an empty state. Reviewed in a package-local Storybook captured by Argos (`client-logs`).
+  - `@shipfox/api-logs-dto` now measures UTF-8 byte length with `TextEncoder` instead of `node:buffer`, so this shared record contract is browser-safe for the client log viewer. Behavior is identical.
+  - `@shipfox/react-ui` gains two shared formatters in `utils`: `formatBytes` (new) and `formatDuration` (an ms-span, sub-second sibling to the existing `humanDuration`), so `client-logs` and future packages share one implementation instead of re-rolling them.
+
+- 0c6373a: Adds a React Query data layer for step logs that maps inline and presigned reads into one polling snapshot.
+
+### Patch Changes
+
+- dc3e434: Show logs inline under the active or selected workflow step attempt, including missing-stream retry for running attempts and stale-log retry states.
+- Updated dependencies [43d7996]
+- Updated dependencies [14e0bea]
+- Updated dependencies [a56748d]
+- Updated dependencies [9018f0b]
+- Updated dependencies [7fdfd72]
+- Updated dependencies [2a3193f]
+- Updated dependencies [f104ff2]
+- Updated dependencies [7341569]
+- Updated dependencies [68e4022]
+- Updated dependencies [f92122b]
+- Updated dependencies [4207772]
+- Updated dependencies [d49ee4c]
+- Updated dependencies [e4c6abf]
+- Updated dependencies [2883ab4]
+- Updated dependencies [5d0676a]
+- Updated dependencies [a35c2dc]
+- Updated dependencies [58f7aef]
+- Updated dependencies [5264a22]
+- Updated dependencies [9674879]
+- Updated dependencies [225c9a5]
+- Updated dependencies [bf8319f]
+- Updated dependencies [24f131b]
+- Updated dependencies [bb2a7bc]
+- Updated dependencies [5eb06d0]
+- Updated dependencies [4e13e5f]
+- Updated dependencies [e92150d]
+- Updated dependencies [8037501]
+- Updated dependencies [0fb6018]
+- Updated dependencies [c27a1ed]
+- Updated dependencies [b8e49ff]
+- Updated dependencies [8037501]
+- Updated dependencies [6c0da64]
+- Updated dependencies [07f8ff8]
+- Updated dependencies [e457582]
+- Updated dependencies [8b5c905]
+- Updated dependencies [f849131]
+- Updated dependencies [94bdcc5]
+- Updated dependencies [a34c8ea]
+- Updated dependencies [2933c33]
+- Updated dependencies [8ac4bf4]
+- Updated dependencies [3a0be6b]
+- Updated dependencies [d42baf4]
+- Updated dependencies [8037501]
+- Updated dependencies [54bb8a3]
+- Updated dependencies [f711e18]
+  - @shipfox/react-ui@0.3.0
+  - @shipfox/api-logs-dto@0.1.0
+  - @shipfox/client-api@0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Shipfox
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/components/agent-session-rows.d.ts

@@ -0,0 +1,8 @@
+import type { SessionViewRow } from '@shipfox/api-logs-dto';
+export interface AgentSessionRowsProps {
+    rows: readonly SessionViewRow[];
+    resolvedToolCallIds: ReadonlySet<string>;
+    indent: number;
+}
+export declare function AgentSessionRows({ rows, resolvedToolCallIds, indent }: AgentSessionRowsProps): import("react").JSX.Element[];
+//# sourceMappingURL=agent-session-rows.d.ts.map

package/dist/components/agent-session-rows.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"agent-session-rows.d.ts","sourceRoot":"","sources":["../../src/components/agent-session-rows.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,cAAc,EAAqB,MAAM,uBAAuB,CAAC;AAkB9E,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,SAAS,cAAc,EAAE,CAAC;IAChC,mBAAmB,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACzC,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,gBAAgB,CAAC,EAAC,IAAI,EAAE,mBAAmB,EAAE,MAAM,EAAC,EAAE,qBAAqB,iCAU1F"}

package/dist/components/agent-session-rows.js

@@ -0,0 +1,374 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Icon } from '@shipfox/react-ui/icon';
+import { LogContent, LogDisclosure, LogDisclosureContent, LogDisclosureTrigger, LogRow } from '@shipfox/react-ui/log';
+import { Tooltip, TooltipContent, TooltipTrigger } from '@shipfox/react-ui/tooltip';
+import { cn } from '@shipfox/react-ui/utils';
+import { Fragment, useState } from 'react';
+const PREVIEW_CHAR_LIMIT = 1200;
+const WORD_SUMMARY_CHAR_LIMIT = 5000;
+const WHITESPACE = /\s+/g;
+const WORD_SEPARATOR = /\s+/;
+export function AgentSessionRows({ rows, resolvedToolCallIds, indent }) {
+    return rows.map((row, index)=>/*#__PURE__*/ _jsx(AgentSessionRowView, {
+            row: row,
+            resolvedToolCallIds: resolvedToolCallIds,
+            indent: indent
+        }, `${row.kind}-${index}`));
+}
+function AgentSessionRowView({ row, resolvedToolCallIds, indent }) {
+    switch(row.kind){
+        case 'message':
+            return /*#__PURE__*/ _jsx(LogRow, {
+                lineNumber: null,
+                timestamp: new Date(row.timestamp),
+                indent: indent,
+                tone: row.terminalFailure ? 'error' : 'default',
+                "data-log-terminal-failure": row.terminalFailure ? 'true' : undefined,
+                children: /*#__PURE__*/ _jsx(LogContent, {
+                    className: "text-foreground-neutral-base",
+                    children: /*#__PURE__*/ _jsxs("span", {
+                        className: "flex min-w-0 items-start gap-8",
+                        children: [
+                            /*#__PURE__*/ _jsx(MessageIcon, {
+                                role: row.role,
+                                terminalFailure: row.terminalFailure
+                            }),
+                            /*#__PURE__*/ _jsxs("span", {
+                                className: "flex min-w-0 flex-1 flex-col gap-2",
+                                children: [
+                                    /*#__PURE__*/ _jsxs("span", {
+                                        className: "flex min-w-0 items-center gap-8",
+                                        children: [
+                                            /*#__PURE__*/ _jsx(MessageRoleLabel, {
+                                                label: row.label,
+                                                terminalFailure: row.terminalFailure
+                                            }),
+                                            /*#__PURE__*/ _jsx(RowMetadata, {
+                                                meta: row.meta,
+                                                className: "ml-auto flex-none"
+                                            })
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ _jsx("span", {
+                                        className: "block min-w-0",
+                                        children: /*#__PURE__*/ _jsx(PreviewText, {
+                                            text: row.text
+                                        })
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                })
+            });
+        case 'thinking':
+            return /*#__PURE__*/ _jsxs(LogDisclosure, {
+                indent: indent,
+                children: [
+                    /*#__PURE__*/ _jsx(LogDisclosureTrigger, {
+                        summary: wordSummary(row.text),
+                        timestamp: new Date(row.timestamp),
+                        className: "text-foreground-neutral-subtle",
+                        children: "thinking"
+                    }),
+                    /*#__PURE__*/ _jsx(LogDisclosureContent, {
+                        className: "text-foreground-neutral-subtle",
+                        children: /*#__PURE__*/ _jsx(LogContent, {
+                            className: "text-foreground-neutral-subtle",
+                            children: /*#__PURE__*/ _jsx(PreviewText, {
+                                text: row.text
+                            })
+                        })
+                    })
+                ]
+            });
+        case 'tool-call':
+            {
+                const awaitingResult = row.id != null && !resolvedToolCallIds.has(row.id);
+                return /*#__PURE__*/ _jsxs(LogDisclosure, {
+                    indent: indent,
+                    children: [
+                        /*#__PURE__*/ _jsx(LogDisclosureTrigger, {
+                            timestamp: new Date(row.timestamp),
+                            summary: compactPreview(row.input),
+                            trailing: awaitingResult ? /*#__PURE__*/ _jsxs("span", {
+                                className: "inline-flex items-center gap-4",
+                                children: [
+                                    /*#__PURE__*/ _jsx(Icon, {
+                                        name: "loader4Line",
+                                        className: "size-12 motion-safe:animate-spin",
+                                        "aria-hidden": "true"
+                                    }),
+                                    "awaiting result"
+                                ]
+                            }) : null,
+                            children: /*#__PURE__*/ _jsxs("span", {
+                                className: "inline-flex min-w-0 items-center gap-6",
+                                children: [
+                                    /*#__PURE__*/ _jsx(Icon, {
+                                        name: "terminalBoxLine",
+                                        className: "size-14 flex-none",
+                                        "aria-hidden": "true"
+                                    }),
+                                    /*#__PURE__*/ _jsxs("span", {
+                                        className: "truncate",
+                                        children: [
+                                            "tool ",
+                                            row.name
+                                        ]
+                                    })
+                                ]
+                            })
+                        }),
+                        /*#__PURE__*/ _jsx(LogDisclosureContent, {
+                            children: /*#__PURE__*/ _jsx(LogContent, {
+                                variant: "code",
+                                children: /*#__PURE__*/ _jsx(PreviewText, {
+                                    text: row.input
+                                })
+                            })
+                        })
+                    ]
+                });
+            }
+        case 'tool-result':
+            return /*#__PURE__*/ _jsxs(LogDisclosure, {
+                indent: indent,
+                children: [
+                    /*#__PURE__*/ _jsx(LogDisclosureTrigger, {
+                        timestamp: new Date(row.timestamp),
+                        summary: compactPreview(row.output),
+                        trailing: /*#__PURE__*/ _jsxs("span", {
+                            className: cn('inline-flex items-center gap-4', row.isError ? 'text-red-600 dark:text-red-400' : 'text-foreground-neutral-muted'),
+                            children: [
+                                /*#__PURE__*/ _jsx(Icon, {
+                                    name: row.isError ? 'closeCircleLine' : 'checkLine',
+                                    className: "size-12",
+                                    "aria-hidden": "true"
+                                }),
+                                row.isError ? 'error' : 'ok'
+                            ]
+                        }),
+                        children: /*#__PURE__*/ _jsxs("span", {
+                            className: "inline-flex min-w-0 items-center gap-6",
+                            children: [
+                                /*#__PURE__*/ _jsx(Icon, {
+                                    name: "terminalWindowLine",
+                                    className: "size-14 flex-none",
+                                    "aria-hidden": "true"
+                                }),
+                                /*#__PURE__*/ _jsxs("span", {
+                                    className: "truncate",
+                                    children: [
+                                        "result ",
+                                        row.toolName
+                                    ]
+                                })
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx(LogDisclosureContent, {
+                        children: /*#__PURE__*/ _jsx(LogContent, {
+                            variant: "code",
+                            className: cn(row.isError && 'text-red-600 dark:text-red-400'),
+                            children: /*#__PURE__*/ _jsx(PreviewText, {
+                                text: row.output
+                            })
+                        })
+                    })
+                ]
+            });
+        case 'lifecycle':
+            return /*#__PURE__*/ _jsx(LogRow, {
+                lineNumber: null,
+                timestamp: new Date(row.timestamp),
+                indent: indent,
+                tone: row.tone,
+                "data-log-terminal-failure": row.terminalFailure ? 'true' : undefined,
+                children: /*#__PURE__*/ _jsx(LogContent, {
+                    className: "text-foreground-neutral-muted",
+                    children: /*#__PURE__*/ _jsxs("span", {
+                        className: "inline-flex w-full items-center gap-8",
+                        children: [
+                            /*#__PURE__*/ _jsx(Icon, {
+                                name: "informationLine",
+                                className: "size-14 flex-none",
+                                "aria-hidden": "true"
+                            }),
+                            /*#__PURE__*/ _jsxs("span", {
+                                className: "min-w-0",
+                                children: [
+                                    /*#__PURE__*/ _jsx("span", {
+                                        className: "font-medium",
+                                        children: row.label
+                                    }),
+                                    row.detail != null ? /*#__PURE__*/ _jsxs(_Fragment, {
+                                        children: [
+                                            ' · ',
+                                            /*#__PURE__*/ _jsx("span", {
+                                                className: "text-foreground-neutral-subtle",
+                                                children: row.detail
+                                            })
+                                        ]
+                                    }) : null
+                                ]
+                            }),
+                            /*#__PURE__*/ _jsx("span", {
+                                "aria-hidden": "true",
+                                className: "h-px flex-1 border-t border-dashed border-current opacity-30"
+                            }),
+                            /*#__PURE__*/ _jsx(RowMetadata, {
+                                meta: row.meta
+                            })
+                        ]
+                    })
+                })
+            });
+        case 'raw':
+            return /*#__PURE__*/ _jsxs(LogDisclosure, {
+                indent: indent,
+                children: [
+                    /*#__PURE__*/ _jsx(LogDisclosureTrigger, {
+                        timestamp: new Date(row.timestamp),
+                        summary: compactPreview(row.raw),
+                        className: "text-orange-600 dark:text-orange-400",
+                        children: /*#__PURE__*/ _jsxs("span", {
+                            className: "inline-flex min-w-0 items-center gap-6",
+                            children: [
+                                /*#__PURE__*/ _jsx(Icon, {
+                                    name: "errorWarningLine",
+                                    className: "size-14 flex-none",
+                                    "aria-hidden": "true"
+                                }),
+                                /*#__PURE__*/ _jsx("span", {
+                                    className: "truncate",
+                                    children: row.label
+                                })
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx(LogDisclosureContent, {
+                        children: /*#__PURE__*/ _jsx(LogContent, {
+                            variant: "code",
+                            children: /*#__PURE__*/ _jsx(PreviewText, {
+                                text: row.raw
+                            })
+                        })
+                    })
+                ]
+            });
+        default:
+            return assertNever(row);
+    }
+}
+function MessageIcon({ role, terminalFailure }) {
+    const name = terminalFailure ? 'closeCircleLine' : role === 'user' ? 'userLine' : role === 'assistant' ? 'robot2Line' : 'message2Line';
+    return /*#__PURE__*/ _jsx(Icon, {
+        name: name,
+        className: cn('mt-2 size-14 flex-none', terminalFailure ? 'text-red-600 dark:text-red-400' : 'text-foreground-neutral-muted'),
+        "aria-hidden": "true"
+    });
+}
+function MessageRoleLabel({ label, terminalFailure }) {
+    return /*#__PURE__*/ _jsx("span", {
+        className: cn('min-w-0 font-code text-foreground-neutral-muted', terminalFailure && 'text-foreground-highlight-error'),
+        children: /*#__PURE__*/ _jsx("span", {
+            className: "truncate",
+            children: label
+        })
+    });
+}
+function RowMetadata({ meta, className }) {
+    if (meta.length === 0) return null;
+    const inlineMeta = meta.length === 1 && meta[0]?.inline !== false ? meta[0] : null;
+    if (inlineMeta != null) {
+        return /*#__PURE__*/ _jsx("span", {
+            className: cn('font-code text-xs text-foreground-neutral-muted', className),
+            title: `${inlineMeta.label}: ${inlineMeta.value}`,
+            children: inlineMeta.value
+        });
+    }
+    return /*#__PURE__*/ _jsx("span", {
+        className: className,
+        children: /*#__PURE__*/ _jsx(MetadataTrigger, {
+            meta: meta
+        })
+    });
+}
+function MetadataTrigger({ meta }) {
+    return /*#__PURE__*/ _jsxs(Tooltip, {
+        children: [
+            /*#__PURE__*/ _jsx(TooltipTrigger, {
+                asChild: true,
+                children: /*#__PURE__*/ _jsx("button", {
+                    type: "button",
+                    className: "inline-flex size-20 flex-none items-center justify-center rounded-4 text-foreground-neutral-muted opacity-60 transition-opacity hover:bg-background-components-hover hover:text-foreground-neutral-base hover:opacity-100 focus-visible:opacity-100 focus-visible:shadow-[inset_0_0_0_2px_var(--color-primary-500)] group-hover/log-row:opacity-100",
+                    "aria-label": "Show message metadata",
+                    children: /*#__PURE__*/ _jsx(Icon, {
+                        name: "informationLine",
+                        className: "size-12",
+                        "aria-hidden": "true"
+                    })
+                })
+            }),
+            /*#__PURE__*/ _jsx(TooltipContent, {
+                align: "end",
+                variant: "inverted",
+                className: "max-w-360 px-8 py-6",
+                children: /*#__PURE__*/ _jsx("span", {
+                    className: "grid grid-cols-[max-content_minmax(0,1fr)] gap-x-8 gap-y-2 font-code text-xs",
+                    children: meta.map((item)=>/*#__PURE__*/ _jsxs(Fragment, {
+                            children: [
+                                /*#__PURE__*/ _jsx("span", {
+                                    className: "text-foreground-contrast-secondary",
+                                    children: item.label
+                                }),
+                                /*#__PURE__*/ _jsx("span", {
+                                    className: "min-w-0 break-all text-foreground-contrast-primary",
+                                    children: item.value
+                                })
+                            ]
+                        }, `${item.label}-${item.value}`))
+                })
+            })
+        ]
+    });
+}
+function PreviewText({ text }) {
+    const [expanded, setExpanded] = useState(false);
+    const truncated = text.length > PREVIEW_CHAR_LIMIT;
+    const visible = truncated && !expanded ? `${text.slice(0, PREVIEW_CHAR_LIMIT)}…` : text;
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            visible,
+            truncated ? /*#__PURE__*/ _jsx("button", {
+                type: "button",
+                "aria-expanded": expanded,
+                className: "ml-8 inline-flex min-h-24 items-center rounded-4 px-6 font-display text-xs text-foreground-highlight-interactive focus-visible:shadow-[inset_0_0_0_2px_var(--color-primary-500)]",
+                onClick: ()=>setExpanded((value)=>!value),
+                children: expanded ? 'show less' : 'show more'
+            }) : null
+        ]
+    });
+}
+function compactPreview(value) {
+    // Normalize only a bounded head: tool output can be megabytes, and this runs
+    // per render for every disclosure trigger.
+    const head = value.length > 200 ? value.slice(0, 200) : value;
+    const singleLine = head.replace(WHITESPACE, ' ').trim();
+    if (singleLine.length <= 80) return singleLine;
+    return `${singleLine.slice(0, 80)}…`;
+}
+function wordSummary(value) {
+    const truncated = value.length > WORD_SUMMARY_CHAR_LIMIT;
+    const head = truncated ? value.slice(0, WORD_SUMMARY_CHAR_LIMIT) : value;
+    const count = head.trim().split(WORD_SEPARATOR).filter(Boolean).length;
+    const marker = truncated ? '+' : '';
+    return `${count}${marker} ${count === 1 ? 'word' : 'words'}`;
+}
+function assertNever(value) {
+    throw new Error(`unexpected agent session row: ${JSON.stringify(value)}`);
+}
+
+//# sourceMappingURL=agent-session-rows.js.map