@tangle-network/ui 11.10.0 → 11.11.1

package/dist/files.d.ts

@@ -1,243 +1,2 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { GitStatusEntry, ContextMenuItem, ContextMenuOpenContext, GitStatus } from '@pierre/trees';
-import { ReactNode, CSSProperties } from 'react';
-import { b as DocumentEditorMode, D as DocumentEditorBackend, d as DocumentEditorPaneCollaborationConfig } from './document-editor-pane-IAEQn_Dl.js';
-import { a as ArtifactPaneProps } from './artifact-pane-DpuWcAiF.js';
-import '@hocuspocus/provider';
-import 'yjs';
-
-/**
- * FileTree — directory browser with file type icons.
- *
- * Renders a hierarchical file system view. Clicking a file
- * triggers onSelect with the full path.
- */
-interface FileNode {
-    name: string;
-    path: string;
-    type: "file" | "directory";
-    children?: FileNode[];
-    size?: number;
-    mimeType?: string;
-}
-interface FileTreeProps {
-    root: FileNode;
-    selectedPath?: string;
-    onSelect?: (path: string, node: FileNode) => void;
-    className?: string;
-    defaultExpanded?: boolean;
-    visibility?: FileTreeVisibilityOptions;
-}
-interface FileTreeVisibilityOptions {
-    hiddenPaths?: string[];
-    hiddenPathPrefixes?: string[];
-    isVisible?: (node: FileNode) => boolean;
-}
-declare function filterFileTree(root: FileNode, visibility?: FileTreeVisibilityOptions): FileNode | null;
-declare function FileTree({ root, selectedPath, onSelect, className, defaultExpanded, visibility, }: FileTreeProps): react_jsx_runtime.JSX.Element | null;
-
-/**
- * Re-export Pierre's git-status union under a stable name so consumers
- * don't import directly from the dep. If we ever swap the underlying
- * implementation, only this file changes.
- */
-type RichFileTreeGitStatus = GitStatus;
-type RichFileTreeGitEntry = GitStatusEntry;
-interface RichFileTreeProps {
-    /**
-     * Either a recursive `FileNode` tree (matches the existing FileTree
-     * input) or a flat list of canonical paths. Pass exactly one.
-     */
-    root?: FileNode;
-    paths?: ReadonlyArray<string>;
-    /** Currently-selected path. Pierre supports multi-select internally; the
-     * wrapper exposes a single string for parity with FileTree. */
-    selectedPath?: string;
-    /** Called whenever the selection changes (single-select fan-out). */
-    onSelect?: (path: string) => void;
-    /** Show the inline search input. Defaults to true. */
-    search?: boolean;
-    /** Open / closed initial expansion. Defaults to "open" — match FileTree. */
-    initialExpansion?: "open" | "closed";
-    /** Optional git-status decorations per path. */
-    gitStatus?: ReadonlyArray<RichFileTreeGitEntry>;
-    /**
-     * Right-click / button-lane menu content. Receives the row and the
-     * trigger context (which interaction opened the menu).
-     */
-    renderContextMenu?: (item: ContextMenuItem, context: ContextMenuOpenContext) => ReactNode;
-    /** Optional header rendered above the tree rows. */
-    header?: ReactNode;
-    /**
-     * Theme override map for shadow-DOM CSS variables. Most consumers can
-     * leave this — defaults derive from the host element's computed
-     * tokens via `cssVarFromToken()`.
-     */
-    themeOverrides?: Partial<RichFileTreeThemeVars>;
-    className?: string;
-    style?: CSSProperties;
-    /** Inline height (or set via `style.height`). Defaults to 100% of parent. */
-    height?: number | string;
-}
-interface RichFileTreeThemeVars {
-    /** Selected-row background. */
-    selectedBg: string;
-    /** Selected-row foreground. */
-    selectedFg: string;
-    /** Default row foreground. */
-    fg: string;
-    /** Hover background. */
-    hoverBg: string;
-    /** Border / divider color. */
-    border: string;
-    /** Muted (parent path, breadcrumb) foreground. */
-    mutedFg: string;
-}
-declare function RichFileTree({ root, paths, selectedPath, onSelect, search, initialExpansion, gitStatus, renderContextMenu, header, themeOverrides, className, style, height, }: RichFileTreeProps): react_jsx_runtime.JSX.Element;
-
-/**
- * FilePreview — universal file renderer.
- *
- * Renders any file type:
- * - PDF: embedded viewer at full pane height
- * - Images: fit to the pane on a checker ground; click toggles natural size
- * - Video / audio: native players
- * - CSV: sticky-header table, capped at CSV_PREVIEW_ROW_LIMIT rows
- * - XLSX / XLS: download card
- * - Code (py/json/yaml/ts/js): syntax-highlighted, line-numbered viewer
- * - Markdown: rendered prose
- * - Text: monospace preview
- * - Anything else: text when content is a string, otherwise a download card
- */
-interface FilePreviewProps {
-    filename: string;
-    content?: string;
-    /** Object URL or remote URL for binary content: images, PDF, video, audio. */
-    blobUrl?: string;
-    mimeType?: string;
-    /** Size in bytes; download cards show it when known. */
-    size?: number;
-    onClose?: () => void;
-    onDownload?: () => void;
-    hideHeader?: boolean;
-    className?: string;
-}
-/** Rows rendered by the CSV preview; the count line reports the total. */
-declare const CSV_PREVIEW_ROW_LIMIT = 500;
-/**
- * Split CSV text into rows of cells (RFC 4180): a quoted cell may hold commas,
- * line breaks, and doubled quotes. Unquoted cells are trimmed; blank lines and
- * a trailing line break add no row.
- */
-declare function parseCsv(content: string): string[][];
-declare function FilePreview({ filename, content, blobUrl, mimeType, size, onClose, onDownload, hideHeader, className, }: FilePreviewProps): react_jsx_runtime.JSX.Element;
-
-/**
- * FileTabs — tab bar for open files in the preview panel.
- */
-interface FileTabData {
-    id: string;
-    name: string;
-    path: string;
-    dirty?: boolean;
-}
-interface FileTabsProps {
-    tabs: FileTabData[];
-    activeId?: string;
-    onSelect: (id: string) => void;
-    onClose: (id: string) => void;
-    className?: string;
-}
-declare function FileTabs({ tabs, activeId, onSelect, onClose, className }: FileTabsProps): react_jsx_runtime.JSX.Element | null;
-
-interface FileArtifactPaneEditorOptions {
-    enabled?: boolean;
-    mode?: DocumentEditorMode;
-    defaultMode?: DocumentEditorMode;
-    onModeChange?: (mode: DocumentEditorMode) => void;
-    backend?: DocumentEditorBackend;
-    collaboration?: DocumentEditorPaneCollaborationConfig;
-    placeholder?: string;
-    autoFocus?: boolean;
-    readOnly?: boolean;
-    saving?: boolean;
-    saveLabel?: string;
-    onChange?: (markdown: string) => void;
-    onSave?: (markdown: string) => Promise<void> | void;
-    previewClassName?: string;
-    editorClassName?: string;
-}
-interface FileArtifactPaneProps extends Omit<FilePreviewProps, "className"> {
-    path?: string;
-    tabs?: FileTabData[];
-    activeTabId?: string;
-    onTabSelect?: (id: string) => void;
-    onTabClose?: (id: string) => void;
-    eyebrow?: ArtifactPaneProps["eyebrow"];
-    meta?: ArtifactPaneProps["meta"];
-    toolbar?: ArtifactPaneProps["toolbar"];
-    footer?: ArtifactPaneProps["footer"];
-    className?: string;
-    headerClassName?: ArtifactPaneProps["headerClassName"];
-    hideTitleBlock?: ArtifactPaneProps["hideTitleBlock"];
-    editor?: FileArtifactPaneEditorOptions;
-}
-/**
- * FileArtifactPane — opinionated artifact frame for file previews with tabs and
- * header actions. The body is `FilePreview`, so every kind it renders (image,
- * PDF, video, audio, CSV, spreadsheet, markdown, code, text) renders here too;
- * `onDownload` drives both the header button and the body's download cards.
- */
-declare function FileArtifactPane({ filename, content, blobUrl, mimeType, size, onClose, onDownload, path, tabs, activeTabId, onTabSelect, onTabClose, eyebrow, meta, toolbar, footer, className, headerClassName, hideTitleBlock, editor, }: FileArtifactPaneProps): react_jsx_runtime.JSX.Element;
-
-/**
- * Shared file-format detection for every file surface — the preview pane, the
- * artifact pane, and code rendering. Centralising extension/MIME → format logic
- * keeps chat and artifact views consistent and avoids the same mapping drifting
- * across components.
- */
-type FileFormat = "pdf" | "image" | "video" | "audio" | "csv" | "spreadsheet" | "code" | "json" | "yaml" | "markdown" | "text" | "unknown";
-/**
- * How a file surface renders a file. Every format maps to its own renderer;
- * `unknown` becomes `binary`, which renders string content as text and offers a
- * download for anything else.
- */
-type FilePreviewKind = Exclude<FileFormat, "unknown"> | "binary";
-/**
- * Lowercased trailing extension. Returns "" for a name with no extension
- * ("README", "json" → ""), and the post-dot name for a dotfile (".bashrc" →
- * "bashrc"). Directory components are ignored so dots in a directory name don't
- * leak in ("my.config/file" → "").
- */
-declare function fileExtension(filename: string): string;
-/**
- * Resolve a filename + optional MIME type to the renderer format. A specific,
- * authoritative MIME type wins over the extension; otherwise the extension
- * decides; a generic text/plain payload is the final fallback.
- */
-declare function detectFileFormat(filename: string, mimeType?: string): FileFormat;
-/**
- * The preview renderer for a file, from its name and optional MIME type only.
- * Same precedence as `detectFileFormat` (MIME outranks extension); a file that
- * matches nothing is `binary`. Content is not an input: the preview renders a
- * `binary` file's string content as text and offers a download otherwise.
- */
-declare function resolveFilePreviewKind(filename: string, mimeType?: string): FilePreviewKind;
-/** Human-facing label for a detected format or preview kind. */
-declare function getFormatLabel(format: FileFormat | FilePreviewKind): string;
-/**
- * Map a filename (or path) to a highlight.js language id for CodeBlock. Returns
- * undefined when there is no confident mapping; CodeBlock then renders themed
- * monospace and lets the highlighter auto-detect, so callers never need a
- * bespoke language table.
- */
-declare function getSyntaxLanguage(filename: string): string | undefined;
-/**
- * Highlight language for a file already classified as a code-like format.
- * `json`/`yaml` are their own highlight language even when detected purely from
- * a MIME type on an extensionless file (where the extension can't reveal it);
- * any other code format keys off the extension.
- */
-declare function getCodeLanguage(filename: string, format: FileFormat | FilePreviewKind): string | undefined;
-
-export { CSV_PREVIEW_ROW_LIMIT, FileArtifactPane, type FileArtifactPaneProps, type FileFormat, type FileNode, FilePreview, type FilePreviewKind, type FilePreviewProps, type FileTabData, FileTabs, type FileTabsProps, FileTree, type FileTreeProps, type FileTreeVisibilityOptions, RichFileTree, type RichFileTreeGitEntry, type RichFileTreeGitStatus, type RichFileTreeProps, type RichFileTreeThemeVars, detectFileFormat, fileExtension, filterFileTree, getCodeLanguage, getFormatLabel, getSyntaxLanguage, parseCsv, resolveFilePreviewKind };
+import { C as FileNode, D as filterFileTree, E as FileTreeVisibilityOptions, S as RichFileTreeThemeVars, T as FileTreeProps, _ as parseCsv, a as getCodeLanguage, b as RichFileTreeGitStatus, c as resolveFilePreviewKind, d as FileTabData, f as FileTabs, g as FilePreviewProps, h as FilePreview, i as fileExtension, l as FileArtifactPane, m as CSV_PREVIEW_ROW_LIMIT, n as FilePreviewKind, o as getFormatLabel, p as FileTabsProps, r as detectFileFormat, s as getSyntaxLanguage, t as FileFormat, u as FileArtifactPaneProps, v as RichFileTree, w as FileTree, x as RichFileTreeProps, y as RichFileTreeGitEntry } from "./index-DhYmSaLF.js";
+export { CSV_PREVIEW_ROW_LIMIT, FileArtifactPane, type FileArtifactPaneProps, type FileFormat, type FileNode, FilePreview, type FilePreviewKind, type FilePreviewProps, type FileTabData, FileTabs, type FileTabsProps, FileTree, type FileTreeProps, type FileTreeVisibilityOptions, RichFileTree, type RichFileTreeGitEntry, type RichFileTreeGitStatus, type RichFileTreeProps, type RichFileTreeThemeVars, detectFileFormat, fileExtension, filterFileTree, getCodeLanguage, getFormatLabel, getSyntaxLanguage, parseCsv, resolveFilePreviewKind };

package/dist/files.js

@@ -1,41 +1,3 @@
-import {
-  CSV_PREVIEW_ROW_LIMIT,
-  FileArtifactPane,
-  FilePreview,
-  FileTabs,
-  FileTree,
-  RichFileTree,
-  filterFileTree,
-  parseCsv
-} from "./chunk-YZ6AK25N.js";
-import "./chunk-4CLN43XT.js";
-import {
-  detectFileFormat,
-  fileExtension,
-  getCodeLanguage,
-  getFormatLabel,
-  getSyntaxLanguage,
-  resolveFilePreviewKind
-} from "./chunk-XU3HB5QL.js";
-import "./chunk-42PAH5D2.js";
-import "./chunk-LTEKI7YJ.js";
-import "./chunk-OL5GYLHV.js";
-import "./chunk-3XXBZL53.js";
-import "./chunk-WKWBTL2V.js";
-import "./chunk-RQHJBTEU.js";
-export {
-  CSV_PREVIEW_ROW_LIMIT,
-  FileArtifactPane,
-  FilePreview,
-  FileTabs,
-  FileTree,
-  RichFileTree,
-  detectFileFormat,
-  fileExtension,
-  filterFileTree,
-  getCodeLanguage,
-  getFormatLabel,
-  getSyntaxLanguage,
-  parseCsv,
-  resolveFilePreviewKind
-};
+import { a as getSyntaxLanguage, i as getFormatLabel, n as fileExtension, o as resolveFilePreviewKind, r as getCodeLanguage, t as detectFileFormat } from "./file-format-BgXbr-Ib.js";
+import { a as parseCsv, c as filterFileTree, i as FilePreview, n as FileTabs, o as RichFileTree, r as CSV_PREVIEW_ROW_LIMIT, s as FileTree, t as FileArtifactPane } from "./files-Bug33qCl.js";
+export { CSV_PREVIEW_ROW_LIMIT, FileArtifactPane, FilePreview, FileTabs, FileTree, RichFileTree, detectFileFormat, fileExtension, filterFileTree, getCodeLanguage, getFormatLabel, getSyntaxLanguage, parseCsv, resolveFilePreviewKind };

package/dist/focus-BcE_SHqz.js

@@ -0,0 +1,57 @@
+//#region src/lib/focus.ts
+/**
+* The focus treatment every control shares, in two shapes over one palette
+* (`--focus-border`, `--focus-halo` and `--border-strong` from
+* `@tangle-network/brand`'s tokens.css).
+*
+* A FIELD — input, textarea, select trigger, composer — shows focus on its own
+* border: the hairline shifts to `--focus-border` and a 3px `--focus-halo` ring
+* spreads outside it. It keys off `:focus`, because a caret in a field needs the
+* cue whether the field was clicked or tabbed into.
+*
+* A CONTROL — button, tab, switch, link, card — has no border to shift, so it
+* draws a 1px `--focus-border` outline with the same 3px halo beyond it. It keys
+* off `:focus-visible`, so a mouse click leaves no ring.
+*
+* The halo is a Tailwind ring, which renders as box-shadow: it follows
+* border-radius and never moves layout, and a consumer removes it with
+* `focus:ring-0` / `focus-visible:ring-0`, which tailwind-merge resolves against
+* these classes. The control's line is an outline so that forced-colors mode,
+* which drops box-shadows, still paints it. A field has its border for that, so
+* it hides the outline with `outline-hidden`, which stays transparent-but-present
+* in forced-colors mode.
+*/
+/**
+* Resting hairline, neutral hover, and `:focus` border plus halo for a text
+* field. The hover is a plain `hover:` class so a consumer's `hover:border-*`
+* replaces it through tailwind-merge; the focus border outranks it because
+* Tailwind emits `focus:` after `hover:`.
+*/
+const focusField = "border-border transition-[border-color,box-shadow] duration-150 ease-out hover:border-[var(--border-strong)] focus:outline-hidden focus:border-[var(--focus-border)] focus:ring-3 focus:ring-[var(--focus-halo)]";
+/**
+* The field treatment for a container that wraps a borderless field, such as a
+* composer around a textarea and its buttons. It lights while a FIELD inside
+* has focus: a text input, textarea, native select or contenteditable editor. A
+* focused button, checkbox or button-type input inside the container shows only
+* its own ring, so a click on the send button does not read as field focus and
+* a tab to it does not stack two indicators. `:focus-within` cannot tell the
+* two apart, so the rule keys off `:has()`; a consumer's `focus-within:*` class
+* therefore does not replace it. To style that container's focus differently,
+* compose your own classes instead of this helper. The field selector is
+* written out in full because Tailwind reads class names statically.
+* Base styles use its marker class to clear the inner editor fallback outline.
+*/
+const focusFieldWithin = "focus-field-within border-border transition-[border-color,box-shadow] duration-150 ease-out hover:border-[var(--border-strong)] has-[:is(textarea,select,[contenteditable]:not([contenteditable=false]),input:not([type=button],[type=submit],[type=reset],[type=image],[type=checkbox],[type=radio],[type=range],[type=color],[type=file])):focus]:border-[var(--focus-border)] has-[:is(textarea,select,[contenteditable]:not([contenteditable=false]),input:not([type=button],[type=submit],[type=reset],[type=image],[type=checkbox],[type=radio],[type=range],[type=color],[type=file])):focus]:ring-3 has-[:is(textarea,select,[contenteditable]:not([contenteditable=false]),input:not([type=button],[type=submit],[type=reset],[type=image],[type=checkbox],[type=radio],[type=range],[type=color],[type=file])):focus]:ring-[var(--focus-halo)]";
+/** Error state for a field: a danger hairline and the same focus shape in danger. Compose after `focusField`. */
+const focusFieldInvalid = "border-[var(--surface-danger-border)] hover:border-[var(--surface-danger-border)] focus:border-[var(--focus-border-danger)] focus:ring-[var(--focus-halo-danger)]";
+const focusRingBase = "focus-visible:outline-1 focus-visible:outline-[var(--focus-border)] focus-visible:ring-4 focus-visible:ring-[var(--focus-halo)]";
+/** Keyboard-only focus for a control: a 1px focus line with the halo beyond it. */
+const focusRing = `${focusRingBase} focus-visible:outline-offset-0`;
+/**
+* `focusRing` drawn inside the box, for a control flush against a scroll
+* container or its neighbours (a tab strip, a list row), where an outer ring
+* would be clipped or would overlap them.
+*/
+const focusRingInset = `${focusRingBase} focus-visible:-outline-offset-1 focus-visible:ring-inset`;
+//#endregion
+export { focusRingInset as a, focusRing as i, focusFieldInvalid as n, focusFieldWithin as r, focusField as t };

package/dist/format-DfcLWqMa.js

@@ -0,0 +1,54 @@
+//#region src/utils/format.ts
+/** Format a duration in milliseconds to a human-readable string. */
+function formatDuration(ms) {
+	if (ms < 1e3) return "<1s";
+	const seconds = Math.floor(ms / 1e3);
+	if (seconds < 60) return `${seconds}s`;
+	const minutes = Math.floor(seconds / 60);
+	const remaining = seconds % 60;
+	return remaining > 0 ? `${minutes}m ${remaining}s` : `${minutes}m`;
+}
+/** Truncate text to `max` characters, appending "..." if truncated. */
+function truncateText(text, max) {
+	const cleaned = text.replace(/\s+/g, " ").trim();
+	if (cleaned.length <= max) return cleaned;
+	return cleaned.slice(0, max).trim() + "...";
+}
+/**
+* Format an uptime duration in milliseconds with progressive
+* granularity, so short-lived sandboxes don't render as "0d 0h".
+*  - < 60s        → "Ns"
+*  - < 60m        → "Nm Ss"
+*  - < 24h        → "Nh Mm"
+*  - otherwise    → "Nd Hh"
+*/
+function formatUptime(ms) {
+	if (!Number.isFinite(ms) || ms < 0) return "—";
+	const totalSeconds = Math.floor(ms / 1e3);
+	if (totalSeconds < 60) return `${totalSeconds}s`;
+	const minutes = Math.floor(totalSeconds / 60);
+	const seconds = totalSeconds % 60;
+	if (minutes < 60) return `${minutes}m ${seconds}s`;
+	const hours = Math.floor(minutes / 60);
+	const remMinutes = minutes % 60;
+	if (hours < 24) return `${hours}h ${remMinutes}m`;
+	return `${Math.floor(hours / 24)}d ${hours % 24}h`;
+}
+/**
+* Format a byte count using binary units (KiB/MiB/GiB, surfaced as
+* "KB/MB/GB" for readability). KB and MB use one decimal below 10 and
+* round above; GB keeps two decimals below 10 so half-GB changes stay
+* visible on memory dashboards, and drops to one decimal above.
+*/
+function formatBytes(bytes) {
+	if (!Number.isFinite(bytes) || bytes < 0) return "—";
+	if (bytes < 1024) return `${Math.round(bytes)} B`;
+	const kb = bytes / 1024;
+	if (kb < 1024) return `${kb < 10 ? kb.toFixed(1) : Math.round(kb)} KB`;
+	const mb = kb / 1024;
+	if (mb < 1024) return `${mb < 10 ? mb.toFixed(1) : Math.round(mb)} MB`;
+	const gb = mb / 1024;
+	return `${gb < 10 ? gb.toFixed(2) : gb.toFixed(1)} GB`;
+}
+//#endregion
+export { truncateText as i, formatDuration as n, formatUptime as r, formatBytes as t };

package/dist/hooks.d.ts

@@ -1,56 +1,49 @@
-export { AgentStreamEvent, AppendUserMessageOptions, ApplySdkEventOptions, AutomationStreamEvent, BeginAssistantMessageOptions, BotStreamEvent, CompleteAssistantMessageOptions, ConnectionState, RealtimeSessionOptions, RealtimeSessionRegistry, RealtimeSessionRegistryProps, RealtimeSessionState, RealtimeSessionTarget, SSEEvent, SdkSessionAttachment, SdkSessionEvent, SdkSessionSeed, TaskStreamEvent, TerminalStreamEvent, UseRunGroupsOptions, UseSSEStreamOptions, UseSSEStreamResult, UseSdkSessionOptions, UseSdkSessionReturn, UseToolCallStreamReturn, useAutoScroll, useDropdownMenu, useRealtimeSession, useRunCollapseState, useRunGroups, useSSEStream, useSdkSession, useToolCallStream } from './sdk-hooks.js';
-import 'react';
-import './run-PfLmDAox.js';
-import './message-BHWbxBtT.js';
-import './parts-dj7AcUg0.js';
-import './active-sessions-store-CeOmXgv5.js';
-import 'nanostores';
-import './tool-call-feed-D9iofJgW.js';
-import 'react/jsx-runtime';
-
+import { A as useRunGroups, C as SdkSessionSeed, D as UseToolCallStreamReturn, E as useSdkSession, M as useDropdownMenu, N as useAutoScroll, O as useToolCallStream, S as SdkSessionEvent, T as UseSdkSessionReturn, _ as AppendUserMessageOptions, a as SSEEvent, b as CompleteAssistantMessageOptions, c as UseSSEStreamOptions, d as RealtimeSessionOptions, f as RealtimeSessionRegistry, g as useRealtimeSession, h as RealtimeSessionTarget, i as ConnectionState, j as useRunCollapseState, k as UseRunGroupsOptions, l as UseSSEStreamResult, m as RealtimeSessionState, n as AutomationStreamEvent, o as TaskStreamEvent, p as RealtimeSessionRegistryProps, r as BotStreamEvent, s as TerminalStreamEvent, t as AgentStreamEvent, u as useSSEStream, v as ApplySdkEventOptions, w as UseSdkSessionOptions, x as SdkSessionAttachment, y as BeginAssistantMessageOptions } from "./use-sse-stream-Dm6R5YWz.js";
+//#region src/hooks/use-live-time.d.ts
 /**
  * Returns `Date.now()` and re-renders every `intervalMs` so derived
  * values like "uptime" tick forward without polling upstream data.
  */
-declare function useLiveTime(intervalMs?: number): number;
-
-interface AuthUser {
-    customer_id: string;
-    email: string;
-    name?: string;
-    tier: string;
-    github?: {
-        login: string;
-        connected: boolean;
-    } | null;
-    session_expires_at?: string;
+export declare function useLiveTime(intervalMs?: number): number;
+//#endregion
+//#region src/hooks/use-auth.d.ts
+export interface AuthUser {
+  customer_id: string;
+  email: string;
+  name?: string;
+  tier: string;
+  github?: {
+    login: string;
+    connected: boolean;
+  } | null;
+  session_expires_at?: string;
 }
-interface UseAuthOptions {
-    apiBaseUrl: string;
-    revalidateOnFocus?: boolean;
-    shouldRetryOnError?: boolean;
+export interface UseAuthOptions {
+  apiBaseUrl: string;
+  revalidateOnFocus?: boolean;
+  shouldRetryOnError?: boolean;
 }
-interface UseAuthResult {
-    user: AuthUser | null;
-    isLoading: boolean;
-    isError: boolean;
-    error: Error | null;
-    mutate: () => Promise<void>;
+export interface UseAuthResult {
+  user: AuthUser | null;
+  isLoading: boolean;
+  isError: boolean;
+  error: Error | null;
+  mutate: () => Promise<void>;
 }
 /**
  * Hook for managing authentication state.
  * Fetches user session from the API and provides loading/error states.
  */
-declare function useAuth({ apiBaseUrl, revalidateOnFocus, shouldRetryOnError, }: UseAuthOptions): UseAuthResult;
+export declare function useAuth({ apiBaseUrl, revalidateOnFocus, shouldRetryOnError }: UseAuthOptions): UseAuthResult;
 /**
  * Creates a fetcher function that includes auth credentials.
  * Uses both cookie-based session and localStorage API key for backwards compatibility.
  */
-declare function createAuthFetcher(_apiBaseUrl: string): <T = unknown>(url: string, options?: RequestInit) => Promise<T>;
+export declare function createAuthFetcher(_apiBaseUrl: string): <T = unknown>(url: string, options?: RequestInit) => Promise<T>;
 /**
  * Hook to get the API key from localStorage.
  * For backwards compatibility with API key-based auth.
  */
-declare function useApiKey(): string | null;
-
-export { type AuthUser, type UseAuthOptions, type UseAuthResult, createAuthFetcher, useApiKey, useAuth, useLiveTime };
+export declare function useApiKey(): string | null;
+//#endregion
+export { AgentStreamEvent, AppendUserMessageOptions, ApplySdkEventOptions, AutomationStreamEvent, BeginAssistantMessageOptions, BotStreamEvent, CompleteAssistantMessageOptions, ConnectionState, RealtimeSessionOptions, RealtimeSessionRegistry, RealtimeSessionRegistryProps, RealtimeSessionState, RealtimeSessionTarget, SSEEvent, SdkSessionAttachment, SdkSessionEvent, SdkSessionSeed, TaskStreamEvent, TerminalStreamEvent, UseRunGroupsOptions, UseSSEStreamOptions, UseSSEStreamResult, UseSdkSessionOptions, UseSdkSessionReturn, UseToolCallStreamReturn, useAutoScroll, useDropdownMenu, useRealtimeSession, useRunCollapseState, useRunGroups, useSSEStream, useSdkSession, useToolCallStream };

package/dist/hooks.js

@@ -1,46 +1,111 @@
-import {
-  createAuthFetcher,
-  useApiKey,
-  useAuth,
-  useLiveTime
-} from "./chunk-REJESC5U.js";
-import {
-  RealtimeSessionRegistry,
-  useDropdownMenu,
-  useRealtimeSession,
-  useSSEStream,
-  useSdkSession,
-  useToolCallStream
-} from "./chunk-X7CU776B.js";
-import "./chunk-OEX7NZE3.js";
-import {
-  useAutoScroll,
-  useRunCollapseState,
-  useRunGroups
-} from "./chunk-565EATZZ.js";
-import "./chunk-QGFYBNSO.js";
-import "./chunk-R7B3UWPF.js";
-import "./chunk-ND3ZFXQK.js";
-import "./chunk-HMAPIH7L.js";
-import "./chunk-L57WRIND.js";
-import "./chunk-4CLN43XT.js";
-import "./chunk-XU3HB5QL.js";
-import "./chunk-OL5GYLHV.js";
-import "./chunk-3XXBZL53.js";
-import "./chunk-WKWBTL2V.js";
-import "./chunk-RQHJBTEU.js";
-export {
-  RealtimeSessionRegistry,
-  createAuthFetcher,
-  useApiKey,
-  useAuth,
-  useAutoScroll,
-  useDropdownMenu,
-  useLiveTime,
-  useRealtimeSession,
-  useRunCollapseState,
-  useRunGroups,
-  useSSEStream,
-  useSdkSession,
-  useToolCallStream
-};
+import { n as useRunCollapseState, r as useRunGroups, t as useAutoScroll } from "./use-auto-scroll-C5Pjeqon.js";
+import { a as useToolCallStream, i as useRealtimeSession, n as useSdkSession, o as useDropdownMenu, r as RealtimeSessionRegistry, t as useSSEStream } from "./use-sse-stream-BVgO1QBN.js";
+import * as React from "react";
+//#region src/hooks/use-live-time.ts
+/**
+* Returns `Date.now()` and re-renders every `intervalMs` so derived
+* values like "uptime" tick forward without polling upstream data.
+*/
+function useLiveTime(intervalMs = 1e3) {
+	const [now, setNow] = React.useState(() => Date.now());
+	React.useEffect(() => {
+		const delay = Math.max(Number.isFinite(intervalMs) && intervalMs > 0 ? intervalMs : 1e3, 100);
+		const id = window.setInterval(() => {
+			setNow(Date.now());
+		}, delay);
+		return () => {
+			window.clearInterval(id);
+		};
+	}, [intervalMs]);
+	return now;
+}
+//#endregion
+//#region src/hooks/use-auth.ts
+/**
+* Hook for managing authentication state.
+* Fetches user session from the API and provides loading/error states.
+*/
+function useAuth({ apiBaseUrl, revalidateOnFocus = false, shouldRetryOnError = false }) {
+	const [user, setUser] = React.useState(null);
+	const [isLoading, setIsLoading] = React.useState(true);
+	const [error, setError] = React.useState(null);
+	const retryTimerRef = React.useRef(null);
+	const abortRef = React.useRef(null);
+	const fetchSession = React.useCallback(async () => {
+		abortRef.current?.abort();
+		const controller = new AbortController();
+		abortRef.current = controller;
+		setIsLoading(true);
+		setError(null);
+		try {
+			const res = await fetch(`${apiBaseUrl}/auth/session`, {
+				credentials: "include",
+				signal: controller.signal
+			});
+			if (!res.ok) throw new Error("Not authenticated");
+			const data = await res.json();
+			if (data.success && data.data) setUser(data.data);
+			else setUser(null);
+		} catch (err) {
+			if (err.name === "AbortError") return;
+			setError(err instanceof Error ? err : /* @__PURE__ */ new Error("Unknown error"));
+			setUser(null);
+			if (shouldRetryOnError) {
+				if (retryTimerRef.current) clearTimeout(retryTimerRef.current);
+				retryTimerRef.current = setTimeout(fetchSession, 5e3);
+			}
+		} finally {
+			if (!controller.signal.aborted) setIsLoading(false);
+		}
+	}, [apiBaseUrl, shouldRetryOnError]);
+	React.useEffect(() => {
+		fetchSession();
+		return () => {
+			abortRef.current?.abort();
+			if (retryTimerRef.current) clearTimeout(retryTimerRef.current);
+		};
+	}, [fetchSession]);
+	React.useEffect(() => {
+		if (!revalidateOnFocus) return;
+		const handleFocus = () => {
+			fetchSession();
+		};
+		window.addEventListener("focus", handleFocus);
+		return () => window.removeEventListener("focus", handleFocus);
+	}, [revalidateOnFocus, fetchSession]);
+	return {
+		user,
+		isLoading,
+		isError: !!error,
+		error,
+		mutate: fetchSession
+	};
+}
+/**
+* Creates a fetcher function that includes auth credentials.
+* Uses both cookie-based session and localStorage API key for backwards compatibility.
+*/
+function createAuthFetcher(_apiBaseUrl) {
+	return async function authFetcher(url, options) {
+		const res = await fetch(url, {
+			...options,
+			credentials: "include",
+			headers: { ...options?.headers }
+		});
+		if (!res.ok) throw new Error(`Request failed with status ${res.status}`);
+		return res.json();
+	};
+}
+/**
+* Hook to get the API key from localStorage.
+* For backwards compatibility with API key-based auth.
+*/
+function useApiKey() {
+	const [apiKey, setApiKey] = React.useState(null);
+	React.useEffect(() => {
+		if (typeof window !== "undefined") setApiKey(localStorage.getItem("apiKey"));
+	}, []);
+	return apiKey;
+}
+//#endregion
+export { RealtimeSessionRegistry, createAuthFetcher, useApiKey, useAuth, useAutoScroll, useDropdownMenu, useLiveTime, useRealtimeSession, useRunCollapseState, useRunGroups, useSSEStream, useSdkSession, useToolCallStream };