@tangle-network/agent-app 0.46.1 → 0.46.3

package/dist/studio-react/media-tile.d.ts

@@ -0,0 +1,21 @@
+import { type CSSProperties, type JSX } from 'react';
+import { type Generation } from '../studio/generation';
+import type { StudioMediaActions, VaultSaveResult } from '../studio/ports';
+export interface MediaTileProps {
+    generation: Generation;
+    context: 'home' | 'generation' | 'history';
+    onOpen: (generation: Generation) => void;
+    actions?: StudioMediaActions;
+    /** Generation screen passes the batch aspect; omitted → square. */
+    aspectRatio?: number;
+    /** 26 for grids (default), 72 for wide generation/viewer tiles. */
+    waveformBars?: number;
+    selectMode?: boolean;
+    selected?: boolean;
+    onToggleSelect?: (id: string) => void;
+    onRequestDelete?: (generation: Generation) => void;
+    onSaved?: (results: readonly VaultSaveResult[]) => void;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare function MediaTile({ generation, context, onOpen, actions, aspectRatio, waveformBars, selectMode, selected, onToggleSelect, onRequestDelete, onSaved, className, style, }: MediaTileProps): JSX.Element;

package/dist/studio-react/media-viewer.d.ts

@@ -0,0 +1,12 @@
+import { type JSX } from 'react';
+import { type Generation, type StudioMediaActions, type VaultSaveResult } from '../studio';
+export interface MediaViewerModalProps {
+    generation: Generation | null;
+    onClose: () => void;
+    actions?: StudioMediaActions;
+    /** Screens own the delete confirm; absent hides the Delete button. */
+    onRequestDelete?: (generation: Generation) => void;
+    /** After a successful save from the footer popover. */
+    onSaved?: (results: readonly VaultSaveResult[]) => void;
+}
+export declare function MediaViewerModal({ generation, onClose, actions, onRequestDelete, onSaved, }: MediaViewerModalProps): JSX.Element | null;

package/dist/studio-react/studio-confirm.d.ts

@@ -0,0 +1,8 @@
+import { type JSX } from 'react';
+export interface StudioConfirmDialogProps {
+    open: boolean;
+    count: number;
+    onConfirm: () => void;
+    onCancel: () => void;
+}
+export declare function StudioConfirmDialog({ open, count, onConfirm, onCancel, }: StudioConfirmDialogProps): JSX.Element | null;

package/dist/studio-react/studio-generation-screen.d.ts

@@ -0,0 +1,42 @@
+/**
+ * The generation screen: ONE batch's results, with the composer docked under
+ * them.
+ *
+ * The screen is a flex column that fills its host — results scroll, the dock
+ * does not. The dock band is deliberately OPAQUE (`bg-background`): it sits
+ * above the scrolling results and a translucent band would let a tile read
+ * through the composer's own card. The 28px fade above it comes from
+ * `.studio-dock::before` in `./studio.css`.
+ *
+ * The dock's measured height is published two ways, because two different
+ * consumers need it: as the `--studio-dock-h` custom property on the screen
+ * root (host CSS, and anything nested that must clear the band) and through
+ * `useStudioToast().setDockLift`, which lifts the toast stack off the composer.
+ * The body's own bottom padding is applied from the measured value directly
+ * rather than read back through that property — a CSS custom property a
+ * component READS must be one `tokens.css` defines (the theme contract), and a
+ * dock height is a layout measurement, not a theme token.
+ *
+ * A prompt sent from the DOCK starts a NEW batch, which is a different screen.
+ * This one reports it (`onOpenGeneration`) exactly once per new batch key and
+ * lets the host navigate; every row of that batch still flows through
+ * `onGenerated` so the host's list stays whole.
+ *
+ * Assumes a `StudioToastProvider` and a `StudioPlaybackProvider` above it.
+ */
+import { type JSX } from 'react';
+import { type Generation, type StudioMediaActions } from '../studio';
+export interface StudioGenerationScreenProps {
+    /** Full merged list from the host (`useStudioGenerations`). */
+    generations: Generation[];
+    batchKey: string;
+    onGenerated: (generation: Generation) => void;
+    /** A dock submit that starts a NEW batch navigates via the host. */
+    onOpenGeneration: (batchKey: string, first: Generation) => void;
+    onBack: () => void;
+    workspaceId?: string;
+    pickReferenceImage?: () => Promise<string | null>;
+    actions?: StudioMediaActions;
+    className?: string;
+}
+export declare function StudioGenerationScreen({ generations, batchKey, onGenerated, onOpenGeneration, onBack, workspaceId, pickReferenceImage, actions, className, }: StudioGenerationScreenProps): JSX.Element;

package/dist/studio-react/studio-history-screen.d.ts

@@ -0,0 +1,28 @@
+/**
+ * The studio history screen — the full media library behind the home screen's
+ * "View history" button: search, a media-type filter, cursor-paged infinite
+ * scroll, and the multi-select bar that runs download / save-to-vault / delete
+ * over a whole selection at once.
+ *
+ * It ASSUMES a `StudioToastProvider` and a `StudioPlaybackProvider` above it —
+ * the deferred delete it drives lives in both (undo toast, stopping audio for a
+ * row that is going away), and every screen in this surface makes the same
+ * assumption so a route layout can mount the two providers once.
+ *
+ * The screen never fetches: `fetchPage` is the product's own paged endpoint and
+ * `actions` are its media seams. An ABSENT action hides its control rather than
+ * rendering a batch button that does nothing.
+ */
+import { type JSX } from 'react';
+import { type FetchGenerationsPage, type GenerationPage, type StudioMediaActions } from '../studio/ports';
+export interface StudioHistoryScreenProps {
+    fetchPage: FetchGenerationsPage;
+    /** SSR/loader page 1 for the DEFAULT view (no search, no type filter). */
+    initialPage?: GenerationPage;
+    onBack: () => void;
+    actions?: StudioMediaActions;
+    /** Trailing debounce before a keystroke becomes a fetch. */
+    searchDebounceMs?: number;
+    className?: string;
+}
+export declare function StudioHistoryScreen({ fetchPage, initialPage, onBack, actions, searchDebounceMs, className, }: StudioHistoryScreenProps): JSX.Element;

package/dist/studio-react/studio-home-screen.d.ts

@@ -0,0 +1,20 @@
+import { type JSX } from 'react';
+import type { Generation } from '../studio/generation';
+import type { StudioMediaActions } from '../studio/ports';
+export interface StudioHomeScreenProps {
+    /** Newest first, from the host loader (host runs useStudioGenerations). */
+    generations: Generation[];
+    onGenerated: (generation: Generation) => void;
+    onOpenGeneration: (batchKey: string, first: Generation) => void;
+    onOpenHistory: () => void;
+    workspaceId?: string;
+    pickReferenceImage?: () => Promise<string | null>;
+    actions?: StudioMediaActions;
+    recentLimit?: number;
+    className?: string;
+}
+/**
+ * Studio's create-and-recent-media landing screen. The host must render this
+ * inside both `StudioToastProvider` and `StudioPlaybackProvider`.
+ */
+export declare function StudioHomeScreen({ generations, onGenerated, onOpenGeneration, onOpenHistory, workspaceId, pickReferenceImage, actions, recentLimit, className, }: StudioHomeScreenProps): JSX.Element;

package/dist/studio-react/studio-playback.d.ts

@@ -0,0 +1,31 @@
+import { type JSX, type ReactNode } from 'react';
+import type { Generation } from '../studio/generation';
+export interface StudioAudioElementLike {
+    src: string;
+    currentTime: number;
+    readonly duration: number;
+    play(): Promise<void> | void;
+    pause(): void;
+    addEventListener(type: string, listener: () => void): void;
+    removeEventListener(type: string, listener: () => void): void;
+}
+export interface StudioPlayback {
+    activeId: string | null;
+    playing: boolean;
+    durationSeconds: number;
+    play(generation: Generation): void;
+    pause(): void;
+    toggle(generation: Generation): void;
+    stop(): void;
+    seekTo(generation: Generation, seconds: number): void;
+    seekBy(seconds: number): void;
+    getPositionSeconds(): number;
+    registerPositionNode(id: string, node: HTMLElement | null): () => void;
+    registerTimeNode(node: HTMLElement | null): () => void;
+}
+export declare function formatClock(seconds: number): string;
+export declare function StudioPlaybackProvider(props: {
+    children: ReactNode;
+    createAudioElement?: () => StudioAudioElementLike;
+}): JSX.Element;
+export declare function useStudioPlayback(): StudioPlayback;

package/dist/studio-react/studio-toasts.d.ts

@@ -0,0 +1,21 @@
+import { type JSX, type ReactNode } from 'react';
+export interface StudioToastInput {
+    message: string;
+    action?: {
+        label: string;
+        run: () => void;
+    };
+    durationMs?: number;
+    /** Fires exactly once when the toast leaves for ANY reason. */
+    onDismiss?: (reason: 'timeout' | 'dismissed' | 'action') => void;
+}
+interface StudioToastContextValue {
+    toast: (input: StudioToastInput) => string;
+    dismiss: (id: string) => void;
+    setDockLift: (px: number | null) => void;
+}
+export declare function StudioToastProvider({ children }: {
+    children: ReactNode;
+}): JSX.Element;
+export declare function useStudioToast(): StudioToastContextValue;
+export {};

package/dist/studio-react/studio.css

@@ -1,66 +1,3 @@
-/*
- * Studio animations: the right-side library sheet slide/fade, the result-canvas
- * bloom-in, and the neutral skeleton shimmer. Ships as a raw stylesheet (the
- * `./styles` precedent) so apps that don't already define these classes can
- * `import '@tangle-network/agent-app/studio-react/styles'` once. Token-driven
- * (`--muted`, `--muted-foreground`) so it inherits the consuming app's theme.
- */
-
-/* ── Studio: library sheet + result canvas ── */
-@keyframes studio-sheet-in {
-  from { transform: translateX(100%); }
-  to { transform: translateX(0); }
-}
-@keyframes studio-sheet-out {
-  from { transform: translateX(0); }
-  to { transform: translateX(100%); }
-}
-@keyframes studio-overlay-fade {
-  from { opacity: 0; }
-  to { opacity: 1; }
-}
-@keyframes studio-bloom {
-  from { opacity: 0; transform: translateY(6px) scale(0.99); }
-  to { opacity: 1; transform: translateY(0) scale(1); }
-}
-
-/* Dedicated classes (not tailwindcss-animate .animate-in) so the right-side
-   sheet is unaffected by a conflicting .animate-in rule. Driven by Radix's
-   data-state on the dialog parts. */
-.studio-sheet-content[data-state='open'] { animation: studio-sheet-in 0.28s cubic-bezier(0.32, 0.72, 0, 1); }
-.studio-sheet-content[data-state='closed'] { animation: studio-sheet-out 0.2s cubic-bezier(0.4, 0, 1, 1); }
-.studio-sheet-overlay[data-state='open'] { animation: studio-overlay-fade 0.28s ease-out; }
-.studio-sheet-overlay[data-state='closed'] { animation: studio-overlay-fade 0.2s ease-in reverse; }
-.studio-bloom { animation: studio-bloom 0.3s cubic-bezier(0.22, 1, 0.36, 1); }
-
-/* Neutral skeleton shimmer — a soft grey band sweeps the muted surface.
-   `.shimmer` is an alias so the generation card and result canvas share one
-   skeleton treatment. */
-@keyframes studio-shimmer {
-  0% { background-position: 200% 0; }
-  100% { background-position: -200% 0; }
-}
-.studio-shimmer,
-.shimmer {
-  background-color: hsl(var(--muted));
-  background-image: linear-gradient(
-    90deg,
-    transparent 0%,
-    hsl(var(--muted-foreground) / 0.22) 50%,
-    transparent 100%
-  );
-  background-size: 200% 100%;
-  background-repeat: no-repeat;
-  animation: studio-shimmer 1.7s ease-in-out infinite;
-}
-
-/* Library card entrance. */
-@keyframes studio-row-in {
-  from { opacity: 0; transform: translateY(4px); }
-  to { opacity: 1; transform: translateY(0); }
-}
-.animate-row-in { animation: studio-row-in 0.25s ease-out both; }
-
 /* ── Studio composer: the option band ──
    The control row's middle section scrolls horizontally and must not show a
    scrollbar (it sits 34px tall inside a chat card, where a bar eats a third of
@@ -112,13 +49,146 @@
 .studio-send { background-image: var(--studio-send-gradient); }
 
 @media (prefers-reduced-motion: reduce) {
-  .studio-sheet-content[data-state='open'],
-  .studio-sheet-content[data-state='closed'],
-  .studio-sheet-overlay[data-state='open'],
-  .studio-sheet-overlay[data-state='closed'],
-  .studio-bloom,
-  .studio-shimmer,
-  .shimmer,
-  .studio-pill-in,
-  .animate-row-in { animation: none; }
+  .studio-pill-in { animation: none; }
+}
+
+/* ── Layer ladder ─────────────────────────────────────────────────────
+   PopoverSurface hardcodes z-[1000] (src/web-react/controls.tsx) and a
+   className cannot override it (equal specificity → stylesheet order wins).
+   The ladder is built AROUND 1000: the viewer sits below it so the
+   save-to-vault popover is clickable from inside the viewer; the delete
+   confirm sits above the popover; toasts above everything.
+   Pinned by tests/studio/layer-order.test.ts. */
+.studio-layer-viewer  { z-index: 900; }
+.studio-layer-confirm { z-index: 1100; }
+.studio-layer-toasts  { z-index: 1200; }
+
+/* ── Grids ── 3px gaps, square corners, no tile border: at a 3px gap a 1px
+   border reads as a hairline seam and the grid stops reading as one sheet. */
+.studio-grid { display: grid; gap: 3px; }
+.studio-grid-library { grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); }
+@media (max-width: 640px) {
+  .studio-grid-library { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }
+}
+
+/* ── Tile ── the scrim/chip/tooltip colors are theme-INVARIANT literals:
+   they sit on generated media and stay dark in both themes. */
+.studio-tile { position: relative; isolation: isolate; border-radius: 0; }
+.studio-tile-scrim {
+  background: linear-gradient(to top,
+    rgba(10,10,20,.74) 0%, rgba(10,10,20,.34) 46%,
+    rgba(10,10,20,.30) 66%, rgba(10,10,20,.62) 100%);
+  opacity: 0; transition: opacity .18s ease; pointer-events: none;
+}
+.studio-tile:hover .studio-tile-scrim,
+.studio-tile:focus-within .studio-tile-scrim,
+.studio-tile[data-selected='true'] .studio-tile-scrim { opacity: 1; }
+.studio-tile-actions {
+  opacity: 0; transform: translateY(-3px);
+  transition: opacity .18s ease, transform .18s ease;
+}
+.studio-tile:hover .studio-tile-actions,
+.studio-tile:focus-within .studio-tile-actions { opacity: 1; transform: none; }
+.studio-tile-prompt {
+  opacity: 0; transform: translateY(3px);
+  transition: opacity .18s ease, transform .18s ease;
+  text-shadow: 0 1px 2px rgba(0,0,0,.35);
+}
+.studio-tile:hover .studio-tile-prompt,
+.studio-tile:focus-within .studio-tile-prompt { opacity: 1; transform: none; }
+.studio-tile.studio-has-player .studio-tile-prompt { left: 36px; }
+.studio-ibtn {
+  background: rgba(12,13,26,.55); color: #fff;
+  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
+  transition: background .12s ease, color .12s ease;
+}
+.studio-ibtn:hover { background: rgba(12,13,26,.78); }
+.studio-ibtn-danger:hover { color: #ff8095; }
+.studio-ibtn::after {
+  content: attr(data-tip); position: absolute; top: calc(100% + 6px); right: 0;
+  background: rgba(12,13,26,.92); color: #fff;
+  font-size: 11px; line-height: 1; padding: 5px 7px; border-radius: 6px;
+  white-space: nowrap; opacity: 0; pointer-events: none; transition: opacity .12s ease;
+}
+.studio-ibtn:hover::after, .studio-ibtn:focus-visible::after { opacity: 1; }
+.studio-chip-dark {
+  background: rgba(12,13,26,.55); color: #fff;
+  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
+}
+.studio-tile-badges > * { transition: opacity .18s ease; }
+.studio-tile:hover .studio-tile-badges > :not(.studio-play-btn),
+.studio-tile:focus-within .studio-tile-badges > :not(.studio-play-btn) { opacity: 0; }
+.studio-tile-sel { display: none; border: 1.5px solid rgba(255,255,255,.9); }
+.studio-tile[data-selectable='true']:hover .studio-tile-sel,
+.studio-tile[data-selectable='true']:focus-within .studio-tile-sel,
+.studio-selectmode .studio-tile-sel { display: grid; }
+.studio-selectmode .studio-tile-actions,
+.studio-selectmode .studio-play-btn { display: none; }
+
+/* ── Audio waveform ── two identical bar layers; the played layer revealed
+   by clip-path from a --pos custom property written per animation frame.
+   No CSS animation, so a pause freezes exactly and reduced-motion has
+   nothing to strip. */
+.studio-wave {
+  position: absolute; inset: 0; display: flex; align-items: center;
+  justify-content: center; gap: 2px; padding: 0 8%;
+}
+.studio-wave i {
+  flex: 1 1 0; min-width: 2px; max-width: 8px;
+  border-radius: 4px; background: currentColor;
+}
+.studio-wave-layers { position: absolute; inset: 0; }
+.studio-wave-play { clip-path: inset(0 calc((1 - var(--pos, 0)) * 100%) 0 0); }
+.studio-wave-layers[data-active='true'] .studio-wave-base { opacity: .3; }
+
+/* ── Skeleton ── sweep while running; reduced motion gets a gentle pulse,
+   NOT nothing — the surface must still read as busy. */
+.studio-skeleton {
+  position: relative; overflow: hidden; border-radius: 0;
+  background: hsl(var(--accent)); aspect-ratio: var(--r, 1.5);
+}
+.studio-skeleton::after {
+  content: ''; position: absolute; inset: 0;
+  background: linear-gradient(100deg, transparent 18%, hsl(var(--foreground) / .07) 50%, transparent 82%);
+  transform: translateX(-100%);
+  animation: studio-sweep 1.4s ease-in-out infinite;
+}
+@keyframes studio-sweep { to { transform: translateX(100%); } }
+@keyframes studio-softpulse { 0%, 100% { opacity: .25; } 50% { opacity: .7; } }
+
+/* ── Motion ── */
+.studio-rise { animation: studio-rise .34s cubic-bezier(.2,.7,.3,1) both; }
+@keyframes studio-rise { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
+.studio-toast-in { animation: studio-toast-in .22s cubic-bezier(.2,.7,.3,1) both; }
+.studio-toast-out { animation: studio-toast-out .18s ease both; }
+@keyframes studio-toast-in { from { opacity: 0; transform: translateY(10px) scale(.98); } to { opacity: 1; transform: none; } }
+@keyframes studio-toast-out { to { opacity: 0; transform: translateY(6px); } }
+
+/* ── Viewer backdrop / dock ── */
+.studio-backdrop {
+  background: rgba(12,13,26,.46);
+  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
+}
+:root[data-theme='dark'] .studio-backdrop,
+.dark .studio-backdrop { background: rgba(6,6,12,.62); }
+.studio-dock::before {
+  content: ''; position: absolute; left: 0; right: 0; bottom: 100%;
+  height: 28px; pointer-events: none;
+  background: linear-gradient(to top, hsl(var(--background)), transparent);
+}
+/* --pos is written per animation frame by the shared playback state; the
+   fill/thumb consume it here so component TSX carries no var() reference
+   (the tokens-contract gate treats TSX var() refs as theme tokens). */
+.studio-seek-fill { width: calc(var(--pos, 0) * 100%); }
+.studio-seek-thumb { left: calc(var(--pos, 0) * 100%); }
+.studio-seek:focus-visible {
+  outline: 2px solid hsl(var(--primary)); outline-offset: 3px; border-radius: 999px;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .studio-rise, .studio-toast-in, .studio-toast-out { animation: none; }
+  .studio-skeleton::after {
+    transform: none; background: hsl(var(--foreground) / .07);
+    animation: studio-softpulse 1.8s ease-in-out infinite;
+  }
 }

package/dist/studio-react/use-batch-navigation.d.ts

@@ -0,0 +1,20 @@
+import { type Generation } from '../studio/generation';
+export interface UseBatchNavigationOptions {
+    /** Rows whose batch keys are treated as already seen. Read once, at mount. */
+    seed: readonly Generation[];
+    /**
+     * A batch key that never navigates, read on every call — the generation
+     * screen passes its own batch so rows landing for the batch already on
+     * screen stay put while a NEW dock submit navigates.
+     */
+    currentBatchKey?: string;
+    onOpenGeneration: (batchKey: string, first: Generation) => void;
+}
+/**
+ * Returns a callback the screens wrap around `onGenerated`: the first row of a
+ * batch not seen before navigates via `onOpenGeneration`, exactly once per
+ * batch — a four-image batch arrives as four rows sharing one batch key and
+ * must produce one navigation, and rows merely refreshed from the loader
+ * (seeded at mount) must produce none.
+ */
+export declare function useBatchNavigation({ seed, currentBatchKey, onOpenGeneration, }: UseBatchNavigationOptions): (generation: Generation) => void;

package/dist/studio-react/use-deferred-delete.d.ts

@@ -0,0 +1,19 @@
+import type { Generation } from '../studio/generation';
+import type { DeleteGenerations } from '../studio/ports';
+export interface UseDeferredDeleteOptions {
+    remove: DeleteGenerations;
+    /** Undo window AND toast lifetime. Default 3500. */
+    undoWindowMs?: number;
+    /** After the server call succeeds for a batch. */
+    onCommitted?: (ids: readonly string[]) => void;
+    /** After a failed server call restored the rows (screens may refetch). */
+    onRestoreFailed?: (ids: readonly string[]) => void;
+}
+export interface DeferredDelete {
+    /** Rows the screens must filter OUT of every render. Survives refetches. */
+    pendingIds: ReadonlySet<string>;
+    request: (generations: readonly Generation[]) => void;
+    /** Commit every outstanding batch NOW (unmount/navigation). */
+    flush: () => void;
+}
+export declare function useDeferredDelete(options: UseDeferredDeleteOptions): DeferredDelete;

package/dist/studio-react/use-generation-history.d.ts

@@ -0,0 +1,22 @@
+import type { FetchGenerationsPage, GenerationPage, MediaTypeFilter } from '../studio/ports';
+import { type Generation } from '../studio/generation';
+export interface UseGenerationHistoryOptions {
+    fetchPage: FetchGenerationsPage;
+    /** ALREADY debounced by the caller. */
+    q: string;
+    type: MediaTypeFilter;
+    /** SSR/loader page 1 for the DEFAULT view only (q === '' && type === 'all'). */
+    initialPage?: GenerationPage;
+}
+export interface GenerationHistoryState {
+    items: Generation[];
+    hasMore: boolean;
+    isLoadingFirst: boolean;
+    isLoadingMore: boolean;
+    isError: boolean;
+    loadMore: () => void;
+    retry: () => void;
+    reload: () => void;
+}
+/** Cursor-paged generation history over the product-supplied data port. */
+export declare function useGenerationHistory({ fetchPage, q, type, initialPage, }: UseGenerationHistoryOptions): GenerationHistoryState;

package/dist/studio-react/vault-path-popover.d.ts

@@ -0,0 +1,12 @@
+import { type JSX, type RefObject } from 'react';
+import { type Generation } from '../studio';
+export interface VaultPathPopoverProps {
+    open: boolean;
+    triggerRef: RefObject<HTMLElement | null>;
+    panelRef: RefObject<HTMLDivElement | null>;
+    generations: readonly Generation[];
+    onSubmit: (path: string) => void | Promise<void>;
+    onCancel: () => void;
+    pending?: boolean;
+}
+export declare function VaultPathPopover({ open, triggerRef, panelRef, generations, onSubmit, onCancel, pending, }: VaultPathPopoverProps): JSX.Element | null;

package/dist/web-react/index.js

@@ -36,7 +36,6 @@ import {
   RecordGrid,
   RunDrillIn,
   SeatPaywall,
-  SessionHistoryPanel,
   Sparkline,
   __resetAttachmentFileCacheForTests,
   activityTone,
@@ -63,7 +62,6 @@ import {
   formatInsightDelta,
   formatModelCost,
   formatRecordGridValue,
-  formatSessionTimestamp,
   formatSparklineValue,
   formatTokensPerSecond,
   hasSecretField,
@@ -121,9 +119,6 @@ import {
   useDictation,
   useDurablePlanFlow,
   useFileMentions,
-  useInfiniteScroll,
-  useSessionActions,
-  useSessionHistory,
   useSmoothText,
   useThinkingSeconds,
   validateRecordGridCell,
@@ -137,7 +132,14 @@ import {
   withoutRecordGridCreated,
   withoutRecordGridRemoved,
   withoutRecordGridUpdate
-} from "../chunk-MBKNKAN2.js";
+} from "../chunk-RZ6MYWMJ.js";
+import {
+  SessionHistoryPanel,
+  formatSessionTimestamp,
+  useInfiniteScroll,
+  useSessionActions,
+  useSessionHistory
+} from "../chunk-KKBTPZIE.js";
 import "../chunk-FBVLEGEG.js";
 import {
   EvidenceLineageTable,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/agent-app",
-  "version": "0.46.1",
+  "version": "0.46.3",
   "packageManager": "pnpm@11.17.0",
   "description": "Build agent applications with typed chat, tools, sandboxes, integrations, billing, and evaluation.",
   "keywords": [
@@ -502,7 +502,7 @@
     "prepare": "pnpm run build",
     "test": "vitest run",
     "test:generated": "node .github/scripts/test-generated-projects.mjs",
-    "test:gates": "vitest run src/sandbox/index.test.ts src/profile/index.test.ts tests/chat-stream.test.ts tests/browser-safe-subpaths.test.ts tests/test-quality.test.ts tests/knip-entries-fresh.test.ts tests/web-react/popover-escapes-host.test.tsx tests/web-react/popover-canon-source.test.ts",
+    "test:gates": "vitest run src/sandbox/index.test.ts src/profile/index.test.ts tests/chat-stream.test.ts tests/browser-safe-subpaths.test.ts tests/test-quality.test.ts tests/knip-entries-fresh.test.ts tests/web-react/popover-escapes-host.test.tsx tests/web-react/popover-canon-source.test.ts tests/studio/layer-order.test.ts",
     "test:watch": "vitest",
     "typecheck": "tsc --noEmit",
     "docs:gen": "agent-docs",
@@ -515,18 +515,17 @@
     "@cloudflare/workers-types": "5.20260722.1",
     "@firecrawl/pdf-inspector-wasm": "^0.1.3",
     "@hocuspocus/provider": "^4.4.0",
-    "@radix-ui/react-dialog": "^1.1.15",
     "@storybook/react": "^10.5.5",
     "@storybook/react-vite": "^10.5.5",
     "@tangle-network/agent-docs": "0.2.1",
-    "@tangle-network/agent-eval": "0.147.0",
+    "@tangle-network/agent-eval": "0.149.0",
     "@tangle-network/agent-integrations": "0.53.54",
-    "@tangle-network/agent-interface": "1.0.1",
-    "@tangle-network/agent-knowledge": "8.0.8",
+    "@tangle-network/agent-interface": "1.1.0",
+    "@tangle-network/agent-knowledge": "8.0.10",
     "@tangle-network/agent-profile-materialize": "0.16.0",
-    "@tangle-network/agent-runtime": "0.141.1",
+    "@tangle-network/agent-runtime": "0.142.0",
     "@tangle-network/brand": "1.5.0",
-    "@tangle-network/sandbox": "0.27.2",
+    "@tangle-network/sandbox": "0.29.0",
     "@tangle-network/sandbox-ui": "0.105.0",
     "@tangle-network/ui": "^11.5.0",
     "@testing-library/dom": "^10.4.1",
@@ -570,15 +569,14 @@
   "peerDependencies": {
     "@firecrawl/pdf-inspector-wasm": ">=0.1.3",
     "@huggingface/transformers": ">=3",
-    "@radix-ui/react-dialog": ">=1.1",
-    "@tangle-network/agent-eval": ">=0.147.0",
+    "@tangle-network/agent-eval": ">=0.149.0 <0.150.0",
     "@tangle-network/agent-integrations": ">=0.52.0",
     "@tangle-network/agent-interface": "^1.0.0",
-    "@tangle-network/agent-knowledge": ">=8.0.8",
+    "@tangle-network/agent-knowledge": "^8.0.10",
     "@tangle-network/agent-profile-materialize": ">=0.16.0",
-    "@tangle-network/agent-runtime": ">=0.141.1",
+    "@tangle-network/agent-runtime": ">=0.142.0 <0.143.0",
     "@tangle-network/brand": ">=1.5.0",
-    "@tangle-network/sandbox": ">=0.27.2",
+    "@tangle-network/sandbox": ">=0.29.0 <0.30.0",
     "@tangle-network/sandbox-ui": ">=0.105.0",
     "@tangle-network/ui": ">=11.5.0",
     "@xyflow/react": ">=12.0.0",
@@ -645,9 +643,6 @@
     "lucide-react": {
       "optional": true
     },
-    "@radix-ui/react-dialog": {
-      "optional": true
-    },
     "resend": {
       "optional": true
     },