@mastra/playground-ui 66.1.0-alpha.2 → 67.0.0

package/dist/components/SavedViews.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"SavedViews.es.js","names":["_Fragment","_Fragment"],"sources":["../../src/ds/components/SavedViews/saved-view-schema.ts","../../src/ds/components/SavedViews/saved-view-name-input.tsx","../../src/ds/components/SavedViews/saved-view-summary.tsx","../../src/ds/components/SavedViews/saved-view-tabs.tsx","../../src/ds/components/SavedViews/saved-view-editor.tsx","../../src/ds/components/SavedViews/saved-views-storage.ts","../../src/ds/components/SavedViews/use-saved-views.ts"],"sourcesContent":["import { z } from 'zod/v4';\nimport type { FilterBarItem } from '@/ds/components/FilterBar/types';\n\nexport const MAX_SAVED_VIEW_NAME_CHARS = 80;\n\nconst SAVED_VIEWS_STORAGE_VERSION = 1;\n\nconst filterBarScalarSchema = z.union([z.string(), z.number(), z.boolean()]);\n\nconst savedViewFilterSchema = z.object({\n  id: z.string().min(1),\n  fieldId: z.string().min(1),\n  operatorId: z.string().min(1),\n  value: z.union([filterBarScalarSchema, z.array(filterBarScalarSchema)]),\n}) satisfies z.ZodType<FilterBarItem>;\n\nexport const savedViewNameSchema = z.string().trim().min(1).max(MAX_SAVED_VIEW_NAME_CHARS);\n\nconst storedSavedViewSchema = z.object({\n  id: z.string().min(1),\n  name: savedViewNameSchema,\n  filters: z.array(savedViewFilterSchema),\n  settings: z.unknown(),\n});\n\n// Views stay `unknown` so one malformed view is dropped on its own, not the whole list.\nconst savedViewsDocumentSchema = z.object({\n  version: z.literal(SAVED_VIEWS_STORAGE_VERSION),\n  views: z.array(z.unknown()),\n});\n\n// Only `safeParse` is used, so the consumer's Zod version never has to match this package's.\nexport type SavedViewSettingsSchema<TSettings> = {\n  safeParse: (value: unknown) => { success: true; data: TSettings } | { success: false };\n};\n\nexport type SavedView<TSettings> = {\n  id: string;\n  name: string;\n  filters: FilterBarItem[];\n  settings: TSettings;\n};\n\nexport function parseSavedViews<TSettings>(\n  raw: string | null,\n  settingsSchema: SavedViewSettingsSchema<TSettings>,\n): SavedView<TSettings>[] {\n  if (!raw) return [];\n  let json: unknown;\n  try {\n    json = JSON.parse(raw);\n  } catch {\n    return [];\n  }\n  const document = savedViewsDocumentSchema.safeParse(json);\n  if (!document.success) return [];\n  return document.data.views.flatMap(candidate => {\n    const view = storedSavedViewSchema.safeParse(candidate);\n    if (!view.success) return [];\n    const settings = settingsSchema.safeParse(view.data.settings);\n    if (!settings.success) return [];\n    return [{ ...view.data, settings: settings.data }];\n  });\n}\n\nexport function serializeSavedViews<TSettings>(views: readonly SavedView<TSettings>[]): string {\n  return JSON.stringify({ version: SAVED_VIEWS_STORAGE_VERSION, views });\n}\n","import { MAX_SAVED_VIEW_NAME_CHARS } from './saved-view-schema';\nimport { passwordManagerOptOutProps } from '@/ds/primitives/password-manager-autofill';\n\n// Uncontrolled so blur is the one exit: Enter blurs, Escape restores the name first, blur commits.\nexport function SavedViewNameInput({ name, onCommit }: { name: string; onCommit: (name: string) => void }) {\n  return (\n    <input\n      autoFocus\n      aria-label=\"View name\"\n      defaultValue={name}\n      maxLength={MAX_SAVED_VIEW_NAME_CHARS}\n      {...passwordManagerOptOutProps}\n      onFocus={event => event.currentTarget.select()}\n      onBlur={event => onCommit(event.currentTarget.value)}\n      onKeyDown={event => {\n        if (event.key === 'Escape') event.currentTarget.value = name;\n        if (event.key === 'Enter' || event.key === 'Escape') {\n          event.preventDefault();\n          event.currentTarget.blur();\n        }\n      }}\n      className=\"field-sizing-content min-w-12 bg-transparent text-foreground outline-hidden\"\n    />\n  );\n}\n","import type { ReactNode } from 'react';\nimport { FilterBarFieldLabel, formatValue } from '@/ds/components/FilterBar/filter-bar-chip';\nimport type { FilterBarField, FilterBarItem, FilterBarOperator } from '@/ds/components/FilterBar/types';\nimport { Txt } from '@/ds/components/Txt';\n\ntype SavedViewSummaryProps = {\n  filters: readonly FilterBarItem[];\n  fields: readonly FilterBarField[];\n  operators: readonly FilterBarOperator[];\n  settings?: ReactNode;\n};\n\nexport function SavedViewSummary({ filters, fields, operators, settings }: SavedViewSummaryProps) {\n  return (\n    <div className=\"flex min-w-48 flex-col gap-2\">\n      {filters.length === 0 ? (\n        <Txt variant=\"caption\" tone=\"muted\">\n          No filters\n        </Txt>\n      ) : (\n        <ul aria-label=\"Filters\" className=\"flex flex-col gap-1.5\">\n          {filters.map(filter => {\n            const field = fields.find(candidate => candidate.id === filter.fieldId);\n            const operatorStated = (field?.operators?.length ?? operators.length) > 1;\n            const operator = operators.find(candidate => candidate.id === filter.operatorId);\n            return (\n              <li key={filter.id} className=\"min-w-0\">\n                <Txt as=\"span\" variant=\"body-sm\" className=\"flex min-w-0 items-center gap-1.5\">\n                  <span className=\"flex min-w-0 shrink-0 items-center gap-1 text-muted-foreground\">\n                    <FilterBarFieldLabel field={field} label={field?.label ?? filter.fieldId} />\n                  </span>\n                  {operatorStated && <span className=\"shrink-0 text-muted-foreground\">{operator?.label}</span>}\n                  <span className=\"min-w-0 truncate\">{formatValue(filter.value, field)}</span>\n                </Txt>\n              </li>\n            );\n          })}\n        </ul>\n      )}\n      {settings}\n    </div>\n  );\n}\n","import { CopyIcon, LayersIcon, LayersPlusIcon, PencilIcon, TextCursorInputIcon, Trash2Icon } from 'lucide-react';\nimport { Fragment, useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { SavedViewNameInput } from './saved-view-name-input';\nimport type { SavedView } from './saved-view-schema';\nimport { SavedViewSummary } from './saved-view-summary';\nimport type { SavedViewsController } from './use-saved-views';\nimport { Button, buttonVariants } from '@/ds/components/Button/Button';\nimport { ContextMenu } from '@/ds/components/ContextMenu';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu';\nimport type { FilterBarField, FilterBarOperator } from '@/ds/components/FilterBar/types';\nimport { HoverCard, HoverCardContent, HoverCardTrigger } from '@/ds/components/HoverCard';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons/Icon';\nimport { controlHeight } from '@/ds/primitives/control-size';\nimport { VisuallyHidden } from '@/ds/primitives/visually-hidden';\nimport { cn } from '@/lib/utils';\n\nconst restingTabClass = buttonVariants({ variant: 'default', size: 'sm' });\nconst selectedTabClass = buttonVariants({ variant: 'subtle', size: 'sm' });\nconst editingTabClass = cn(\n  controlHeight.sm,\n  'inline-flex items-center gap-1.5 rounded-full border border-dashed border-border-strong bg-fill-hover px-[.9em] text-label text-foreground',\n  '[&_svg]:size-3.5 [&_svg]:shrink-0',\n);\n\nexport type SavedViewTabsProps<TSettings> = {\n  views: SavedViewsController<TSettings>;\n  fields: readonly FilterBarField[];\n  operators: readonly FilterBarOperator[];\n  defaultLabel: string;\n  newViewSettings: NoInfer<TSettings>;\n  describeSettings?: (settings: TSettings) => ReactNode;\n  'aria-label'?: string;\n  className?: string;\n};\n\nexport function SavedViewTabs<TSettings>({\n  views,\n  fields,\n  operators,\n  defaultLabel,\n  newViewSettings,\n  describeSettings,\n  'aria-label': ariaLabel = 'Views',\n  className,\n}: SavedViewTabsProps<TSettings>) {\n  const [renamingViewId, setRenamingViewId] = useState<string>();\n  const { draft } = views;\n  const creating = draft !== undefined && draft.viewId === undefined;\n  const defaultSelected = views.activeView === undefined && !creating;\n\n  return (\n    <div role=\"group\" aria-label={ariaLabel} className={cn('flex flex-wrap items-center gap-1.5', className)}>\n      <button\n        type=\"button\"\n        aria-pressed={defaultSelected}\n        className={defaultSelected ? selectedTabClass : restingTabClass}\n        onClick={() => views.select(undefined)}\n      >\n        {defaultLabel}\n      </button>\n      {views.views.map(view => {\n        if (renamingViewId === view.id) {\n          return (\n            <RenamingViewTab\n              key={view.id}\n              name={view.name}\n              onCommit={name => {\n                setRenamingViewId(undefined);\n                views.rename(view.id, name);\n              }}\n            />\n          );\n        }\n        return (\n          <SavedViewTab\n            key={view.id}\n            view={view}\n            selected={views.activeView?.id === view.id && !creating}\n            unsaved={draft?.viewId === view.id && views.unsaved}\n            fields={fields}\n            operators={operators}\n            settings={describeSettings?.(view.settings)}\n            onSelect={() => views.select(view.id)}\n            onEdit={() => views.edit(view.id)}\n            onRename={() => setRenamingViewId(view.id)}\n            onDuplicate={() => views.duplicate(view.id)}\n            onDelete={() => views.remove(view.id)}\n          />\n        );\n      })}\n      {views.storageError && (\n        <Txt role=\"alert\" variant=\"caption\" className=\"w-full text-destructive-foreground\">\n          {views.storageError}\n        </Txt>\n      )}\n      {creating ? (\n        <EditingViewTab name={draft.name} unsaved onRename={name => views.change({ name })} />\n      ) : (\n        <Button\n          type=\"button\"\n          size=\"icon-sm\"\n          tooltip=\"New view\"\n          disabled={draft !== undefined}\n          onClick={() => views.create(newViewSettings)}\n        >\n          <LayersPlusIcon />\n        </Button>\n      )}\n    </div>\n  );\n}\n\nfunction EditingViewTab({\n  name,\n  unsaved,\n  onRename,\n}: {\n  name: string;\n  unsaved: boolean;\n  onRename: (name: string) => void;\n}) {\n  const [renaming, setRenaming] = useState(false);\n  return (\n    <span aria-current=\"true\" className={editingTabClass}>\n      <LayersIcon aria-hidden />\n      {renaming ? (\n        <SavedViewNameInput\n          name={name}\n          onCommit={next => {\n            setRenaming(false);\n            if (next.trim()) onRename(next);\n          }}\n        />\n      ) : (\n        <>\n          <span className=\"max-w-48 truncate\">{name}</span>\n          {unsaved && (\n            <>\n              <span className=\"size-1.5 shrink-0 rounded-full bg-warning-indicator\" aria-hidden />\n              <VisuallyHidden>Unsaved changes</VisuallyHidden>\n            </>\n          )}\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"icon-sm\"\n            tooltip=\"Rename view\"\n            className=\"-mr-2 size-6\"\n            onClick={() => setRenaming(true)}\n          >\n            <PencilIcon />\n          </Button>\n        </>\n      )}\n    </span>\n  );\n}\n\nfunction RenamingViewTab({ name, onCommit }: { name: string; onCommit: (name: string) => void }) {\n  return (\n    <span className={cn(restingTabClass, 'gap-1.5')}>\n      <SavedViewTabIcon />\n      <SavedViewNameInput name={name} onCommit={onCommit} />\n    </span>\n  );\n}\n\nfunction SavedViewTabIcon() {\n  return (\n    <Icon data-slot=\"button-icon\" size=\"sm\">\n      <LayersIcon aria-hidden />\n    </Icon>\n  );\n}\n\nfunction SavedViewTab<TSettings>({\n  view,\n  selected,\n  unsaved,\n  fields,\n  operators,\n  settings,\n  onSelect,\n  onEdit,\n  onRename,\n  onDuplicate,\n  onDelete,\n}: {\n  view: SavedView<TSettings>;\n  selected: boolean;\n  unsaved: boolean;\n  fields: readonly FilterBarField[];\n  operators: readonly FilterBarOperator[];\n  settings: ReactNode;\n  onSelect: () => void;\n  onEdit: () => void;\n  onRename: () => void;\n  onDuplicate: () => void;\n  onDelete: () => void;\n}) {\n  const actions: ViewAction[] = [\n    { label: 'Edit view', icon: <PencilIcon aria-hidden />, onClick: onEdit },\n    { label: 'Rename', icon: <TextCursorInputIcon aria-hidden />, onClick: onRename },\n    { label: 'Duplicate', icon: <CopyIcon aria-hidden />, onClick: onDuplicate },\n    { label: 'Delete view', icon: <Trash2Icon aria-hidden />, onClick: onDelete, destructive: true },\n  ];\n  const [menuOpen, setMenuOpen] = useState(false);\n  const [previewOpen, setPreviewOpen] = useState(false);\n  const changeMenuOpen = (open: boolean) => {\n    setMenuOpen(selected && open);\n    if (open) setPreviewOpen(false);\n  };\n\n  return (\n    <ContextMenu>\n      <DropdownMenu open={selected && menuOpen} onOpenChange={changeMenuOpen}>\n        <HoverCard open={!selected && previewOpen} onOpenChange={setPreviewOpen}>\n          <ContextMenu.Trigger\n            render={\n              <HoverCardTrigger\n                delay={400}\n                render={\n                  <DropdownMenu.Trigger\n                    render={\n                      <button\n                        type=\"button\"\n                        aria-pressed={selected}\n                        aria-haspopup={selected ? 'menu' : undefined}\n                        onClick={() => {\n                          if (selected) return;\n                          setPreviewOpen(false);\n                          onSelect();\n                        }}\n                        className={cn(selected ? selectedTabClass : restingTabClass, 'gap-1.5')}\n                      />\n                    }\n                  />\n                }\n              />\n            }\n          >\n            <SavedViewTabIcon />\n            <span className=\"max-w-48 truncate\">{view.name}</span>\n            {unsaved && <span className=\"size-1.5 shrink-0 rounded-full bg-warning-indicator\" aria-hidden />}\n          </ContextMenu.Trigger>\n          <HoverCardContent side=\"bottom\" align=\"start\" showArrow={false}>\n            <SavedViewSummary filters={view.filters} fields={fields} operators={operators} settings={settings} />\n          </HoverCardContent>\n        </HoverCard>\n        <DropdownMenu.Content align=\"start\">\n          {actions.map(action => (\n            <Fragment key={action.label}>\n              {action.destructive && <DropdownMenu.Separator />}\n              <DropdownMenu.Item variant={action.destructive ? 'destructive' : 'default'} onClick={action.onClick}>\n                {action.icon}\n                {action.label}\n              </DropdownMenu.Item>\n            </Fragment>\n          ))}\n        </DropdownMenu.Content>\n      </DropdownMenu>\n      <ContextMenu.Content>\n        {actions.map(action => (\n          <Fragment key={action.label}>\n            {action.destructive && <ContextMenu.Separator />}\n            <ContextMenu.Item variant={action.destructive ? 'destructive' : 'default'} onClick={action.onClick}>\n              {action.icon}\n              {action.label}\n            </ContextMenu.Item>\n          </Fragment>\n        ))}\n      </ContextMenu.Content>\n    </ContextMenu>\n  );\n}\n\ntype ViewAction = { label: string; icon: ReactNode; onClick: () => void; destructive?: boolean };\n","import type { ReactNode } from 'react';\nimport type { SavedViewsController } from './use-saved-views';\nimport { Button } from '@/ds/components/Button/Button';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport type SavedViewEditorProps<TSettings> = {\n  views: SavedViewsController<TSettings>;\n  children?: ReactNode;\n  className?: string;\n};\n\nexport function SavedViewEditor<TSettings>({ views, children, className }: SavedViewEditorProps<TSettings>) {\n  const { draft } = views;\n  const creating = draft?.viewId === undefined;\n  return (\n    <div\n      role={draft ? 'group' : undefined}\n      aria-label={draft ? `Edit view ${draft.name}` : undefined}\n      className={cn('flex min-w-0 flex-wrap items-center gap-2', className)}\n    >\n      {children}\n      {draft && (\n        <>\n          {!creating && views.unsaved && (\n            <Txt as=\"span\" variant=\"caption\" tone=\"muted\">\n              Unsaved changes\n            </Txt>\n          )}\n          <div className=\"ml-auto flex shrink-0 items-center gap-3\">\n            {creating && (\n              <Txt as=\"span\" variant=\"caption\" tone=\"muted\" className=\"max-sm:hidden\">\n                Saved in this browser\n              </Txt>\n            )}\n            <div className=\"flex items-center gap-1\">\n              <Button type=\"button\" variant=\"ghost\" size=\"sm\" onClick={views.discard}>\n                {creating ? 'Cancel' : 'Reset'}\n              </Button>\n              <Button type=\"button\" variant=\"primary\" size=\"sm\" disabled={!views.unsaved} onClick={views.save}>\n                {creating ? 'Save view' : 'Save changes'}\n              </Button>\n            </div>\n          </div>\n        </>\n      )}\n    </div>\n  );\n}\n","type SavedViewsSubscribe = (listener: () => void) => () => void;\n\nconst listenersByKey = new Map<string, Set<() => void>>();\nconst subscribeByKey = new Map<string, SavedViewsSubscribe>();\n\nexport function readSavedViewsRaw(key: string): string | null {\n  try {\n    return window.localStorage.getItem(key);\n  } catch {\n    return null;\n  }\n}\n\nexport function writeSavedViewsRaw(key: string, raw: string): boolean {\n  try {\n    window.localStorage.setItem(key, raw);\n  } catch {\n    return false;\n  }\n  listenersByKey.get(key)?.forEach(listener => listener());\n  return true;\n}\n\nexport function savedViewsSubscriber(key: string): SavedViewsSubscribe {\n  const cached = subscribeByKey.get(key);\n  if (cached) return cached;\n  const subscribe: SavedViewsSubscribe = listener => subscribeSavedViews(key, listener);\n  subscribeByKey.set(key, subscribe);\n  return subscribe;\n}\n\nfunction subscribeSavedViews(key: string, listener: () => void): () => void {\n  const listeners = listenersByKey.get(key) ?? new Set<() => void>();\n  listenersByKey.set(key, listeners);\n  listeners.add(listener);\n  const onStorage = (event: StorageEvent) => {\n    if (event.key === key || event.key === null) listener();\n  };\n  window.addEventListener('storage', onStorage);\n  return () => {\n    listeners.delete(listener);\n    window.removeEventListener('storage', onStorage);\n  };\n}\n","import { useState, useSyncExternalStore } from 'react';\nimport { parseSavedViews, savedViewNameSchema, serializeSavedViews } from './saved-view-schema';\nimport type { SavedView, SavedViewSettingsSchema } from './saved-view-schema';\nimport { readSavedViewsRaw, savedViewsSubscriber, writeSavedViewsRaw } from './saved-views-storage';\nimport type { FilterBarItem } from '@/ds/components/FilterBar/types';\n\nconst NEW_SAVED_VIEW_NAME = 'Untitled view';\n\nexport type SavedViewContent<TSettings> = {\n  filters: FilterBarItem[];\n  settings: TSettings;\n};\n\nexport type SavedViewDraft<TSettings> = SavedViewContent<TSettings> & {\n  viewId?: string;\n  name: string;\n};\n\nexport type SavedViewDraftChange<TSettings> = Partial<Omit<SavedViewDraft<TSettings>, 'viewId'>>;\n\nexport type UseSavedViewsOptions<TSettings> = {\n  storageKey: string;\n  settingsSchema: SavedViewSettingsSchema<TSettings>;\n  activeViewId: string | undefined;\n  onActiveViewChange: (viewId: string | undefined) => void;\n};\n\nexport type SavedViewsController<TSettings> = {\n  views: SavedView<TSettings>[];\n  activeView: SavedView<TSettings> | undefined;\n  draft: SavedViewDraft<TSettings> | undefined;\n  unsaved: boolean;\n  storageError: string | undefined;\n  applied: SavedViewContent<TSettings> | undefined;\n  select: (viewId: string | undefined) => void;\n  create: (settings: TSettings, filters?: FilterBarItem[]) => void;\n  edit: (viewId: string) => void;\n  change: (patch: SavedViewDraftChange<TSettings>) => void;\n  save: () => void;\n  discard: () => void;\n  rename: (viewId: string, name: string) => void;\n  duplicate: (viewId: string) => void;\n  remove: (viewId: string) => void;\n};\n\nfunction createSavedViewId(): string {\n  if (typeof crypto !== 'undefined' && typeof crypto.randomUUID === 'function') return crypto.randomUUID();\n  return `view-${Date.now().toString(36)}-${Math.random().toString(36).slice(2)}`;\n}\n\nfunction validViewName(name: string): string | undefined {\n  const parsed = savedViewNameSchema.safeParse(name);\n  return parsed.success ? parsed.data : undefined;\n}\n\nfunction sameViewContent<TSettings>(draft: SavedViewDraft<TSettings>, view: SavedView<TSettings>): boolean {\n  return (\n    JSON.stringify([draft.name, draft.filters, draft.settings]) ===\n    JSON.stringify([view.name, view.filters, view.settings])\n  );\n}\n\nexport function useSavedViews<TSettings>({\n  storageKey,\n  settingsSchema,\n  activeViewId,\n  onActiveViewChange,\n}: UseSavedViewsOptions<TSettings>): SavedViewsController<TSettings> {\n  const raw = useSyncExternalStore(\n    savedViewsSubscriber(storageKey),\n    () => readSavedViewsRaw(storageKey),\n    () => null,\n  );\n  const views = parseSavedViews(raw, settingsSchema);\n  const [failedStorageKey, setFailedStorageKey] = useState<string>();\n  const [pendingDraft, setDraft] = useState<SavedViewDraft<TSettings>>();\n  const [draftScope, setDraftScope] = useState({ storageKey, activeViewId });\n  const draftView = views.find(view => view.id === pendingDraft?.viewId);\n  const draftViewDeleted = pendingDraft?.viewId !== undefined && !draftView;\n  const storageKeyChanged = draftScope.storageKey !== storageKey;\n  if (storageKeyChanged || draftScope.activeViewId !== activeViewId || draftViewDeleted) {\n    setDraftScope({ storageKey, activeViewId });\n    if (storageKeyChanged || draftViewDeleted || pendingDraft?.viewId !== activeViewId) setDraft(undefined);\n  }\n  const draft = pendingDraft?.viewId === undefined || pendingDraft.viewId === activeViewId ? pendingDraft : undefined;\n  const unsaved = draft !== undefined && (!draftView || !sameViewContent(draft, draftView));\n\n  const activeView = views.find(view => view.id === activeViewId);\n  const write = (next: SavedView<TSettings>[]) => {\n    const saved = writeSavedViewsRaw(storageKey, serializeSavedViews(next));\n    setFailedStorageKey(saved ? undefined : storageKey);\n    return saved;\n  };\n\n  return {\n    views,\n    activeView,\n    draft,\n    unsaved,\n    storageError:\n      failedStorageKey === storageKey\n        ? 'Could not save changes. Check your browser storage settings and try again.'\n        : undefined,\n    applied: draft ?? activeView,\n    select: viewId => {\n      setFailedStorageKey(undefined);\n      setDraft(undefined);\n      onActiveViewChange(viewId);\n    },\n    create: (settings, filters = []) => setDraft({ name: NEW_SAVED_VIEW_NAME, filters, settings }),\n    edit: viewId => {\n      if (draft?.viewId === viewId) return;\n      const view = views.find(candidate => candidate.id === viewId);\n      if (!view) return;\n      const { id, ...content } = view;\n      setDraft({ ...content, viewId: id });\n      if (viewId !== activeViewId) onActiveViewChange(viewId);\n    },\n    change: patch => {\n      if (draft) {\n        setDraft({ ...draft, ...patch });\n        return;\n      }\n      if (!activeView) return;\n      const { id, ...content } = activeView;\n      setDraft({ ...content, ...patch, viewId: id });\n    },\n    save: () => {\n      if (!draft) return;\n      const { viewId, ...content } = draft;\n      const saved: SavedView<TSettings> = {\n        ...content,\n        id: viewId ?? createSavedViewId(),\n        name: validViewName(content.name) ?? views.find(view => view.id === viewId)?.name ?? NEW_SAVED_VIEW_NAME,\n      };\n      if (!write(viewId ? views.map(view => (view.id === viewId ? saved : view)) : [...views, saved])) return;\n      setDraft(undefined);\n      if (saved.id !== activeViewId) onActiveViewChange(saved.id);\n    },\n    discard: () => {\n      setFailedStorageKey(undefined);\n      setDraft(undefined);\n    },\n    rename: (viewId, name) => {\n      const nextName = validViewName(name);\n      if (!nextName) return;\n      if (!write(views.map(view => (view.id === viewId ? { ...view, name: nextName } : view)))) return;\n      if (draft?.viewId === viewId) setDraft({ ...draft, name: nextName });\n    },\n    duplicate: viewId => {\n      const index = views.findIndex(view => view.id === viewId);\n      const original = views[index];\n      if (!original) return;\n      const copy: SavedView<TSettings> = {\n        ...original,\n        id: createSavedViewId(),\n        name: validViewName(`${original.name} copy`) ?? original.name,\n      };\n      if (!write(views.toSpliced(index + 1, 0, copy))) return;\n      setDraft(undefined);\n      onActiveViewChange(copy.id);\n    },\n    remove: viewId => {\n      if (!write(views.filter(view => view.id !== viewId))) return;\n      if (draft?.viewId === viewId) setDraft(undefined);\n      if (activeViewId === viewId) onActiveViewChange(undefined);\n    },\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"SavedViews.es.js","names":["_Fragment","_Fragment"],"sources":["../../src/ds/components/SavedViews/saved-view-name-input.tsx","../../src/ds/components/SavedViews/saved-view-summary.tsx","../../src/ds/components/SavedViews/saved-view-tabs.tsx","../../src/ds/components/SavedViews/saved-view-editor.tsx","../../src/ds/components/SavedViews/saved-views-storage.ts","../../src/ds/components/SavedViews/use-saved-views.ts"],"sourcesContent":["import { MAX_SAVED_VIEW_NAME_CHARS } from './saved-view-schema';\nimport { passwordManagerOptOutProps } from '@/ds/primitives/password-manager-autofill';\n\n// Uncontrolled so blur is the one exit: Enter blurs, Escape restores the name first, blur commits.\nexport function SavedViewNameInput({ name, onCommit }: { name: string; onCommit: (name: string) => void }) {\n  return (\n    <input\n      autoFocus\n      aria-label=\"View name\"\n      defaultValue={name}\n      maxLength={MAX_SAVED_VIEW_NAME_CHARS}\n      {...passwordManagerOptOutProps}\n      onFocus={event => event.currentTarget.select()}\n      onBlur={event => onCommit(event.currentTarget.value)}\n      onKeyDown={event => {\n        if (event.key === 'Escape') event.currentTarget.value = name;\n        if (event.key === 'Enter' || event.key === 'Escape') {\n          event.preventDefault();\n          event.currentTarget.blur();\n        }\n      }}\n      className=\"field-sizing-content min-w-12 bg-transparent text-foreground outline-hidden\"\n    />\n  );\n}\n","import type { ReactNode } from 'react';\nimport { FilterBarFieldLabel, formatValue } from '@/ds/components/FilterBar/filter-bar-chip';\nimport type { FilterBarField, FilterBarItem, FilterBarOperator } from '@/ds/components/FilterBar/types';\nimport { Txt } from '@/ds/components/Txt';\n\ntype SavedViewSummaryProps = {\n  filters: readonly FilterBarItem[];\n  fields: readonly FilterBarField[];\n  operators: readonly FilterBarOperator[];\n  settings?: ReactNode;\n};\n\nexport function SavedViewSummary({ filters, fields, operators, settings }: SavedViewSummaryProps) {\n  return (\n    <div className=\"flex min-w-48 flex-col gap-2\">\n      {filters.length === 0 ? (\n        <Txt variant=\"caption\" tone=\"muted\">\n          No filters\n        </Txt>\n      ) : (\n        <ul aria-label=\"Filters\" className=\"flex flex-col gap-1.5\">\n          {filters.map(filter => {\n            const field = fields.find(candidate => candidate.id === filter.fieldId);\n            const operatorStated = (field?.operators?.length ?? operators.length) > 1;\n            const operator = operators.find(candidate => candidate.id === filter.operatorId);\n            return (\n              <li key={filter.id} className=\"min-w-0\">\n                <Txt as=\"span\" variant=\"body-sm\" className=\"flex min-w-0 items-center gap-1.5\">\n                  <span className=\"flex min-w-0 shrink-0 items-center gap-1 text-muted-foreground\">\n                    <FilterBarFieldLabel field={field} label={field?.label ?? filter.fieldId} />\n                  </span>\n                  {operatorStated && <span className=\"shrink-0 text-muted-foreground\">{operator?.label}</span>}\n                  <span className=\"min-w-0 truncate\">{formatValue(filter.value, field)}</span>\n                </Txt>\n              </li>\n            );\n          })}\n        </ul>\n      )}\n      {settings}\n    </div>\n  );\n}\n","import { CopyIcon, LayersIcon, LayersPlusIcon, PencilIcon, TextCursorInputIcon, Trash2Icon } from 'lucide-react';\nimport { Fragment, useRef, useState } from 'react';\nimport type { ReactNode } from 'react';\nimport { SavedViewNameInput } from './saved-view-name-input';\nimport type { SavedView } from './saved-view-schema';\nimport { SavedViewSummary } from './saved-view-summary';\nimport type { SavedViewsController } from './use-saved-views';\nimport { Button, buttonVariants } from '@/ds/components/Button/Button';\nimport { ContextMenu } from '@/ds/components/ContextMenu';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu';\nimport type { FilterBarField, FilterBarOperator } from '@/ds/components/FilterBar/types';\nimport { HoverCard, HoverCardContent, HoverCardTrigger } from '@/ds/components/HoverCard';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons/Icon';\nimport { controlHeight } from '@/ds/primitives/control-size';\nimport { VisuallyHidden } from '@/ds/primitives/visually-hidden';\nimport { cn } from '@/lib/utils';\n\nconst restingTabClass = buttonVariants({ variant: 'default', size: 'sm' });\nconst selectedTabClass = buttonVariants({ variant: 'subtle', size: 'sm' });\nconst editingTabClass = cn(\n  controlHeight.sm,\n  'inline-flex items-center gap-1.5 rounded-full border border-dashed border-border-strong bg-fill-hover px-[.9em] text-label text-foreground',\n  '[&_svg]:size-3.5 [&_svg]:shrink-0',\n);\n\nexport type SavedViewTabsProps<TSettings> = {\n  views: SavedViewsController<TSettings>;\n  fields: readonly FilterBarField[];\n  operators: readonly FilterBarOperator[];\n  defaultLabel: string;\n  newViewSettings: NoInfer<TSettings>;\n  describeSettings?: (settings: TSettings) => ReactNode;\n  'aria-label'?: string;\n  className?: string;\n};\n\nexport function SavedViewTabs<TSettings>({\n  views,\n  fields,\n  operators,\n  defaultLabel,\n  newViewSettings,\n  describeSettings,\n  'aria-label': ariaLabel = 'Views',\n  className,\n}: SavedViewTabsProps<TSettings>) {\n  const [renamingViewId, setRenamingViewId] = useState<string>();\n  const { draft } = views;\n  const creating = draft !== undefined && draft.viewId === undefined;\n  const defaultSelected = views.activeView === undefined && !creating;\n  // A blank name cancels; a failed rename stays open with what was typed so it can be retried.\n  const commitRename = async (viewId: string, name: string) => {\n    if (!name.trim()) return setRenamingViewId(undefined);\n    const renamed = views.rename(viewId, name);\n    // A synchronous controller closes in the same render; only an async one waits.\n    if (typeof renamed === 'boolean' ? renamed : await renamed) setRenamingViewId(undefined);\n  };\n\n  return (\n    <div role=\"group\" aria-label={ariaLabel} className={cn('flex flex-wrap items-center gap-1.5', className)}>\n      <button\n        type=\"button\"\n        aria-pressed={defaultSelected}\n        className={defaultSelected ? selectedTabClass : restingTabClass}\n        onClick={() => views.select(undefined)}\n      >\n        {defaultLabel}\n      </button>\n      {views.views.map(view => {\n        if (renamingViewId === view.id) {\n          return <RenamingViewTab key={view.id} name={view.name} onCommit={name => void commitRename(view.id, name)} />;\n        }\n        return (\n          <SavedViewTab\n            key={view.id}\n            view={view}\n            selected={views.activeView?.id === view.id && !creating}\n            unsaved={draft?.viewId === view.id && views.unsaved}\n            fields={fields}\n            operators={operators}\n            settings={describeSettings?.(view.settings)}\n            onSelect={() => views.select(view.id)}\n            onEdit={() => views.edit(view.id)}\n            onRename={() => setRenamingViewId(view.id)}\n            onDuplicate={() => views.duplicate(view.id)}\n            onDelete={() => views.remove(view.id)}\n          />\n        );\n      })}\n      {views.error && (\n        <Txt role=\"alert\" variant=\"caption\" className=\"w-full text-destructive-foreground\">\n          {views.error}\n        </Txt>\n      )}\n      {creating ? (\n        <EditingViewTab name={draft.name} unsaved onRename={name => views.change({ name })} />\n      ) : (\n        <Button\n          type=\"button\"\n          size=\"icon-sm\"\n          tooltip=\"New view\"\n          disabled={draft !== undefined}\n          onClick={() => views.create(newViewSettings)}\n        >\n          <LayersPlusIcon />\n        </Button>\n      )}\n    </div>\n  );\n}\n\nfunction EditingViewTab({\n  name,\n  unsaved,\n  onRename,\n}: {\n  name: string;\n  unsaved: boolean;\n  onRename: (name: string) => void;\n}) {\n  const [renaming, setRenaming] = useState(false);\n  return (\n    <span aria-current=\"true\" className={editingTabClass}>\n      <LayersIcon aria-hidden />\n      {renaming ? (\n        <SavedViewNameInput\n          name={name}\n          onCommit={next => {\n            setRenaming(false);\n            if (next.trim()) onRename(next);\n          }}\n        />\n      ) : (\n        <>\n          <span className=\"max-w-48 truncate\">{name}</span>\n          {unsaved && (\n            <>\n              <span className=\"size-1.5 shrink-0 rounded-full bg-warning-indicator\" aria-hidden />\n              <VisuallyHidden>Unsaved changes</VisuallyHidden>\n            </>\n          )}\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"icon-sm\"\n            tooltip=\"Rename view\"\n            className=\"-mr-2 size-6\"\n            onClick={() => setRenaming(true)}\n          >\n            <PencilIcon />\n          </Button>\n        </>\n      )}\n    </span>\n  );\n}\n\nfunction RenamingViewTab({ name, onCommit }: { name: string; onCommit: (name: string) => void }) {\n  return (\n    <span className={cn(restingTabClass, 'gap-1.5')}>\n      <SavedViewTabIcon />\n      <SavedViewNameInput name={name} onCommit={onCommit} />\n    </span>\n  );\n}\n\nfunction SavedViewTabIcon() {\n  return (\n    <Icon data-slot=\"button-icon\" size=\"sm\">\n      <LayersIcon aria-hidden />\n    </Icon>\n  );\n}\n\nfunction SavedViewTab<TSettings>({\n  view,\n  selected,\n  unsaved,\n  fields,\n  operators,\n  settings,\n  onSelect,\n  onEdit,\n  onRename,\n  onDuplicate,\n  onDelete,\n}: {\n  view: SavedView<TSettings>;\n  selected: boolean;\n  unsaved: boolean;\n  fields: readonly FilterBarField[];\n  operators: readonly FilterBarOperator[];\n  settings: ReactNode;\n  onSelect: () => void;\n  onEdit: () => void;\n  onRename: () => void;\n  onDuplicate: () => void;\n  onDelete: () => void;\n}) {\n  const actions: ViewAction[] = [\n    { label: 'Edit view', icon: <PencilIcon aria-hidden />, onClick: onEdit },\n    { label: 'Rename', icon: <TextCursorInputIcon aria-hidden />, onClick: onRename },\n    { label: 'Duplicate', icon: <CopyIcon aria-hidden />, onClick: onDuplicate },\n    { label: 'Delete view', icon: <Trash2Icon aria-hidden />, onClick: onDelete, destructive: true },\n  ];\n  const [menuOpen, setMenuOpen] = useState(false);\n  const [previewOpen, setPreviewOpen] = useState(false);\n  // The trigger asks to open a frame after the click, when the click that selected the tab has\n  // already re-rendered it as selected. Only a click on the selected tab opens the menu.\n  const clickOpensMenuRef = useRef(true);\n  const changeMenuOpen = (open: boolean) => {\n    setMenuOpen(selected && open && clickOpensMenuRef.current);\n    if (open) setPreviewOpen(false);\n  };\n\n  return (\n    <ContextMenu>\n      <DropdownMenu open={selected && menuOpen} onOpenChange={changeMenuOpen}>\n        <HoverCard open={!selected && previewOpen} onOpenChange={setPreviewOpen}>\n          <ContextMenu.Trigger\n            render={\n              <HoverCardTrigger\n                delay={400}\n                render={\n                  <DropdownMenu.Trigger\n                    render={\n                      <button\n                        type=\"button\"\n                        aria-pressed={selected}\n                        aria-haspopup={selected ? 'menu' : undefined}\n                        onClick={() => {\n                          clickOpensMenuRef.current = selected;\n                          if (selected) return;\n                          setPreviewOpen(false);\n                          onSelect();\n                        }}\n                        className={cn(selected ? selectedTabClass : restingTabClass, 'gap-1.5')}\n                      />\n                    }\n                  />\n                }\n              />\n            }\n          >\n            <SavedViewTabIcon />\n            <span className=\"max-w-48 truncate\">{view.name}</span>\n            {unsaved && <span className=\"size-1.5 shrink-0 rounded-full bg-warning-indicator\" aria-hidden />}\n          </ContextMenu.Trigger>\n          <HoverCardContent side=\"bottom\" align=\"start\" showArrow={false}>\n            <SavedViewSummary filters={view.filters} fields={fields} operators={operators} settings={settings} />\n          </HoverCardContent>\n        </HoverCard>\n        <DropdownMenu.Content align=\"start\">\n          {actions.map(action => (\n            <Fragment key={action.label}>\n              {action.destructive && <DropdownMenu.Separator />}\n              <DropdownMenu.Item variant={action.destructive ? 'destructive' : 'default'} onClick={action.onClick}>\n                {action.icon}\n                {action.label}\n              </DropdownMenu.Item>\n            </Fragment>\n          ))}\n        </DropdownMenu.Content>\n      </DropdownMenu>\n      <ContextMenu.Content>\n        {actions.map(action => (\n          <Fragment key={action.label}>\n            {action.destructive && <ContextMenu.Separator />}\n            <ContextMenu.Item variant={action.destructive ? 'destructive' : 'default'} onClick={action.onClick}>\n              {action.icon}\n              {action.label}\n            </ContextMenu.Item>\n          </Fragment>\n        ))}\n      </ContextMenu.Content>\n    </ContextMenu>\n  );\n}\n\ntype ViewAction = { label: string; icon: ReactNode; onClick: () => void; destructive?: boolean };\n","import type { ReactNode } from 'react';\nimport type { SavedViewsController } from './use-saved-views';\nimport { Button } from '@/ds/components/Button/Button';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport type SavedViewEditorProps<TSettings> = {\n  views: SavedViewsController<TSettings>;\n  /** Shown next to the save button of a new view, e.g. where it is saved (\"Saved in this browser\"). */\n  saveCaption?: ReactNode;\n  children?: ReactNode;\n  className?: string;\n};\n\nexport function SavedViewEditor<TSettings>({\n  views,\n  saveCaption,\n  children,\n  className,\n}: SavedViewEditorProps<TSettings>) {\n  const { draft } = views;\n  const creating = draft?.viewId === undefined;\n  return (\n    <div\n      role={draft ? 'group' : undefined}\n      aria-label={draft ? `Edit view ${draft.name}` : undefined}\n      className={cn('flex min-w-0 flex-wrap items-center gap-2', className)}\n    >\n      {children}\n      {draft && (\n        <>\n          {!creating && views.unsaved && (\n            <Txt as=\"span\" variant=\"caption\" tone=\"muted\">\n              Unsaved changes\n            </Txt>\n          )}\n          <div className=\"ml-auto flex shrink-0 items-center gap-3\">\n            {creating && saveCaption && (\n              <Txt as=\"span\" variant=\"caption\" tone=\"muted\" className=\"max-sm:hidden\">\n                {saveCaption}\n              </Txt>\n            )}\n            <div className=\"flex items-center gap-1\">\n              <Button type=\"button\" variant=\"ghost\" size=\"sm\" disabled={views.pending} onClick={views.discard}>\n                {creating ? 'Cancel' : 'Reset'}\n              </Button>\n              <Button\n                type=\"button\"\n                variant=\"primary\"\n                size=\"sm\"\n                disabled={!views.unsaved || views.pending}\n                onClick={views.save}\n              >\n                {creating ? 'Save view' : 'Save changes'}\n              </Button>\n            </div>\n          </div>\n        </>\n      )}\n    </div>\n  );\n}\n","type SavedViewsSubscribe = (listener: () => void) => () => void;\n\nconst listenersByKey = new Map<string, Set<() => void>>();\nconst subscribeByKey = new Map<string, SavedViewsSubscribe>();\n\nexport function readSavedViewsRaw(key: string): string | null {\n  try {\n    return window.localStorage.getItem(key);\n  } catch {\n    return null;\n  }\n}\n\nexport function writeSavedViewsRaw(key: string, raw: string): boolean {\n  try {\n    window.localStorage.setItem(key, raw);\n  } catch {\n    return false;\n  }\n  listenersByKey.get(key)?.forEach(listener => listener());\n  return true;\n}\n\nexport function savedViewsSubscriber(key: string): SavedViewsSubscribe {\n  const cached = subscribeByKey.get(key);\n  if (cached) return cached;\n  const subscribe: SavedViewsSubscribe = listener => subscribeSavedViews(key, listener);\n  subscribeByKey.set(key, subscribe);\n  return subscribe;\n}\n\nfunction subscribeSavedViews(key: string, listener: () => void): () => void {\n  const listeners = listenersByKey.get(key) ?? new Set<() => void>();\n  listenersByKey.set(key, listeners);\n  listeners.add(listener);\n  const onStorage = (event: StorageEvent) => {\n    if (event.key === key || event.key === null) listener();\n  };\n  window.addEventListener('storage', onStorage);\n  return () => {\n    listeners.delete(listener);\n    window.removeEventListener('storage', onStorage);\n  };\n}\n","import { useState, useSyncExternalStore } from 'react';\nimport { parseSavedViews, savedViewNameSchema, serializeSavedViews } from './saved-view-schema';\nimport type { SavedView, SavedViewSettingsSchema } from './saved-view-schema';\nimport { readSavedViewsRaw, savedViewsSubscriber, writeSavedViewsRaw } from './saved-views-storage';\nimport type { FilterBarItem } from '@/ds/components/FilterBar/types';\n\nconst NEW_SAVED_VIEW_NAME = 'Untitled view';\n\nexport type SavedViewContent<TSettings> = {\n  filters: FilterBarItem[];\n  settings: TSettings;\n};\n\nexport type SavedViewDraft<TSettings> = SavedViewContent<TSettings> & {\n  viewId?: string;\n  name: string;\n};\n\nexport type SavedViewDraftChange<TSettings> = Partial<Omit<SavedViewDraft<TSettings>, 'viewId'>>;\n\nexport type UseSavedViewsOptions<TSettings> = {\n  storageKey: string;\n  settingsSchema: SavedViewSettingsSchema<TSettings>;\n  activeViewId: string | undefined;\n  onActiveViewChange: (viewId: string | undefined) => void;\n};\n\nexport type SavedViewsController<TSettings> = {\n  views: SavedView<TSettings>[];\n  activeView: SavedView<TSettings> | undefined;\n  draft: SavedViewDraft<TSettings> | undefined;\n  unsaved: boolean;\n  /** A failed save, rename, duplicate or delete, shown under the tabs. */\n  error: string | undefined;\n  /** A change is being saved; the save actions are disabled until it settles. */\n  pending?: boolean;\n  applied: SavedViewContent<TSettings> | undefined;\n  select: (viewId: string | undefined) => void;\n  create: (settings: TSettings, filters?: FilterBarItem[]) => void;\n  edit: (viewId: string) => void;\n  change: (patch: SavedViewDraftChange<TSettings>) => void;\n  save: () => void;\n  discard: () => void;\n  /** Resolves true once the view has the new name; false leaves the error in `error`. */\n  rename: (viewId: string, name: string) => boolean | Promise<boolean>;\n  duplicate: (viewId: string) => void;\n  remove: (viewId: string) => void;\n};\n\nfunction createSavedViewId(): string {\n  if (typeof crypto !== 'undefined' && typeof crypto.randomUUID === 'function') return crypto.randomUUID();\n  return `view-${Date.now().toString(36)}-${Math.random().toString(36).slice(2)}`;\n}\n\nfunction validViewName(name: string): string | undefined {\n  const parsed = savedViewNameSchema.safeParse(name);\n  return parsed.success ? parsed.data : undefined;\n}\n\nfunction sameViewContent<TSettings>(draft: SavedViewDraft<TSettings>, view: SavedView<TSettings>): boolean {\n  return (\n    JSON.stringify([draft.name, draft.filters, draft.settings]) ===\n    JSON.stringify([view.name, view.filters, view.settings])\n  );\n}\n\nexport function useSavedViews<TSettings>({\n  storageKey,\n  settingsSchema,\n  activeViewId,\n  onActiveViewChange,\n}: UseSavedViewsOptions<TSettings>): SavedViewsController<TSettings> {\n  const raw = useSyncExternalStore(\n    savedViewsSubscriber(storageKey),\n    () => readSavedViewsRaw(storageKey),\n    () => null,\n  );\n  const views = parseSavedViews(raw, settingsSchema);\n  const [failedStorageKey, setFailedStorageKey] = useState<string>();\n  const [pendingDraft, setDraft] = useState<SavedViewDraft<TSettings>>();\n  const [draftScope, setDraftScope] = useState({ storageKey, activeViewId });\n  const draftView = views.find(view => view.id === pendingDraft?.viewId);\n  const draftViewDeleted = pendingDraft?.viewId !== undefined && !draftView;\n  const storageKeyChanged = draftScope.storageKey !== storageKey;\n  if (storageKeyChanged || draftScope.activeViewId !== activeViewId || draftViewDeleted) {\n    setDraftScope({ storageKey, activeViewId });\n    if (storageKeyChanged || draftViewDeleted || pendingDraft?.viewId !== activeViewId) setDraft(undefined);\n  }\n  const draft = pendingDraft?.viewId === undefined || pendingDraft.viewId === activeViewId ? pendingDraft : undefined;\n  const unsaved = draft !== undefined && (!draftView || !sameViewContent(draft, draftView));\n\n  const activeView = views.find(view => view.id === activeViewId);\n  const write = (next: SavedView<TSettings>[]) => {\n    const saved = writeSavedViewsRaw(storageKey, serializeSavedViews(next));\n    setFailedStorageKey(saved ? undefined : storageKey);\n    return saved;\n  };\n\n  return {\n    views,\n    activeView,\n    draft,\n    unsaved,\n    error:\n      failedStorageKey === storageKey\n        ? 'Could not save changes. Check your browser storage settings and try again.'\n        : undefined,\n    applied: draft ?? activeView,\n    select: viewId => {\n      setFailedStorageKey(undefined);\n      setDraft(undefined);\n      onActiveViewChange(viewId);\n    },\n    create: (settings, filters = []) => setDraft({ name: NEW_SAVED_VIEW_NAME, filters, settings }),\n    edit: viewId => {\n      if (draft?.viewId === viewId) return;\n      const view = views.find(candidate => candidate.id === viewId);\n      if (!view) return;\n      const { id, ...content } = view;\n      setDraft({ ...content, viewId: id });\n      if (viewId !== activeViewId) onActiveViewChange(viewId);\n    },\n    change: patch => {\n      if (patch.name !== undefined) setFailedStorageKey(undefined);\n      if (draft) {\n        setDraft({ ...draft, ...patch });\n        return;\n      }\n      if (!activeView) return;\n      const { id, ...content } = activeView;\n      setDraft({ ...content, ...patch, viewId: id });\n    },\n    save: () => {\n      if (!draft) return;\n      const { viewId, ...content } = draft;\n      const saved: SavedView<TSettings> = {\n        ...content,\n        id: viewId ?? createSavedViewId(),\n        name: validViewName(content.name) ?? views.find(view => view.id === viewId)?.name ?? NEW_SAVED_VIEW_NAME,\n      };\n      if (!write(viewId ? views.map(view => (view.id === viewId ? saved : view)) : [...views, saved])) return;\n      setDraft(undefined);\n      if (saved.id !== activeViewId) onActiveViewChange(saved.id);\n    },\n    discard: () => {\n      setFailedStorageKey(undefined);\n      setDraft(undefined);\n    },\n    rename: (viewId, name) => {\n      const nextName = validViewName(name);\n      if (!nextName) return false;\n      if (!write(views.map(view => (view.id === viewId ? { ...view, name: nextName } : view)))) return false;\n      if (draft?.viewId === viewId) setDraft({ ...draft, name: nextName });\n      return true;\n    },\n    duplicate: viewId => {\n      const index = views.findIndex(view => view.id === viewId);\n      const original = views[index];\n      if (!original) return;\n      const copy: SavedView<TSettings> = {\n        ...original,\n        id: createSavedViewId(),\n        name: validViewName(`${original.name} copy`) ?? original.name,\n      };\n      if (!write(views.toSpliced(index + 1, 0, copy))) return;\n      setDraft(undefined);\n      onActiveViewChange(copy.id);\n    },\n    remove: viewId => {\n      if (!write(views.filter(view => view.id !== viewId))) return;\n      if (draft?.viewId === viewId) setDraft(undefined);\n      if (activeViewId === viewId) onActiveViewChange(undefined);\n    },\n  };\n}\n"],"mappings":"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"}

package/dist/components/ai/activity.cjs.js

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_activity = require("../../activity-QyLJcBKc.cjs");
+const require_activity = require("../../activity-DAK8tj7r.cjs");
 exports.Activity = require_activity.Activity;
 exports.ActivityContent = require_activity.ActivityContent;
 exports.ActivityDetail = require_activity.ActivityDetail;
@@ -14,9 +14,11 @@ exports.ActivitySpacer = require_activity.ActivitySpacer;
 exports.ActivitySummary = require_activity.ActivitySummary;
 exports.ActivityTrailing = require_activity.ActivityTrailing;
 exports.ActivityTrigger = require_activity.ActivityTrigger;
+exports.ActivityWorkingDirectory = require_activity.ActivityWorkingDirectory;
 exports.NotificationActivity = require_activity.NotificationActivity;
 exports.ReasoningActivity = require_activity.ReasoningActivity;
 exports.ReasoningText = require_activity.ReasoningText;
 exports.SignalActivity = require_activity.SignalActivity;
 exports.hasReasoningText = require_activity.hasReasoningText;
 exports.hasVisibleReasoning = require_activity.hasVisibleReasoning;
+exports.useRelativePaths = require_activity.useRelativePaths;

package/dist/components/ai/activity.es.js

@@ -1 +1 @@
-export { s as Activity, c as ActivityContent, l as ActivityDetail, u as ActivityDisclosure, d as ActivityHeader, f as ActivityHeadline, p as ActivityIcon, m as ActivityItem, h as ActivityLabel, g as ActivityLeading, _ as ActivitySpacer, v as ActivitySummary, y as ActivityTrailing, b as ActivityTrigger, o as NotificationActivity, n as ReasoningActivity, a as ReasoningText, t as SignalActivity, r as hasReasoningText, i as hasVisibleReasoning } from "../../activity-ihrl0JtH.js";
+export { s as Activity, c as ActivityContent, l as ActivityDetail, u as ActivityDisclosure, d as ActivityHeader, f as ActivityHeadline, p as ActivityIcon, m as ActivityItem, h as ActivityLabel, g as ActivityLeading, _ as ActivitySpacer, v as ActivitySummary, y as ActivityTrailing, b as ActivityTrigger, x as ActivityWorkingDirectory, o as NotificationActivity, n as ReasoningActivity, a as ReasoningText, t as SignalActivity, r as hasReasoningText, i as hasVisibleReasoning, S as useRelativePaths } from "../../activity-CM34JyW-.js";

package/dist/components/ai/message-reveal.cjs.js

@@ -67,7 +67,8 @@ function revealedParts(parts, shown) {
 * A message's parts as far as the reveal has laid them down. Hand the result to
 * `MessageFactory` in place of the message's own parts and the whole reply — prose,
 * reasoning, tool rows, cards — arrives at the pace it was written, from one clock,
-* without a renderer having to know a reveal is running.
+* without a renderer having to know a reveal is running. Once fully revealed it returns
+* the caller's own `parts` array, so `result === parts` means the reveal has settled.
 */
 function useRevealedParts(parts, streaming) {
 	return revealedParts(parts, require_use_reveal.useRevealedText(messageScript(parts), streaming));

package/dist/components/ai/message-reveal.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"message-reveal.cjs.js","names":["useRevealedText"],"sources":["../../../src/ds/components/ai/message-reveal/message-reveal.ts"],"sourcesContent":["import type { MastraDBMessage } from '@mastra/core/agent/message-list';\n\nimport { useRevealedText } from '../../MarkdownRenderer/use-reveal';\n\ntype MessagePart = MastraDBMessage['content']['parts'][number];\n\n/** What separates two passages of prose that were streamed as separate blocks. */\nconst PASSAGE = '\\n\\n';\n\n/**\n * A part that is not prose, written into the reveal's script as words so it takes a\n * beat on the same clock: a burst of parallel tool calls cascades in row by row, at\n * the pace the reply is moving, instead of landing as one block.\n */\nconst ROW_MARK = Array.from({ length: 6 }, () => '').join(' ');\n\n/**\n * The words a part was written as, for the kinds the model writes word by word.\n * Reasoning streams delta by delta exactly like prose, so its passage takes its\n * words' time on the clock rather than one row's beat — a beat would hold the\n * block back whole, then let it land at once and grow unpaced.\n */\nfunction partProse(part: MessagePart): string | undefined {\n  if (part.type === 'text') return part.text;\n  if (part.type === 'reasoning') return part.reasoning;\n  return undefined;\n}\n\n/** What the reveal paces: the whole message, rows and cards written in as beats between the prose. */\nexport function messageScript(parts: MessagePart[]): string {\n  return parts.map(part => partProse(part) ?? ROW_MARK).join(PASSAGE);\n}\n\n/**\n * The parts of a message a reveal has reached, `shown` being a prefix of the script.\n *\n * A reply is not only prose: a tool row, a card, a reasoning block sit between its\n * passages, and they were written in that order. Pacing the prose alone would lay a\n * sentence down word by word while the row that follows it is already on screen — so\n * every part waits its turn on the one clock, and the reader is handed the answer in\n * the order it was written.\n */\nexport function revealedParts(parts: MessagePart[], shown: string): MessagePart[] {\n  const script = messageScript(parts);\n  if (shown.length >= script.length) return parts;\n\n  const revealed: MessagePart[] = [];\n  let read = 0;\n\n  for (const part of parts) {\n    const start = read === 0 ? 0 : read + PASSAGE.length;\n\n    if (part.type !== 'text' && part.type !== 'reasoning') {\n      read = start + ROW_MARK.length;\n      if (shown.length < read) break;\n      revealed.push(part);\n      continue;\n    }\n\n    const written = part.type === 'text' ? part.text : part.reasoning;\n    read = start + written.length;\n\n    const text = shown.slice(start, read);\n    if (text === written) {\n      revealed.push(part);\n      continue;\n    }\n\n    if (text) revealed.push(part.type === 'text' ? { ...part, text } : { ...part, reasoning: text });\n    break;\n  }\n\n  return revealed;\n}\n\n/**\n * A message's parts as far as the reveal has laid them down. Hand the result to\n * `MessageFactory` in place of the message's own parts and the whole reply — prose,\n * reasoning, tool rows, cards — arrives at the pace it was written, from one clock,\n * without a renderer having to know a reveal is running.\n */\nexport function useRevealedParts(parts: MessagePart[], streaming: boolean): MessagePart[] {\n  const shown = useRevealedText(messageScript(parts), streaming);\n\n  return revealedParts(parts, shown);\n}\n"],"mappings":";;;;AAOA,IAAM,UAAU;;;;;;AAOhB,IAAM,WAAW,MAAM,KAAK,EAAE,QAAQ,EAAE,SAAS,GAAG,CAAC,CAAC,KAAK,GAAG;;;;;;;AAQ9D,SAAS,UAAU,MAAuC;CACxD,IAAI,KAAK,SAAS,QAAQ,OAAO,KAAK;CACtC,IAAI,KAAK,SAAS,aAAa,OAAO,KAAK;AAE7C;;AAGA,SAAgB,cAAc,OAA8B;CAC1D,OAAO,MAAM,KAAI,SAAQ,UAAU,IAAI,KAAK,QAAQ,CAAC,CAAC,KAAK,OAAO;AACpE;;;;;;;;;;AAWA,SAAgB,cAAc,OAAsB,OAA8B;CAChF,MAAM,SAAS,cAAc,KAAK;CAClC,IAAI,MAAM,UAAU,OAAO,QAAQ,OAAO;CAE1C,MAAM,WAA0B,CAAC;CACjC,IAAI,OAAO;CAEX,KAAK,MAAM,QAAQ,OAAO;EACxB,MAAM,QAAQ,SAAS,IAAI,IAAI,OAAO;EAEtC,IAAI,KAAK,SAAS,UAAU,KAAK,SAAS,aAAa;GACrD,OAAO,QAAQ,SAAS;GACxB,IAAI,MAAM,SAAS,MAAM;GACzB,SAAS,KAAK,IAAI;GAClB;EACF;EAEA,MAAM,UAAU,KAAK,SAAS,SAAS,KAAK,OAAO,KAAK;EACxD,OAAO,QAAQ,QAAQ;EAEvB,MAAM,OAAO,MAAM,MAAM,OAAO,IAAI;EACpC,IAAI,SAAS,SAAS;GACpB,SAAS,KAAK,IAAI;GAClB;EACF;EAEA,IAAI,MAAM,SAAS,KAAK,KAAK,SAAS,SAAS;GAAE,GAAG;GAAM;EAAK,IAAI;GAAE,GAAG;GAAM,WAAW;EAAK,CAAC;EAC/F;CACF;CAEA,OAAO;AACT;;;;;;;AAQA,SAAgB,iBAAiB,OAAsB,WAAmC;CAGxF,OAAO,cAAc,OAFPA,mBAAAA,gBAAgB,cAAc,KAAK,GAAG,SAExB,CAAK;AACnC"}
+{"version":3,"file":"message-reveal.cjs.js","names":["useRevealedText"],"sources":["../../../src/ds/components/ai/message-reveal/message-reveal.ts"],"sourcesContent":["import type { MastraDBMessage } from '@mastra/core/agent/message-list';\n\nimport { useRevealedText } from '../../MarkdownRenderer/use-reveal';\n\ntype MessagePart = MastraDBMessage['content']['parts'][number];\n\n/** What separates two passages of prose that were streamed as separate blocks. */\nconst PASSAGE = '\\n\\n';\n\n/**\n * A part that is not prose, written into the reveal's script as words so it takes a\n * beat on the same clock: a burst of parallel tool calls cascades in row by row, at\n * the pace the reply is moving, instead of landing as one block.\n */\nconst ROW_MARK = Array.from({ length: 6 }, () => '').join(' ');\n\n/**\n * The words a part was written as, for the kinds the model writes word by word.\n * Reasoning streams delta by delta exactly like prose, so its passage takes its\n * words' time on the clock rather than one row's beat — a beat would hold the\n * block back whole, then let it land at once and grow unpaced.\n */\nfunction partProse(part: MessagePart): string | undefined {\n  if (part.type === 'text') return part.text;\n  if (part.type === 'reasoning') return part.reasoning;\n  return undefined;\n}\n\n/** What the reveal paces: the whole message, rows and cards written in as beats between the prose. */\nexport function messageScript(parts: MessagePart[]): string {\n  return parts.map(part => partProse(part) ?? ROW_MARK).join(PASSAGE);\n}\n\n/**\n * The parts of a message a reveal has reached, `shown` being a prefix of the script.\n *\n * A reply is not only prose: a tool row, a card, a reasoning block sit between its\n * passages, and they were written in that order. Pacing the prose alone would lay a\n * sentence down word by word while the row that follows it is already on screen — so\n * every part waits its turn on the one clock, and the reader is handed the answer in\n * the order it was written.\n */\nexport function revealedParts(parts: MessagePart[], shown: string): MessagePart[] {\n  const script = messageScript(parts);\n  if (shown.length >= script.length) return parts;\n\n  const revealed: MessagePart[] = [];\n  let read = 0;\n\n  for (const part of parts) {\n    const start = read === 0 ? 0 : read + PASSAGE.length;\n\n    if (part.type !== 'text' && part.type !== 'reasoning') {\n      read = start + ROW_MARK.length;\n      if (shown.length < read) break;\n      revealed.push(part);\n      continue;\n    }\n\n    const written = part.type === 'text' ? part.text : part.reasoning;\n    read = start + written.length;\n\n    const text = shown.slice(start, read);\n    if (text === written) {\n      revealed.push(part);\n      continue;\n    }\n\n    if (text) revealed.push(part.type === 'text' ? { ...part, text } : { ...part, reasoning: text });\n    break;\n  }\n\n  return revealed;\n}\n\n/**\n * A message's parts as far as the reveal has laid them down. Hand the result to\n * `MessageFactory` in place of the message's own parts and the whole reply — prose,\n * reasoning, tool rows, cards — arrives at the pace it was written, from one clock,\n * without a renderer having to know a reveal is running. Once fully revealed it returns\n * the caller's own `parts` array, so `result === parts` means the reveal has settled.\n */\nexport function useRevealedParts(parts: MessagePart[], streaming: boolean): MessagePart[] {\n  const shown = useRevealedText(messageScript(parts), streaming);\n\n  return revealedParts(parts, shown);\n}\n"],"mappings":";;;;AAOA,IAAM,UAAU;;;;;;AAOhB,IAAM,WAAW,MAAM,KAAK,EAAE,QAAQ,EAAE,SAAS,GAAG,CAAC,CAAC,KAAK,GAAG;;;;;;;AAQ9D,SAAS,UAAU,MAAuC;CACxD,IAAI,KAAK,SAAS,QAAQ,OAAO,KAAK;CACtC,IAAI,KAAK,SAAS,aAAa,OAAO,KAAK;AAE7C;;AAGA,SAAgB,cAAc,OAA8B;CAC1D,OAAO,MAAM,KAAI,SAAQ,UAAU,IAAI,KAAK,QAAQ,CAAC,CAAC,KAAK,OAAO;AACpE;;;;;;;;;;AAWA,SAAgB,cAAc,OAAsB,OAA8B;CAChF,MAAM,SAAS,cAAc,KAAK;CAClC,IAAI,MAAM,UAAU,OAAO,QAAQ,OAAO;CAE1C,MAAM,WAA0B,CAAC;CACjC,IAAI,OAAO;CAEX,KAAK,MAAM,QAAQ,OAAO;EACxB,MAAM,QAAQ,SAAS,IAAI,IAAI,OAAO;EAEtC,IAAI,KAAK,SAAS,UAAU,KAAK,SAAS,aAAa;GACrD,OAAO,QAAQ,SAAS;GACxB,IAAI,MAAM,SAAS,MAAM;GACzB,SAAS,KAAK,IAAI;GAClB;EACF;EAEA,MAAM,UAAU,KAAK,SAAS,SAAS,KAAK,OAAO,KAAK;EACxD,OAAO,QAAQ,QAAQ;EAEvB,MAAM,OAAO,MAAM,MAAM,OAAO,IAAI;EACpC,IAAI,SAAS,SAAS;GACpB,SAAS,KAAK,IAAI;GAClB;EACF;EAEA,IAAI,MAAM,SAAS,KAAK,KAAK,SAAS,SAAS;GAAE,GAAG;GAAM;EAAK,IAAI;GAAE,GAAG;GAAM,WAAW;EAAK,CAAC;EAC/F;CACF;CAEA,OAAO;AACT;;;;;;;;AASA,SAAgB,iBAAiB,OAAsB,WAAmC;CAGxF,OAAO,cAAc,OAFPA,mBAAAA,gBAAgB,cAAc,KAAK,GAAG,SAExB,CAAK;AACnC"}

package/dist/components/ai/message-reveal.es.js

@@ -66,7 +66,8 @@ function revealedParts(parts, shown) {
 * A message's parts as far as the reveal has laid them down. Hand the result to
 * `MessageFactory` in place of the message's own parts and the whole reply — prose,
 * reasoning, tool rows, cards — arrives at the pace it was written, from one clock,
-* without a renderer having to know a reveal is running.
+* without a renderer having to know a reveal is running. Once fully revealed it returns
+* the caller's own `parts` array, so `result === parts` means the reveal has settled.
 */
 function useRevealedParts(parts, streaming) {
 	return revealedParts(parts, useRevealedText(messageScript(parts), streaming));

package/dist/components/ai/message-reveal.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"message-reveal.es.js","names":[],"sources":["../../../src/ds/components/ai/message-reveal/message-reveal.ts"],"sourcesContent":["import type { MastraDBMessage } from '@mastra/core/agent/message-list';\n\nimport { useRevealedText } from '../../MarkdownRenderer/use-reveal';\n\ntype MessagePart = MastraDBMessage['content']['parts'][number];\n\n/** What separates two passages of prose that were streamed as separate blocks. */\nconst PASSAGE = '\\n\\n';\n\n/**\n * A part that is not prose, written into the reveal's script as words so it takes a\n * beat on the same clock: a burst of parallel tool calls cascades in row by row, at\n * the pace the reply is moving, instead of landing as one block.\n */\nconst ROW_MARK = Array.from({ length: 6 }, () => '').join(' ');\n\n/**\n * The words a part was written as, for the kinds the model writes word by word.\n * Reasoning streams delta by delta exactly like prose, so its passage takes its\n * words' time on the clock rather than one row's beat — a beat would hold the\n * block back whole, then let it land at once and grow unpaced.\n */\nfunction partProse(part: MessagePart): string | undefined {\n  if (part.type === 'text') return part.text;\n  if (part.type === 'reasoning') return part.reasoning;\n  return undefined;\n}\n\n/** What the reveal paces: the whole message, rows and cards written in as beats between the prose. */\nexport function messageScript(parts: MessagePart[]): string {\n  return parts.map(part => partProse(part) ?? ROW_MARK).join(PASSAGE);\n}\n\n/**\n * The parts of a message a reveal has reached, `shown` being a prefix of the script.\n *\n * A reply is not only prose: a tool row, a card, a reasoning block sit between its\n * passages, and they were written in that order. Pacing the prose alone would lay a\n * sentence down word by word while the row that follows it is already on screen — so\n * every part waits its turn on the one clock, and the reader is handed the answer in\n * the order it was written.\n */\nexport function revealedParts(parts: MessagePart[], shown: string): MessagePart[] {\n  const script = messageScript(parts);\n  if (shown.length >= script.length) return parts;\n\n  const revealed: MessagePart[] = [];\n  let read = 0;\n\n  for (const part of parts) {\n    const start = read === 0 ? 0 : read + PASSAGE.length;\n\n    if (part.type !== 'text' && part.type !== 'reasoning') {\n      read = start + ROW_MARK.length;\n      if (shown.length < read) break;\n      revealed.push(part);\n      continue;\n    }\n\n    const written = part.type === 'text' ? part.text : part.reasoning;\n    read = start + written.length;\n\n    const text = shown.slice(start, read);\n    if (text === written) {\n      revealed.push(part);\n      continue;\n    }\n\n    if (text) revealed.push(part.type === 'text' ? { ...part, text } : { ...part, reasoning: text });\n    break;\n  }\n\n  return revealed;\n}\n\n/**\n * A message's parts as far as the reveal has laid them down. Hand the result to\n * `MessageFactory` in place of the message's own parts and the whole reply — prose,\n * reasoning, tool rows, cards — arrives at the pace it was written, from one clock,\n * without a renderer having to know a reveal is running.\n */\nexport function useRevealedParts(parts: MessagePart[], streaming: boolean): MessagePart[] {\n  const shown = useRevealedText(messageScript(parts), streaming);\n\n  return revealedParts(parts, shown);\n}\n"],"mappings":";;;AAOA,IAAM,UAAU;;;;;;AAOhB,IAAM,WAAW,MAAM,KAAK,EAAE,QAAQ,EAAE,SAAS,GAAG,CAAC,CAAC,KAAK,GAAG;;;;;;;AAQ9D,SAAS,UAAU,MAAuC;CACxD,IAAI,KAAK,SAAS,QAAQ,OAAO,KAAK;CACtC,IAAI,KAAK,SAAS,aAAa,OAAO,KAAK;AAE7C;;AAGA,SAAgB,cAAc,OAA8B;CAC1D,OAAO,MAAM,KAAI,SAAQ,UAAU,IAAI,KAAK,QAAQ,CAAC,CAAC,KAAK,OAAO;AACpE;;;;;;;;;;AAWA,SAAgB,cAAc,OAAsB,OAA8B;CAChF,MAAM,SAAS,cAAc,KAAK;CAClC,IAAI,MAAM,UAAU,OAAO,QAAQ,OAAO;CAE1C,MAAM,WAA0B,CAAC;CACjC,IAAI,OAAO;CAEX,KAAK,MAAM,QAAQ,OAAO;EACxB,MAAM,QAAQ,SAAS,IAAI,IAAI,OAAO;EAEtC,IAAI,KAAK,SAAS,UAAU,KAAK,SAAS,aAAa;GACrD,OAAO,QAAQ,SAAS;GACxB,IAAI,MAAM,SAAS,MAAM;GACzB,SAAS,KAAK,IAAI;GAClB;EACF;EAEA,MAAM,UAAU,KAAK,SAAS,SAAS,KAAK,OAAO,KAAK;EACxD,OAAO,QAAQ,QAAQ;EAEvB,MAAM,OAAO,MAAM,MAAM,OAAO,IAAI;EACpC,IAAI,SAAS,SAAS;GACpB,SAAS,KAAK,IAAI;GAClB;EACF;EAEA,IAAI,MAAM,SAAS,KAAK,KAAK,SAAS,SAAS;GAAE,GAAG;GAAM;EAAK,IAAI;GAAE,GAAG;GAAM,WAAW;EAAK,CAAC;EAC/F;CACF;CAEA,OAAO;AACT;;;;;;;AAQA,SAAgB,iBAAiB,OAAsB,WAAmC;CAGxF,OAAO,cAAc,OAFP,gBAAgB,cAAc,KAAK,GAAG,SAExB,CAAK;AACnC"}
+{"version":3,"file":"message-reveal.es.js","names":[],"sources":["../../../src/ds/components/ai/message-reveal/message-reveal.ts"],"sourcesContent":["import type { MastraDBMessage } from '@mastra/core/agent/message-list';\n\nimport { useRevealedText } from '../../MarkdownRenderer/use-reveal';\n\ntype MessagePart = MastraDBMessage['content']['parts'][number];\n\n/** What separates two passages of prose that were streamed as separate blocks. */\nconst PASSAGE = '\\n\\n';\n\n/**\n * A part that is not prose, written into the reveal's script as words so it takes a\n * beat on the same clock: a burst of parallel tool calls cascades in row by row, at\n * the pace the reply is moving, instead of landing as one block.\n */\nconst ROW_MARK = Array.from({ length: 6 }, () => '').join(' ');\n\n/**\n * The words a part was written as, for the kinds the model writes word by word.\n * Reasoning streams delta by delta exactly like prose, so its passage takes its\n * words' time on the clock rather than one row's beat — a beat would hold the\n * block back whole, then let it land at once and grow unpaced.\n */\nfunction partProse(part: MessagePart): string | undefined {\n  if (part.type === 'text') return part.text;\n  if (part.type === 'reasoning') return part.reasoning;\n  return undefined;\n}\n\n/** What the reveal paces: the whole message, rows and cards written in as beats between the prose. */\nexport function messageScript(parts: MessagePart[]): string {\n  return parts.map(part => partProse(part) ?? ROW_MARK).join(PASSAGE);\n}\n\n/**\n * The parts of a message a reveal has reached, `shown` being a prefix of the script.\n *\n * A reply is not only prose: a tool row, a card, a reasoning block sit between its\n * passages, and they were written in that order. Pacing the prose alone would lay a\n * sentence down word by word while the row that follows it is already on screen — so\n * every part waits its turn on the one clock, and the reader is handed the answer in\n * the order it was written.\n */\nexport function revealedParts(parts: MessagePart[], shown: string): MessagePart[] {\n  const script = messageScript(parts);\n  if (shown.length >= script.length) return parts;\n\n  const revealed: MessagePart[] = [];\n  let read = 0;\n\n  for (const part of parts) {\n    const start = read === 0 ? 0 : read + PASSAGE.length;\n\n    if (part.type !== 'text' && part.type !== 'reasoning') {\n      read = start + ROW_MARK.length;\n      if (shown.length < read) break;\n      revealed.push(part);\n      continue;\n    }\n\n    const written = part.type === 'text' ? part.text : part.reasoning;\n    read = start + written.length;\n\n    const text = shown.slice(start, read);\n    if (text === written) {\n      revealed.push(part);\n      continue;\n    }\n\n    if (text) revealed.push(part.type === 'text' ? { ...part, text } : { ...part, reasoning: text });\n    break;\n  }\n\n  return revealed;\n}\n\n/**\n * A message's parts as far as the reveal has laid them down. Hand the result to\n * `MessageFactory` in place of the message's own parts and the whole reply — prose,\n * reasoning, tool rows, cards — arrives at the pace it was written, from one clock,\n * without a renderer having to know a reveal is running. Once fully revealed it returns\n * the caller's own `parts` array, so `result === parts` means the reveal has settled.\n */\nexport function useRevealedParts(parts: MessagePart[], streaming: boolean): MessagePart[] {\n  const shown = useRevealedText(messageScript(parts), streaming);\n\n  return revealedParts(parts, shown);\n}\n"],"mappings":";;;AAOA,IAAM,UAAU;;;;;;AAOhB,IAAM,WAAW,MAAM,KAAK,EAAE,QAAQ,EAAE,SAAS,GAAG,CAAC,CAAC,KAAK,GAAG;;;;;;;AAQ9D,SAAS,UAAU,MAAuC;CACxD,IAAI,KAAK,SAAS,QAAQ,OAAO,KAAK;CACtC,IAAI,KAAK,SAAS,aAAa,OAAO,KAAK;AAE7C;;AAGA,SAAgB,cAAc,OAA8B;CAC1D,OAAO,MAAM,KAAI,SAAQ,UAAU,IAAI,KAAK,QAAQ,CAAC,CAAC,KAAK,OAAO;AACpE;;;;;;;;;;AAWA,SAAgB,cAAc,OAAsB,OAA8B;CAChF,MAAM,SAAS,cAAc,KAAK;CAClC,IAAI,MAAM,UAAU,OAAO,QAAQ,OAAO;CAE1C,MAAM,WAA0B,CAAC;CACjC,IAAI,OAAO;CAEX,KAAK,MAAM,QAAQ,OAAO;EACxB,MAAM,QAAQ,SAAS,IAAI,IAAI,OAAO;EAEtC,IAAI,KAAK,SAAS,UAAU,KAAK,SAAS,aAAa;GACrD,OAAO,QAAQ,SAAS;GACxB,IAAI,MAAM,SAAS,MAAM;GACzB,SAAS,KAAK,IAAI;GAClB;EACF;EAEA,MAAM,UAAU,KAAK,SAAS,SAAS,KAAK,OAAO,KAAK;EACxD,OAAO,QAAQ,QAAQ;EAEvB,MAAM,OAAO,MAAM,MAAM,OAAO,IAAI;EACpC,IAAI,SAAS,SAAS;GACpB,SAAS,KAAK,IAAI;GAClB;EACF;EAEA,IAAI,MAAM,SAAS,KAAK,KAAK,SAAS,SAAS;GAAE,GAAG;GAAM;EAAK,IAAI;GAAE,GAAG;GAAM,WAAW;EAAK,CAAC;EAC/F;CACF;CAEA,OAAO;AACT;;;;;;;;AASA,SAAgB,iBAAiB,OAAsB,WAAmC;CAGxF,OAAO,cAAc,OAFP,gBAAgB,cAAc,KAAK,GAAG,SAExB,CAAK;AACnC"}

package/dist/components/ai/plan.cjs.js

@@ -5,7 +5,7 @@ const require_Button = require("../../Button-YQRflC47.cjs");
 const require_Txt = require("../../Txt-BnoSqxKE.cjs");
 const require_hooks_use_copy_to_clipboard = require("../../hooks/use-copy-to-clipboard.cjs.js");
 const require_Badge = require("../../Badge-DZ6r6bcw.cjs");
-const require_MarkdownRenderer = require("../../MarkdownRenderer-BgqKfmRm.cjs");
+const require_MarkdownRenderer = require("../../MarkdownRenderer-CS6u5drO.cjs");
 const require_components_CollapsibleBox = require("../CollapsibleBox.cjs.js");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/components/ai/plan.es.js

@@ -4,7 +4,7 @@ import { t as Button } from "../../Button-Bw1e3ONi.js";
 import { t as Txt } from "../../Txt-BM6TVV_c.js";
 import { useCopyToClipboard } from "../../hooks/use-copy-to-clipboard.es.js";
 import { t as Badge } from "../../Badge-aVu5iGAF.js";
-import { t as MarkdownRenderer } from "../../MarkdownRenderer-DKCDXaLy.js";
+import { t as MarkdownRenderer } from "../../MarkdownRenderer-DME2xKTk.js";
 import { CollapsibleBox, useCollapsibleBox } from "../CollapsibleBox.es.js";
 import { createContext, useContext } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/ai/tool-approval.cjs.js

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_tool_approval = require("../../tool-approval-6E73C0r6.cjs");
+const require_tool_approval = require("../../tool-approval-BfjoSNOC.cjs");
 exports.ToolApproval = require_tool_approval.ToolApproval;
 exports.ToolApprovalActions = require_tool_approval.ToolApprovalActions;
 exports.ToolApprovalStatus = require_tool_approval.ToolApprovalStatus;

package/dist/components/ai/tool-approval.es.js

@@ -1 +1 @@
-export { t as ToolApproval, n as ToolApprovalActions, r as ToolApprovalStatus } from "../../tool-approval-BXlro6fV.js";
+export { t as ToolApproval, n as ToolApprovalActions, r as ToolApprovalStatus } from "../../tool-approval-FeuyUUcL.js";

package/dist/components/ai/tool-call.cjs.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_tool_call = require("../../tool-call-Dq9xF3WD.cjs");
-const require_tool_presentation = require("../../tool-presentation-D2uUj1AB.cjs");
+const require_tool_call = require("../../tool-call-CvilN9ti.cjs");
+const require_tool_presentation = require("../../tool-presentation-BLErsb7c.cjs");
 exports.TOOL_GROUP_MIN = require_tool_call.TOOL_GROUP_MIN;
 exports.ToolCallArguments = require_tool_call.ToolCallArguments;
 exports.ToolCallCommand = require_tool_call.ToolCallCommand;

package/dist/components/ai/tool-call.es.js

@@ -1,3 +1,3 @@
-import { a as ToolCallArguments, c as ToolCallMono, d as stripAnsi, f as stripSerializedAnsi, i as ToolCallGroup, l as TOOL_GROUP_MIN, n as toolPhrases, o as ToolCallEdit, r as ToolCallOutput, s as ToolCallCommand, t as ToolCallTime, u as groupConsecutive } from "../../tool-call-CItJ8KLA.js";
-import { a as toolEdit, i as stringifyToolValue, n as isTaskTool, o as visibleToolArgumentsText, r as presentTool, t as hasToolArguments } from "../../tool-presentation-DKfIKLQy.js";
+import { a as ToolCallArguments, c as ToolCallMono, d as stripAnsi, f as stripSerializedAnsi, i as ToolCallGroup, l as TOOL_GROUP_MIN, n as toolPhrases, o as ToolCallEdit, r as ToolCallOutput, s as ToolCallCommand, t as ToolCallTime, u as groupConsecutive } from "../../tool-call-BxYXs9w0.js";
+import { a as toolEdit, i as stringifyToolValue, n as isTaskTool, o as visibleToolArgumentsText, r as presentTool, t as hasToolArguments } from "../../tool-presentation-BSZYIWx2.js";
 export { TOOL_GROUP_MIN, ToolCallArguments, ToolCallCommand, ToolCallEdit, ToolCallGroup, ToolCallMono, ToolCallOutput, ToolCallTime, groupConsecutive, hasToolArguments, isTaskTool, presentTool, stringifyToolValue, stripAnsi, stripSerializedAnsi, toolEdit, toolPhrases, visibleToolArgumentsText };

package/dist/domains/chat/activity/activity-stretch-line.cjs.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_domains_chat_activity_use_activity_disclosure = require("./use-activity-disclosure.cjs.js");
-const require_activity = require("../../../activity-QyLJcBKc.cjs");
+const require_activity = require("../../../activity-DAK8tj7r.cjs");
 const require_domains_chat_activity_components_activity_fold = require("./components/activity-fold.cjs.js");
 const require_domains_chat_activity_components_stretch_content = require("./components/stretch-content.cjs.js");
 const require_domains_chat_activity_model_activity_segments = require("./model/activity-segments.cjs.js");
@@ -26,13 +26,14 @@ function keepListedOpen(store, segments) {
 	if (only.kind === "calls") store.setOpen("group", only.calls.map((call) => call.key), true);
 }
 /** One collapsed line for a stretch of tool work and thinking, opening onto what it did. */
-function ActivityStretchLine({ members, live, elapsedMs }) {
+function ActivityStretchLine({ members, live, elapsedMs, current }) {
 	const store = require_domains_chat_activity_use_activity_disclosure.useDisclosureStore();
 	const keys = members.map((member) => member.key);
 	const open = require_domains_chat_activity_use_activity_disclosure.useIsOpen(store, "line", keys);
-	if (members.length === 0) return null;
+	if (members.length === 0 && !live) return null;
 	const listed = members.filter(isListed);
 	const segments = require_domains_chat_activity_model_activity_segments.activitySegments(listed);
+	const calls = current ?? members.filter(isCall);
 	function toggle(next) {
 		store.setOpen("line", keys, next);
 		if (next) keepListedOpen(store, segments);
@@ -41,7 +42,8 @@ function ActivityStretchLine({ members, live, elapsedMs }) {
 		value: store,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_chat_activity_components_activity_fold.ActivityFold, {
 			slot: "activity-stretch",
-			calls: members.filter(isCall),
+			calls,
+			indicator: true,
 			live,
 			elapsedMs,
 			open,

package/dist/domains/chat/activity/activity-stretch-line.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"activity-stretch-line.cjs.js","names":["hasReasoningText","useDisclosureStore","useIsOpen","activitySegments","ActivityDisclosureContext","ActivityFold","StretchContent"],"sources":["../../../../src/domains/chat/activity/activity-stretch-line.tsx"],"sourcesContent":["import { ActivityFold } from './components/activity-fold';\nimport { StretchContent } from './components/stretch-content';\nimport type { ActivityCall, ActivityMember } from './model/activity-members';\nimport { activitySegments } from './model/activity-segments';\nimport type { ActivitySegment } from './model/activity-segments';\nimport type { ActivityDisclosureStore } from './model/disclosure-store';\nimport { ActivityDisclosureContext, useDisclosureStore, useIsOpen } from './use-activity-disclosure';\nimport { hasReasoningText } from '@/ds/components/ai/activity';\n\nexport interface ActivityStretchLineProps {\n  members: readonly ActivityMember[];\n  /** Still being written: reads what it is doing now, and its list follows the latest call. */\n  live: boolean;\n  /** From the first member to whatever ended the stretch. */\n  elapsedMs?: number;\n}\n\nfunction isCall(member: ActivityMember): member is ActivityCall {\n  return member.kind === 'call';\n}\n\nfunction isListed(member: ActivityMember): boolean {\n  return member.kind === 'call' || hasReasoningText(member.content);\n}\n\nfunction opensOnItsOwn(member: ActivityMember): boolean {\n  return member.kind === 'call' ? member.body !== undefined : hasReasoningText(member.content);\n}\n\n/** What the reader sees in a stretch opened on a lone call or list stays open once a thought or call joins it. */\nfunction keepListedOpen(store: ActivityDisclosureStore, segments: readonly ActivitySegment[]) {\n  const [only] = segments;\n  if (segments.length !== 1 || !only) return;\n  if (only.kind === 'call') {\n    store.setOpen('row', [only.key], true);\n    store.setOpen('group', [only.key], true);\n  }\n  if (only.kind === 'calls') {\n    store.setOpen(\n      'group',\n      only.calls.map(call => call.key),\n      true,\n    );\n  }\n}\n\n/** One collapsed line for a stretch of tool work and thinking, opening onto what it did. */\nexport function ActivityStretchLine({ members, live, elapsedMs }: ActivityStretchLineProps) {\n  const store = useDisclosureStore();\n  const keys = members.map(member => member.key);\n  const open = useIsOpen(store, 'line', keys);\n\n  if (members.length === 0) return null;\n  const listed = members.filter(isListed);\n  const segments = activitySegments(listed);\n\n  function toggle(next: boolean) {\n    store.setOpen('line', keys, next);\n    if (next) keepListedOpen(store, segments);\n  }\n\n  return (\n    <ActivityDisclosureContext value={store}>\n      <ActivityFold\n        slot=\"activity-stretch\"\n        calls={members.filter(isCall)}\n        live={live}\n        elapsedMs={elapsedMs}\n        open={open}\n        onOpenChange={toggle}\n        foldable={listed.length > 1 || listed.some(opensOnItsOwn)}\n        prominent\n      >\n        <StretchContent segments={segments} live={live} />\n      </ActivityFold>\n    </ActivityDisclosureContext>\n  );\n}\n"],"mappings":";;;;;;;;AAiBA,SAAS,OAAO,QAAgD;CAC9D,OAAO,OAAO,SAAS;AACzB;AAEA,SAAS,SAAS,QAAiC;CACjD,OAAO,OAAO,SAAS,UAAUA,iBAAAA,iBAAiB,OAAO,OAAO;AAClE;AAEA,SAAS,cAAc,QAAiC;CACtD,OAAO,OAAO,SAAS,SAAS,OAAO,SAAS,KAAA,IAAYA,iBAAAA,iBAAiB,OAAO,OAAO;AAC7F;;AAGA,SAAS,eAAe,OAAgC,UAAsC;CAC5F,MAAM,CAAC,QAAQ;CACf,IAAI,SAAS,WAAW,KAAK,CAAC,MAAM;CACpC,IAAI,KAAK,SAAS,QAAQ;EACxB,MAAM,QAAQ,OAAO,CAAC,KAAK,GAAG,GAAG,IAAI;EACrC,MAAM,QAAQ,SAAS,CAAC,KAAK,GAAG,GAAG,IAAI;CACzC;CACA,IAAI,KAAK,SAAS,SAChB,MAAM,QACJ,SACA,KAAK,MAAM,KAAI,SAAQ,KAAK,GAAG,GAC/B,IACF;AAEJ;;AAGA,SAAgB,oBAAoB,EAAE,SAAS,MAAM,aAAuC;CAC1F,MAAM,QAAQC,sDAAAA,mBAAmB;CACjC,MAAM,OAAO,QAAQ,KAAI,WAAU,OAAO,GAAG;CAC7C,MAAM,OAAOC,sDAAAA,UAAU,OAAO,QAAQ,IAAI;CAE1C,IAAI,QAAQ,WAAW,GAAG,OAAO;CACjC,MAAM,SAAS,QAAQ,OAAO,QAAQ;CACtC,MAAM,WAAWC,sDAAAA,iBAAiB,MAAM;CAExC,SAAS,OAAO,MAAe;EAC7B,MAAM,QAAQ,QAAQ,MAAM,IAAI;EAChC,IAAI,MAAM,eAAe,OAAO,QAAQ;CAC1C;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,sDAAAA,2BAAD;EAA2B,OAAO;EAChC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,uDAAAA,cAAD;GACE,MAAK;GACL,OAAO,QAAQ,OAAO,MAAM;GACtB;GACK;GACL;GACN,cAAc;GACd,UAAU,OAAO,SAAS,KAAK,OAAO,KAAK,aAAa;GACxD,WAAA;GAEA,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,yDAAAA,gBAAD;IAA0B;IAAgB;GAAO,CAAA;EACrC,CAAA;CACW,CAAA;AAE/B"}
+{"version":3,"file":"activity-stretch-line.cjs.js","names":["hasReasoningText","useDisclosureStore","useIsOpen","activitySegments","ActivityDisclosureContext","ActivityFold","StretchContent"],"sources":["../../../../src/domains/chat/activity/activity-stretch-line.tsx"],"sourcesContent":["import { ActivityFold } from './components/activity-fold';\nimport { StretchContent } from './components/stretch-content';\nimport type { ActivityCall, ActivityCallState, ActivityMember } from './model/activity-members';\nimport { activitySegments } from './model/activity-segments';\nimport type { ActivitySegment } from './model/activity-segments';\nimport type { ActivityDisclosureStore } from './model/disclosure-store';\nimport { ActivityDisclosureContext, useDisclosureStore, useIsOpen } from './use-activity-disclosure';\nimport { hasReasoningText } from '@/ds/components/ai/activity';\n\nexport interface ActivityStretchLineProps {\n  members: readonly ActivityMember[];\n  /** Still being written: reads what it is doing now, and its list follows the latest call. */\n  live: boolean;\n  /** From the first member to whatever ended the stretch. */\n  elapsedMs?: number;\n  /** The calls as they stand now, when a reveal still holds `members` back: the line reads and wears these. */\n  current?: readonly ActivityCallState[];\n}\n\nfunction isCall(member: ActivityMember): member is ActivityCall {\n  return member.kind === 'call';\n}\n\nfunction isListed(member: ActivityMember): boolean {\n  return member.kind === 'call' || hasReasoningText(member.content);\n}\n\nfunction opensOnItsOwn(member: ActivityMember): boolean {\n  return member.kind === 'call' ? member.body !== undefined : hasReasoningText(member.content);\n}\n\n/** What the reader sees in a stretch opened on a lone call or list stays open once a thought or call joins it. */\nfunction keepListedOpen(store: ActivityDisclosureStore, segments: readonly ActivitySegment[]) {\n  const [only] = segments;\n  if (segments.length !== 1 || !only) return;\n  if (only.kind === 'call') {\n    store.setOpen('row', [only.key], true);\n    store.setOpen('group', [only.key], true);\n  }\n  if (only.kind === 'calls') {\n    store.setOpen(\n      'group',\n      only.calls.map(call => call.key),\n      true,\n    );\n  }\n}\n\n/** One collapsed line for a stretch of tool work and thinking, opening onto what it did. */\nexport function ActivityStretchLine({ members, live, elapsedMs, current }: ActivityStretchLineProps) {\n  const store = useDisclosureStore();\n  const keys = members.map(member => member.key);\n  const open = useIsOpen(store, 'line', keys);\n\n  if (members.length === 0 && !live) return null;\n  const listed = members.filter(isListed);\n  const segments = activitySegments(listed);\n  const calls = current ?? members.filter(isCall);\n\n  function toggle(next: boolean) {\n    store.setOpen('line', keys, next);\n    if (next) keepListedOpen(store, segments);\n  }\n\n  return (\n    <ActivityDisclosureContext value={store}>\n      <ActivityFold\n        slot=\"activity-stretch\"\n        calls={calls}\n        indicator\n        live={live}\n        elapsedMs={elapsedMs}\n        open={open}\n        onOpenChange={toggle}\n        foldable={listed.length > 1 || listed.some(opensOnItsOwn)}\n        prominent\n      >\n        <StretchContent segments={segments} live={live} />\n      </ActivityFold>\n    </ActivityDisclosureContext>\n  );\n}\n"],"mappings":";;;;;;;;AAmBA,SAAS,OAAO,QAAgD;CAC9D,OAAO,OAAO,SAAS;AACzB;AAEA,SAAS,SAAS,QAAiC;CACjD,OAAO,OAAO,SAAS,UAAUA,iBAAAA,iBAAiB,OAAO,OAAO;AAClE;AAEA,SAAS,cAAc,QAAiC;CACtD,OAAO,OAAO,SAAS,SAAS,OAAO,SAAS,KAAA,IAAYA,iBAAAA,iBAAiB,OAAO,OAAO;AAC7F;;AAGA,SAAS,eAAe,OAAgC,UAAsC;CAC5F,MAAM,CAAC,QAAQ;CACf,IAAI,SAAS,WAAW,KAAK,CAAC,MAAM;CACpC,IAAI,KAAK,SAAS,QAAQ;EACxB,MAAM,QAAQ,OAAO,CAAC,KAAK,GAAG,GAAG,IAAI;EACrC,MAAM,QAAQ,SAAS,CAAC,KAAK,GAAG,GAAG,IAAI;CACzC;CACA,IAAI,KAAK,SAAS,SAChB,MAAM,QACJ,SACA,KAAK,MAAM,KAAI,SAAQ,KAAK,GAAG,GAC/B,IACF;AAEJ;;AAGA,SAAgB,oBAAoB,EAAE,SAAS,MAAM,WAAW,WAAqC;CACnG,MAAM,QAAQC,sDAAAA,mBAAmB;CACjC,MAAM,OAAO,QAAQ,KAAI,WAAU,OAAO,GAAG;CAC7C,MAAM,OAAOC,sDAAAA,UAAU,OAAO,QAAQ,IAAI;CAE1C,IAAI,QAAQ,WAAW,KAAK,CAAC,MAAM,OAAO;CAC1C,MAAM,SAAS,QAAQ,OAAO,QAAQ;CACtC,MAAM,WAAWC,sDAAAA,iBAAiB,MAAM;CACxC,MAAM,QAAQ,WAAW,QAAQ,OAAO,MAAM;CAE9C,SAAS,OAAO,MAAe;EAC7B,MAAM,QAAQ,QAAQ,MAAM,IAAI;EAChC,IAAI,MAAM,eAAe,OAAO,QAAQ;CAC1C;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,sDAAAA,2BAAD;EAA2B,OAAO;EAChC,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,uDAAAA,cAAD;GACE,MAAK;GACE;GACP,WAAA;GACM;GACK;GACL;GACN,cAAc;GACd,UAAU,OAAO,SAAS,KAAK,OAAO,KAAK,aAAa;GACxD,WAAA;GAEA,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,yDAAAA,gBAAD;IAA0B;IAAgB;GAAO,CAAA;EACrC,CAAA;CACW,CAAA;AAE/B"}

package/dist/domains/chat/activity/activity-stretch-line.es.js

@@ -1,5 +1,5 @@
 import { ActivityDisclosureContext, useDisclosureStore, useIsOpen } from "./use-activity-disclosure.es.js";
-import { r as hasReasoningText } from "../../../activity-ihrl0JtH.js";
+import { r as hasReasoningText } from "../../../activity-CM34JyW-.js";
 import { ActivityFold } from "./components/activity-fold.es.js";
 import { StretchContent } from "./components/stretch-content.es.js";
 import { activitySegments } from "./model/activity-segments.es.js";
@@ -25,13 +25,14 @@ function keepListedOpen(store, segments) {
 	if (only.kind === "calls") store.setOpen("group", only.calls.map((call) => call.key), true);
 }
 /** One collapsed line for a stretch of tool work and thinking, opening onto what it did. */
-function ActivityStretchLine({ members, live, elapsedMs }) {
+function ActivityStretchLine({ members, live, elapsedMs, current }) {
 	const store = useDisclosureStore();
 	const keys = members.map((member) => member.key);
 	const open = useIsOpen(store, "line", keys);
-	if (members.length === 0) return null;
+	if (members.length === 0 && !live) return null;
 	const listed = members.filter(isListed);
 	const segments = activitySegments(listed);
+	const calls = current ?? members.filter(isCall);
 	function toggle(next) {
 		store.setOpen("line", keys, next);
 		if (next) keepListedOpen(store, segments);
@@ -40,7 +41,8 @@ function ActivityStretchLine({ members, live, elapsedMs }) {
 		value: store,
 		children: /* @__PURE__ */ jsx(ActivityFold, {
 			slot: "activity-stretch",
-			calls: members.filter(isCall),
+			calls,
+			indicator: true,
 			live,
 			elapsedMs,
 			open,

package/dist/domains/chat/activity/activity-stretch-line.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"activity-stretch-line.es.js","names":[],"sources":["../../../../src/domains/chat/activity/activity-stretch-line.tsx"],"sourcesContent":["import { ActivityFold } from './components/activity-fold';\nimport { StretchContent } from './components/stretch-content';\nimport type { ActivityCall, ActivityMember } from './model/activity-members';\nimport { activitySegments } from './model/activity-segments';\nimport type { ActivitySegment } from './model/activity-segments';\nimport type { ActivityDisclosureStore } from './model/disclosure-store';\nimport { ActivityDisclosureContext, useDisclosureStore, useIsOpen } from './use-activity-disclosure';\nimport { hasReasoningText } from '@/ds/components/ai/activity';\n\nexport interface ActivityStretchLineProps {\n  members: readonly ActivityMember[];\n  /** Still being written: reads what it is doing now, and its list follows the latest call. */\n  live: boolean;\n  /** From the first member to whatever ended the stretch. */\n  elapsedMs?: number;\n}\n\nfunction isCall(member: ActivityMember): member is ActivityCall {\n  return member.kind === 'call';\n}\n\nfunction isListed(member: ActivityMember): boolean {\n  return member.kind === 'call' || hasReasoningText(member.content);\n}\n\nfunction opensOnItsOwn(member: ActivityMember): boolean {\n  return member.kind === 'call' ? member.body !== undefined : hasReasoningText(member.content);\n}\n\n/** What the reader sees in a stretch opened on a lone call or list stays open once a thought or call joins it. */\nfunction keepListedOpen(store: ActivityDisclosureStore, segments: readonly ActivitySegment[]) {\n  const [only] = segments;\n  if (segments.length !== 1 || !only) return;\n  if (only.kind === 'call') {\n    store.setOpen('row', [only.key], true);\n    store.setOpen('group', [only.key], true);\n  }\n  if (only.kind === 'calls') {\n    store.setOpen(\n      'group',\n      only.calls.map(call => call.key),\n      true,\n    );\n  }\n}\n\n/** One collapsed line for a stretch of tool work and thinking, opening onto what it did. */\nexport function ActivityStretchLine({ members, live, elapsedMs }: ActivityStretchLineProps) {\n  const store = useDisclosureStore();\n  const keys = members.map(member => member.key);\n  const open = useIsOpen(store, 'line', keys);\n\n  if (members.length === 0) return null;\n  const listed = members.filter(isListed);\n  const segments = activitySegments(listed);\n\n  function toggle(next: boolean) {\n    store.setOpen('line', keys, next);\n    if (next) keepListedOpen(store, segments);\n  }\n\n  return (\n    <ActivityDisclosureContext value={store}>\n      <ActivityFold\n        slot=\"activity-stretch\"\n        calls={members.filter(isCall)}\n        live={live}\n        elapsedMs={elapsedMs}\n        open={open}\n        onOpenChange={toggle}\n        foldable={listed.length > 1 || listed.some(opensOnItsOwn)}\n        prominent\n      >\n        <StretchContent segments={segments} live={live} />\n      </ActivityFold>\n    </ActivityDisclosureContext>\n  );\n}\n"],"mappings":";;;;;;;AAiBA,SAAS,OAAO,QAAgD;CAC9D,OAAO,OAAO,SAAS;AACzB;AAEA,SAAS,SAAS,QAAiC;CACjD,OAAO,OAAO,SAAS,UAAU,iBAAiB,OAAO,OAAO;AAClE;AAEA,SAAS,cAAc,QAAiC;CACtD,OAAO,OAAO,SAAS,SAAS,OAAO,SAAS,KAAA,IAAY,iBAAiB,OAAO,OAAO;AAC7F;;AAGA,SAAS,eAAe,OAAgC,UAAsC;CAC5F,MAAM,CAAC,QAAQ;CACf,IAAI,SAAS,WAAW,KAAK,CAAC,MAAM;CACpC,IAAI,KAAK,SAAS,QAAQ;EACxB,MAAM,QAAQ,OAAO,CAAC,KAAK,GAAG,GAAG,IAAI;EACrC,MAAM,QAAQ,SAAS,CAAC,KAAK,GAAG,GAAG,IAAI;CACzC;CACA,IAAI,KAAK,SAAS,SAChB,MAAM,QACJ,SACA,KAAK,MAAM,KAAI,SAAQ,KAAK,GAAG,GAC/B,IACF;AAEJ;;AAGA,SAAgB,oBAAoB,EAAE,SAAS,MAAM,aAAuC;CAC1F,MAAM,QAAQ,mBAAmB;CACjC,MAAM,OAAO,QAAQ,KAAI,WAAU,OAAO,GAAG;CAC7C,MAAM,OAAO,UAAU,OAAO,QAAQ,IAAI;CAE1C,IAAI,QAAQ,WAAW,GAAG,OAAO;CACjC,MAAM,SAAS,QAAQ,OAAO,QAAQ;CACtC,MAAM,WAAW,iBAAiB,MAAM;CAExC,SAAS,OAAO,MAAe;EAC7B,MAAM,QAAQ,QAAQ,MAAM,IAAI;EAChC,IAAI,MAAM,eAAe,OAAO,QAAQ;CAC1C;CAEA,OACE,oBAAC,2BAAD;EAA2B,OAAO;EAChC,UAAA,oBAAC,cAAD;GACE,MAAK;GACL,OAAO,QAAQ,OAAO,MAAM;GACtB;GACK;GACL;GACN,cAAc;GACd,UAAU,OAAO,SAAS,KAAK,OAAO,KAAK,aAAa;GACxD,WAAA;GAEA,UAAA,oBAAC,gBAAD;IAA0B;IAAgB;GAAO,CAAA;EACrC,CAAA;CACW,CAAA;AAE/B"}
+{"version":3,"file":"activity-stretch-line.es.js","names":[],"sources":["../../../../src/domains/chat/activity/activity-stretch-line.tsx"],"sourcesContent":["import { ActivityFold } from './components/activity-fold';\nimport { StretchContent } from './components/stretch-content';\nimport type { ActivityCall, ActivityCallState, ActivityMember } from './model/activity-members';\nimport { activitySegments } from './model/activity-segments';\nimport type { ActivitySegment } from './model/activity-segments';\nimport type { ActivityDisclosureStore } from './model/disclosure-store';\nimport { ActivityDisclosureContext, useDisclosureStore, useIsOpen } from './use-activity-disclosure';\nimport { hasReasoningText } from '@/ds/components/ai/activity';\n\nexport interface ActivityStretchLineProps {\n  members: readonly ActivityMember[];\n  /** Still being written: reads what it is doing now, and its list follows the latest call. */\n  live: boolean;\n  /** From the first member to whatever ended the stretch. */\n  elapsedMs?: number;\n  /** The calls as they stand now, when a reveal still holds `members` back: the line reads and wears these. */\n  current?: readonly ActivityCallState[];\n}\n\nfunction isCall(member: ActivityMember): member is ActivityCall {\n  return member.kind === 'call';\n}\n\nfunction isListed(member: ActivityMember): boolean {\n  return member.kind === 'call' || hasReasoningText(member.content);\n}\n\nfunction opensOnItsOwn(member: ActivityMember): boolean {\n  return member.kind === 'call' ? member.body !== undefined : hasReasoningText(member.content);\n}\n\n/** What the reader sees in a stretch opened on a lone call or list stays open once a thought or call joins it. */\nfunction keepListedOpen(store: ActivityDisclosureStore, segments: readonly ActivitySegment[]) {\n  const [only] = segments;\n  if (segments.length !== 1 || !only) return;\n  if (only.kind === 'call') {\n    store.setOpen('row', [only.key], true);\n    store.setOpen('group', [only.key], true);\n  }\n  if (only.kind === 'calls') {\n    store.setOpen(\n      'group',\n      only.calls.map(call => call.key),\n      true,\n    );\n  }\n}\n\n/** One collapsed line for a stretch of tool work and thinking, opening onto what it did. */\nexport function ActivityStretchLine({ members, live, elapsedMs, current }: ActivityStretchLineProps) {\n  const store = useDisclosureStore();\n  const keys = members.map(member => member.key);\n  const open = useIsOpen(store, 'line', keys);\n\n  if (members.length === 0 && !live) return null;\n  const listed = members.filter(isListed);\n  const segments = activitySegments(listed);\n  const calls = current ?? members.filter(isCall);\n\n  function toggle(next: boolean) {\n    store.setOpen('line', keys, next);\n    if (next) keepListedOpen(store, segments);\n  }\n\n  return (\n    <ActivityDisclosureContext value={store}>\n      <ActivityFold\n        slot=\"activity-stretch\"\n        calls={calls}\n        indicator\n        live={live}\n        elapsedMs={elapsedMs}\n        open={open}\n        onOpenChange={toggle}\n        foldable={listed.length > 1 || listed.some(opensOnItsOwn)}\n        prominent\n      >\n        <StretchContent segments={segments} live={live} />\n      </ActivityFold>\n    </ActivityDisclosureContext>\n  );\n}\n"],"mappings":";;;;;;;AAmBA,SAAS,OAAO,QAAgD;CAC9D,OAAO,OAAO,SAAS;AACzB;AAEA,SAAS,SAAS,QAAiC;CACjD,OAAO,OAAO,SAAS,UAAU,iBAAiB,OAAO,OAAO;AAClE;AAEA,SAAS,cAAc,QAAiC;CACtD,OAAO,OAAO,SAAS,SAAS,OAAO,SAAS,KAAA,IAAY,iBAAiB,OAAO,OAAO;AAC7F;;AAGA,SAAS,eAAe,OAAgC,UAAsC;CAC5F,MAAM,CAAC,QAAQ;CACf,IAAI,SAAS,WAAW,KAAK,CAAC,MAAM;CACpC,IAAI,KAAK,SAAS,QAAQ;EACxB,MAAM,QAAQ,OAAO,CAAC,KAAK,GAAG,GAAG,IAAI;EACrC,MAAM,QAAQ,SAAS,CAAC,KAAK,GAAG,GAAG,IAAI;CACzC;CACA,IAAI,KAAK,SAAS,SAChB,MAAM,QACJ,SACA,KAAK,MAAM,KAAI,SAAQ,KAAK,GAAG,GAC/B,IACF;AAEJ;;AAGA,SAAgB,oBAAoB,EAAE,SAAS,MAAM,WAAW,WAAqC;CACnG,MAAM,QAAQ,mBAAmB;CACjC,MAAM,OAAO,QAAQ,KAAI,WAAU,OAAO,GAAG;CAC7C,MAAM,OAAO,UAAU,OAAO,QAAQ,IAAI;CAE1C,IAAI,QAAQ,WAAW,KAAK,CAAC,MAAM,OAAO;CAC1C,MAAM,SAAS,QAAQ,OAAO,QAAQ;CACtC,MAAM,WAAW,iBAAiB,MAAM;CACxC,MAAM,QAAQ,WAAW,QAAQ,OAAO,MAAM;CAE9C,SAAS,OAAO,MAAe;EAC7B,MAAM,QAAQ,QAAQ,MAAM,IAAI;EAChC,IAAI,MAAM,eAAe,OAAO,QAAQ;CAC1C;CAEA,OACE,oBAAC,2BAAD;EAA2B,OAAO;EAChC,UAAA,oBAAC,cAAD;GACE,MAAK;GACE;GACP,WAAA;GACM;GACK;GACL;GACN,cAAc;GACd,UAAU,OAAO,SAAS,KAAK,OAAO,KAAK,aAAa;GACxD,WAAA;GAEA,UAAA,oBAAC,gBAAD;IAA0B;IAAgB;GAAO,CAAA;EACrC,CAAA;CACW,CAAA;AAE/B"}

package/dist/domains/chat/activity/components/activity-fold.cjs.js

@@ -1,22 +1,54 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_utils = require("../../../../utils-uDc1ofX1.cjs");
 const require_Txt = require("../../../../Txt-BnoSqxKE.cjs");
-const require_activity = require("../../../../activity-QyLJcBKc.cjs");
+const require_AgentIndicator = require("../../../../AgentIndicator-to30W73z.cjs");
+const require_activity = require("../../../../activity-DAK8tj7r.cjs");
+const require_Arrival = require("../../../../Arrival-Cs1oWjo4.cjs");
+const require_components_Shimmer = require("../../../../components/Shimmer.cjs.js");
 const require_domains_chat_activity_model_activity_words = require("../model/activity-words.cjs.js");
 const require_domains_chat_activity_components_activity_timed_trigger = require("./activity-timed-trigger.cjs.js");
+const require_domains_chat_activity_components_use_fading_edge = require("./use-fading-edge.cjs.js");
+const require_domains_chat_activity_components_use_rolling_words = require("./use-rolling-words.cjs.js");
+let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
 // src/domains/chat/activity/components/activity-fold.tsx
+function FoldIcon({ pose, animates, live, fallback: Fallback }) {
+	if (!pose) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Fallback, { "aria-hidden": true });
+	if (!animates) {
+		const Glyph = require_AgentIndicator.agentGlyph(pose);
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Glyph, {});
+	}
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AgentIndicator.AgentIndicator, {
+		state: pose,
+		still: !live
+	});
+}
+var UNTRUNCATED = "shrink-0 whitespace-nowrap text-clip";
 function foldStatus(live, failed) {
 	if (live) return "running";
 	return failed ? "error" : "idle";
 }
 /** A line that says what its calls are doing, or did, and folds what it summarises. */
-function ActivityFold({ calls, live, elapsedMs, open, onOpenChange, foldable, prominent = false, slot, children }) {
+function ActivityFold({ calls, indicator = false, live, elapsedMs, open, onOpenChange, foldable, prominent = false, slot, children }) {
+	const [animates] = (0, react.useState)(live);
 	const words = live ? require_domains_chat_activity_model_activity_words.liveWords(calls) : require_domains_chat_activity_model_activity_words.settledWords(calls, elapsedMs);
 	const outcome = require_domains_chat_activity_model_activity_words.callsOutcome(calls);
 	const failed = !live && outcome.failed > 0;
 	const outcomeLabel = live ? "" : require_domains_chat_activity_model_activity_words.outcomeText(outcome, calls.length);
+	const spoken = [
+		words.label,
+		words.detail,
+		words.duration,
+		failed,
+		outcomeLabel
+	].join("\0");
+	const pose = indicator ? require_domains_chat_activity_model_activity_words.stretchPose(calls, live) : void 0;
+	const box = (0, react.useRef)(null);
+	const said = (0, react.useRef)(null);
+	const relative = require_activity.useRelativePaths();
+	require_domains_chat_activity_components_use_fading_edge.useFadingEdge(said, spoken);
+	require_domains_chat_activity_components_use_rolling_words.useRollingWords(box, said, spoken, animates);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_activity.Activity, {
 		"data-slot": slot,
 		appearance: "inline",
@@ -24,36 +56,57 @@ function ActivityFold({ calls, live, elapsedMs, open, onOpenChange, foldable, pr
 		open: foldable && open,
 		onOpenChange,
 		foldable,
-		"aria-label": require_domains_chat_activity_model_activity_words.wordsName(words),
+		"aria-label": require_domains_chat_activity_model_activity_words.wordsName({
+			...words,
+			detail: words.detail && relative(words.detail)
+		}),
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_domains_chat_activity_components_activity_timed_trigger.ActivityTimedTrigger, {
 			at: calls[0]?.startedAt,
-			className: require_utils.cn(prominent && "mb-2 border-b border-border pb-2"),
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_activity.ActivityHeader, { children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_activity.ActivityIcon, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(words.icon, { "aria-hidden": true }) }),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_activity.ActivityLabel, {
-					className: require_utils.cn(prominent && "text-body", !words.detail && "min-w-0 shrink"),
-					children: words.label
-				}),
-				words.detail && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_activity.ActivityDetail, {
-					className: require_utils.cn(prominent && "text-body-sm"),
-					children: words.detail
-				}),
-				words.duration && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_activity.ActivityLabel, {
-					className: require_utils.cn(prominent && "text-body", "-ml-1 tabular-nums"),
-					children: ["· ", words.duration]
-				}),
-				failed && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.X, {
-					size: 13,
-					role: "img",
-					"aria-label": "Failed",
-					className: "shrink-0 text-destructive-foreground"
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_activity.ActivityIcon, {
+					className: require_utils.cn(pose && "[&_svg]:size-4"),
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FoldIcon, {
+						pose,
+						animates,
+						live,
+						fallback: words.icon
+					})
 				}),
-				outcomeLabel && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Txt.Txt, {
-					as: "span",
-					variant: "meta",
-					tone: "muted",
-					className: "shrink-0 tabular-nums",
-					children: outcomeLabel
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					ref: box,
+					className: "relative flex min-w-0",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Shimmer.Shimmer, {
+						ref: said,
+						active: live,
+						className: "-my-1 flex min-w-0 items-center gap-2 overflow-hidden py-1",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Arrival.Unwatched, { children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_activity.ActivityLabel, {
+								className: require_utils.cn(prominent && "text-body font-medium", UNTRUNCATED),
+								children: words.label
+							}),
+							words.detail && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_activity.ActivityDetail, {
+								className: require_utils.cn(prominent && "text-body", UNTRUNCATED),
+								children: words.detail
+							}),
+							words.duration && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_activity.ActivityLabel, {
+								className: require_utils.cn(prominent && "text-body font-medium", "-ml-1 tabular-nums"),
+								children: ["· ", words.duration]
+							}),
+							failed && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.X, {
+								size: 13,
+								role: "img",
+								"aria-label": "Failed",
+								className: "shrink-0 text-destructive-foreground"
+							}),
+							outcomeLabel && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Txt.Txt, {
+								as: "span",
+								variant: "meta",
+								tone: "muted",
+								className: require_utils.cn("shrink-0 tabular-nums", prominent && "text-body-sm"),
+								children: outcomeLabel
+							})
+						] })
+					})
 				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_activity.ActivityDisclosure, {})
 			] })