@mastra/playground-ui 69.0.0-alpha.1 → 69.0.0-alpha.2

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-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';\nimport { iconSizeClasses } from '@/ds/icons/icon-size-classes';\nimport { cn } from '@/lib/utils';\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\n                    className={cn('flex min-w-0 shrink-0 items-center gap-1 text-muted-foreground', iconSizeClasses.sm)}\n                  >\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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"}
+{"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 zoom-safe-text 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';\nimport { iconSizeClasses } from '@/ds/icons/icon-size-classes';\nimport { cn } from '@/lib/utils';\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\n                    className={cn('flex min-w-0 shrink-0 items-center gap-1 text-muted-foreground', iconSizeClasses.sm)}\n                  >\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/SearchInput.cjs.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_components_Field = require("./Field.cjs.js");
-const require_input_group = require("../input-group-DBCilXjT.cjs");
+const require_input_group = require("../input-group-Da8HBo30.cjs");
 const require_merge_refs = require("../merge-refs-C0BDbPAW.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");

package/dist/components/SearchInput.es.js

@@ -1,5 +1,5 @@
 import { Field, FieldLabel } from "./Field.es.js";
-import { i as InputGroupInput, n as InputGroupAddon, r as InputGroupButton, t as InputGroup } from "../input-group-NV4ZzKOk.js";
+import { i as InputGroupInput, n as InputGroupAddon, r as InputGroupButton, t as InputGroup } from "../input-group-CCSyY4J5.js";
 import { t as mergeRefs } from "../merge-refs-BXb4SnRx.js";
 import { useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/SideDialog.cjs.js

@@ -2,7 +2,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_rolldown_runtime = require("../rolldown-runtime-CmQyd0Gu.cjs");
 const require_Button = require("../Button-BfICfyxD.cjs");
 const require_buttons_group = require("../buttons-group-DM6_Kohs.cjs");
-const require_CodeEditor = require("../CodeEditor-DHIDfP5g.cjs");
+const require_CodeEditor = require("../CodeEditor-zMSUzPdX.cjs");
 const require_copy_button = require("../copy-button-DuEUYvS2.cjs");
 const require_Section = require("../Section-B8MIbDDs.cjs");
 require("../primitives/raised-surface.cjs.js");

package/dist/components/SideDialog.es.js

@@ -1,6 +1,6 @@
 import { t as Button } from "../Button-Bi7aXd_G.js";
 import { t as ButtonsGroup } from "../buttons-group-DA_wORqQ.js";
-import { n as useCodemirrorTheme, s as codeFoldGutter } from "../CodeEditor-ZoBu3Gjw.js";
+import { n as useCodemirrorTheme, s as codeFoldGutter } from "../CodeEditor-BqAM9L7t.js";
 import { t as CopyButton } from "../copy-button-B-_Z6N6y.js";
 import { t as Section } from "../Section-C9Fgv-IF.js";
 import "../primitives/raised-surface.es.js";

package/dist/components/Textarea.cjs.js

@@ -9,7 +9,7 @@ let react = require("react");
 react = require_rolldown_runtime.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
 // src/ds/components/Textarea/textarea.tsx
-var textareaVariants = require_dist.cva(require_utils.cn("flex w-full text-foreground", require_primitives_transitions.controlStateColorTransition, "placeholder:text-muted-foreground placeholder:transition-opacity placeholder:duration-normal", "focus:placeholder:opacity-70 motion-reduce:placeholder:transition-none", "min-h-20 resize-y"), {
+var textareaVariants = require_dist.cva(require_utils.cn("flex w-full zoom-safe-text text-foreground", require_primitives_transitions.controlStateColorTransition, "placeholder:text-muted-foreground placeholder:transition-opacity placeholder:duration-normal", "focus:placeholder:opacity-70 motion-reduce:placeholder:transition-none", "min-h-20 resize-y"), {
 	variants: {
 		variant: {
 			default: require_utils.cn(require_primitives_form_element.inputSurfaceAndFocusStyle, "rounded-xl", require_primitives_form_element.sharedFormElementDisabledStyle),

package/dist/components/Textarea.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.cjs.js","names":["cva","cn","controlStateColorTransition","inputSurfaceAndFocusStyle","sharedFormElementDisabledStyle","unstyledFormElementStyle","TextareaControl","resolveFieldVariant","fieldErrorRim","deprecatedErrorAria"],"sources":["../../src/ds/components/Textarea/textarea.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\n\nimport {\n  deprecatedErrorAria,\n  fieldErrorRim,\n  inputSurfaceAndFocusStyle,\n  resolveFieldVariant,\n  sharedFormElementDisabledStyle,\n  unstyledFormElementStyle,\n} from '@/ds/primitives/form-element';\nimport type { DeprecatedFilledVariant } from '@/ds/primitives/form-element';\nimport { TextareaControl } from '@/ds/primitives/textarea-control';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nconst textareaVariants = cva(\n  cn(\n    'flex w-full text-foreground',\n    controlStateColorTransition,\n    'placeholder:text-muted-foreground placeholder:transition-opacity placeholder:duration-normal',\n    'focus:placeholder:opacity-70 motion-reduce:placeholder:transition-none',\n    // Textarea specific\n    'min-h-20 resize-y',\n  ),\n  {\n    variants: {\n      variant: {\n        default: cn(inputSurfaceAndFocusStyle, 'rounded-xl', sharedFormElementDisabledStyle),\n        unstyled: unstyledFormElementStyle,\n      },\n      // Text roles mirror the Input size scale so a Textarea reads at the same size as a\n      // sibling Input: a field value is 400 weight at every height.\n      size: {\n        sm: 'px-2 py-1.5 text-caption',\n        md: 'px-2.5 py-1.5 text-body-sm',\n        lg: 'px-3 py-2 text-body',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  },\n);\n\nexport type TextareaProps = Omit<React.ComponentProps<'textarea'>, 'size'> &\n  Omit<VariantProps<typeof textareaVariants>, 'variant'> & {\n    /** `filled` is a deprecated alias for `default`; both render the filled surface. */\n    variant?: VariantProps<typeof textareaVariants>['variant'] | DeprecatedFilledVariant;\n    testId?: string;\n    /** @deprecated Wrap the control in `<Field invalid>`, or set `aria-invalid` on a control outside a `Field`. */\n    error?: boolean;\n  };\n\nfunction Textarea({ className, size, testId, variant, error, ...props }: TextareaProps) {\n  return (\n    <TextareaControl\n      className={cn(textareaVariants({ variant: resolveFieldVariant(variant), size }), fieldErrorRim, className)}\n      data-testid={testId}\n      {...deprecatedErrorAria(error)}\n      {...props}\n    />\n  );\n}\n\nexport { Textarea };\n"],"mappings":";;;;;;;;;;;AAiBA,IAAM,mBAAmBA,aAAAA,IACvBC,cAAAA,GACE,+BACAC,+BAAAA,6BACA,gGACA,0EAEA,mBACF,GACA;CACE,UAAU;EACR,SAAS;GACP,SAASD,cAAAA,GAAGE,gCAAAA,2BAA2B,cAAcC,gCAAAA,8BAA8B;GACnF,UAAUC,gCAAAA;EACZ;EAGA,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;EACN;CACF;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;CACR;AACF,CACF;AAWA,SAAS,SAAS,EAAE,WAAW,MAAM,QAAQ,SAAS,OAAO,GAAG,SAAwB;CACtF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,oCAAAA,iBAAD;EACE,WAAWL,cAAAA,GAAG,iBAAiB;GAAE,SAASM,gCAAAA,oBAAoB,OAAO;GAAG;EAAK,CAAC,GAAGC,gCAAAA,eAAe,SAAS;EACzG,eAAa;EACb,GAAIC,gCAAAA,oBAAoB,KAAK;EAC7B,GAAI;CACL,CAAA;AAEL"}
+{"version":3,"file":"Textarea.cjs.js","names":["cva","cn","controlStateColorTransition","inputSurfaceAndFocusStyle","sharedFormElementDisabledStyle","unstyledFormElementStyle","TextareaControl","resolveFieldVariant","fieldErrorRim","deprecatedErrorAria"],"sources":["../../src/ds/components/Textarea/textarea.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\n\nimport {\n  deprecatedErrorAria,\n  fieldErrorRim,\n  inputSurfaceAndFocusStyle,\n  resolveFieldVariant,\n  sharedFormElementDisabledStyle,\n  unstyledFormElementStyle,\n} from '@/ds/primitives/form-element';\nimport type { DeprecatedFilledVariant } from '@/ds/primitives/form-element';\nimport { TextareaControl } from '@/ds/primitives/textarea-control';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nconst textareaVariants = cva(\n  cn(\n    'flex w-full zoom-safe-text text-foreground',\n    controlStateColorTransition,\n    'placeholder:text-muted-foreground placeholder:transition-opacity placeholder:duration-normal',\n    'focus:placeholder:opacity-70 motion-reduce:placeholder:transition-none',\n    // Textarea specific\n    'min-h-20 resize-y',\n  ),\n  {\n    variants: {\n      variant: {\n        default: cn(inputSurfaceAndFocusStyle, 'rounded-xl', sharedFormElementDisabledStyle),\n        unstyled: unstyledFormElementStyle,\n      },\n      // Text roles mirror the Input size scale so a Textarea reads at the same size as a\n      // sibling Input: a field value is 400 weight at every height.\n      size: {\n        sm: 'px-2 py-1.5 text-caption',\n        md: 'px-2.5 py-1.5 text-body-sm',\n        lg: 'px-3 py-2 text-body',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  },\n);\n\nexport type TextareaProps = Omit<React.ComponentProps<'textarea'>, 'size'> &\n  Omit<VariantProps<typeof textareaVariants>, 'variant'> & {\n    /** `filled` is a deprecated alias for `default`; both render the filled surface. */\n    variant?: VariantProps<typeof textareaVariants>['variant'] | DeprecatedFilledVariant;\n    testId?: string;\n    /** @deprecated Wrap the control in `<Field invalid>`, or set `aria-invalid` on a control outside a `Field`. */\n    error?: boolean;\n  };\n\nfunction Textarea({ className, size, testId, variant, error, ...props }: TextareaProps) {\n  return (\n    <TextareaControl\n      className={cn(textareaVariants({ variant: resolveFieldVariant(variant), size }), fieldErrorRim, className)}\n      data-testid={testId}\n      {...deprecatedErrorAria(error)}\n      {...props}\n    />\n  );\n}\n\nexport { Textarea };\n"],"mappings":";;;;;;;;;;;AAiBA,IAAM,mBAAmBA,aAAAA,IACvBC,cAAAA,GACE,8CACAC,+BAAAA,6BACA,gGACA,0EAEA,mBACF,GACA;CACE,UAAU;EACR,SAAS;GACP,SAASD,cAAAA,GAAGE,gCAAAA,2BAA2B,cAAcC,gCAAAA,8BAA8B;GACnF,UAAUC,gCAAAA;EACZ;EAGA,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;EACN;CACF;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;CACR;AACF,CACF;AAWA,SAAS,SAAS,EAAE,WAAW,MAAM,QAAQ,SAAS,OAAO,GAAG,SAAwB;CACtF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,oCAAAA,iBAAD;EACE,WAAWL,cAAAA,GAAG,iBAAiB;GAAE,SAASM,gCAAAA,oBAAoB,OAAO;GAAG;EAAK,CAAC,GAAGC,gCAAAA,eAAe,SAAS;EACzG,eAAa;EACb,GAAIC,gCAAAA,oBAAoB,KAAK;EAC7B,GAAI;CACL,CAAA;AAEL"}

package/dist/components/Textarea.es.js

@@ -6,7 +6,7 @@ import { t as cn } from "../utils-DQx8TpNT.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 // src/ds/components/Textarea/textarea.tsx
-var textareaVariants = cva(cn("flex w-full text-foreground", controlStateColorTransition, "placeholder:text-muted-foreground placeholder:transition-opacity placeholder:duration-normal", "focus:placeholder:opacity-70 motion-reduce:placeholder:transition-none", "min-h-20 resize-y"), {
+var textareaVariants = cva(cn("flex w-full zoom-safe-text text-foreground", controlStateColorTransition, "placeholder:text-muted-foreground placeholder:transition-opacity placeholder:duration-normal", "focus:placeholder:opacity-70 motion-reduce:placeholder:transition-none", "min-h-20 resize-y"), {
 	variants: {
 		variant: {
 			default: cn(inputSurfaceAndFocusStyle, "rounded-xl", sharedFormElementDisabledStyle),

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

@@ -1 +1 @@
-{"version":3,"file":"Textarea.es.js","names":[],"sources":["../../src/ds/components/Textarea/textarea.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\n\nimport {\n  deprecatedErrorAria,\n  fieldErrorRim,\n  inputSurfaceAndFocusStyle,\n  resolveFieldVariant,\n  sharedFormElementDisabledStyle,\n  unstyledFormElementStyle,\n} from '@/ds/primitives/form-element';\nimport type { DeprecatedFilledVariant } from '@/ds/primitives/form-element';\nimport { TextareaControl } from '@/ds/primitives/textarea-control';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nconst textareaVariants = cva(\n  cn(\n    'flex w-full text-foreground',\n    controlStateColorTransition,\n    'placeholder:text-muted-foreground placeholder:transition-opacity placeholder:duration-normal',\n    'focus:placeholder:opacity-70 motion-reduce:placeholder:transition-none',\n    // Textarea specific\n    'min-h-20 resize-y',\n  ),\n  {\n    variants: {\n      variant: {\n        default: cn(inputSurfaceAndFocusStyle, 'rounded-xl', sharedFormElementDisabledStyle),\n        unstyled: unstyledFormElementStyle,\n      },\n      // Text roles mirror the Input size scale so a Textarea reads at the same size as a\n      // sibling Input: a field value is 400 weight at every height.\n      size: {\n        sm: 'px-2 py-1.5 text-caption',\n        md: 'px-2.5 py-1.5 text-body-sm',\n        lg: 'px-3 py-2 text-body',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  },\n);\n\nexport type TextareaProps = Omit<React.ComponentProps<'textarea'>, 'size'> &\n  Omit<VariantProps<typeof textareaVariants>, 'variant'> & {\n    /** `filled` is a deprecated alias for `default`; both render the filled surface. */\n    variant?: VariantProps<typeof textareaVariants>['variant'] | DeprecatedFilledVariant;\n    testId?: string;\n    /** @deprecated Wrap the control in `<Field invalid>`, or set `aria-invalid` on a control outside a `Field`. */\n    error?: boolean;\n  };\n\nfunction Textarea({ className, size, testId, variant, error, ...props }: TextareaProps) {\n  return (\n    <TextareaControl\n      className={cn(textareaVariants({ variant: resolveFieldVariant(variant), size }), fieldErrorRim, className)}\n      data-testid={testId}\n      {...deprecatedErrorAria(error)}\n      {...props}\n    />\n  );\n}\n\nexport { Textarea };\n"],"mappings":";;;;;;;;AAiBA,IAAM,mBAAmB,IACvB,GACE,+BACA,6BACA,gGACA,0EAEA,mBACF,GACA;CACE,UAAU;EACR,SAAS;GACP,SAAS,GAAG,2BAA2B,cAAc,8BAA8B;GACnF,UAAU;EACZ;EAGA,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;EACN;CACF;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;CACR;AACF,CACF;AAWA,SAAS,SAAS,EAAE,WAAW,MAAM,QAAQ,SAAS,OAAO,GAAG,SAAwB;CACtF,OACE,oBAAC,iBAAD;EACE,WAAW,GAAG,iBAAiB;GAAE,SAAS,oBAAoB,OAAO;GAAG;EAAK,CAAC,GAAG,eAAe,SAAS;EACzG,eAAa;EACb,GAAI,oBAAoB,KAAK;EAC7B,GAAI;CACL,CAAA;AAEL"}
+{"version":3,"file":"Textarea.es.js","names":[],"sources":["../../src/ds/components/Textarea/textarea.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\n\nimport {\n  deprecatedErrorAria,\n  fieldErrorRim,\n  inputSurfaceAndFocusStyle,\n  resolveFieldVariant,\n  sharedFormElementDisabledStyle,\n  unstyledFormElementStyle,\n} from '@/ds/primitives/form-element';\nimport type { DeprecatedFilledVariant } from '@/ds/primitives/form-element';\nimport { TextareaControl } from '@/ds/primitives/textarea-control';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nconst textareaVariants = cva(\n  cn(\n    'flex w-full zoom-safe-text text-foreground',\n    controlStateColorTransition,\n    'placeholder:text-muted-foreground placeholder:transition-opacity placeholder:duration-normal',\n    'focus:placeholder:opacity-70 motion-reduce:placeholder:transition-none',\n    // Textarea specific\n    'min-h-20 resize-y',\n  ),\n  {\n    variants: {\n      variant: {\n        default: cn(inputSurfaceAndFocusStyle, 'rounded-xl', sharedFormElementDisabledStyle),\n        unstyled: unstyledFormElementStyle,\n      },\n      // Text roles mirror the Input size scale so a Textarea reads at the same size as a\n      // sibling Input: a field value is 400 weight at every height.\n      size: {\n        sm: 'px-2 py-1.5 text-caption',\n        md: 'px-2.5 py-1.5 text-body-sm',\n        lg: 'px-3 py-2 text-body',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  },\n);\n\nexport type TextareaProps = Omit<React.ComponentProps<'textarea'>, 'size'> &\n  Omit<VariantProps<typeof textareaVariants>, 'variant'> & {\n    /** `filled` is a deprecated alias for `default`; both render the filled surface. */\n    variant?: VariantProps<typeof textareaVariants>['variant'] | DeprecatedFilledVariant;\n    testId?: string;\n    /** @deprecated Wrap the control in `<Field invalid>`, or set `aria-invalid` on a control outside a `Field`. */\n    error?: boolean;\n  };\n\nfunction Textarea({ className, size, testId, variant, error, ...props }: TextareaProps) {\n  return (\n    <TextareaControl\n      className={cn(textareaVariants({ variant: resolveFieldVariant(variant), size }), fieldErrorRim, className)}\n      data-testid={testId}\n      {...deprecatedErrorAria(error)}\n      {...props}\n    />\n  );\n}\n\nexport { Textarea };\n"],"mappings":";;;;;;;;AAiBA,IAAM,mBAAmB,IACvB,GACE,8CACA,6BACA,gGACA,0EAEA,mBACF,GACA;CACE,UAAU;EACR,SAAS;GACP,SAAS,GAAG,2BAA2B,cAAc,8BAA8B;GACnF,UAAU;EACZ;EAGA,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;EACN;CACF;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;CACR;AACF,CACF;AAWA,SAAS,SAAS,EAAE,WAAW,MAAM,QAAQ,SAAS,OAAO,GAAG,SAAwB;CACtF,OACE,oBAAC,iBAAD;EACE,WAAW,GAAG,iBAAiB;GAAE,SAAS,oBAAoB,OAAO;GAAG;EAAK,CAAC,GAAG,eAAe,SAAS;EACzG,eAAa;EACb,GAAI,oBAAoB,KAAK;EAC7B,GAAI;CACL,CAAA;AAEL"}

package/dist/components/Tree.cjs.js

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Tree = require("../Tree-kgLG4IbP.cjs");
+const require_Tree = require("../Tree-6pubDJLQ.cjs");
 exports.Tree = require_Tree.Tree;

package/dist/components/Tree.es.js

@@ -1 +1 @@
-export { t as Tree } from "../Tree-D1_VJClB.js";
+export { t as Tree } from "../Tree-DpRLmis3.js";

package/dist/components/Workflow.cjs.js

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_Workflow = require("../Workflow-DIfTVqZs.cjs");
+const require_Workflow = require("../Workflow-CwIjxwC6.cjs");
 exports.BADGE_COLORS = require_Workflow.BADGE_COLORS;
 exports.BADGE_ICONS = require_Workflow.BADGE_ICONS;
 exports.WORKFLOW_BOUNDARY_NODE_TYPE = require_Workflow.WORKFLOW_BOUNDARY_NODE_TYPE;

package/dist/components/Workflow.es.js

@@ -1 +1 @@
-export { _ as BADGE_COLORS, v as BADGE_ICONS, u as WORKFLOW_BOUNDARY_NODE_TYPE, d as WORKFLOW_DATA_EDGE_TYPE, l as WorkflowBoundaryNode, w as WorkflowCanvasInsetContext, g as WorkflowClock, p as WorkflowCodeContent, r as WorkflowConditionCard, h as WorkflowConditionCardView, c as WorkflowDataEdgeView, a as WorkflowDebugControls, f as WorkflowEdgeDataButton, s as WorkflowGraphCanvas, i as WorkflowGraphPlaceholder, o as WorkflowNodeFrame, t as WorkflowStepAction, n as WorkflowStepActions, m as WorkflowStepCardView, C as WorkflowTypeBadge, y as getConditionIconAndColor, b as getConditionIndicator, x as getNodeBadgeInfo, S as getNodeIndicators, T as workflowFitOptions } from "../Workflow-CXRv3YXx.js";
+export { _ as BADGE_COLORS, v as BADGE_ICONS, u as WORKFLOW_BOUNDARY_NODE_TYPE, d as WORKFLOW_DATA_EDGE_TYPE, l as WorkflowBoundaryNode, w as WorkflowCanvasInsetContext, g as WorkflowClock, p as WorkflowCodeContent, r as WorkflowConditionCard, h as WorkflowConditionCardView, c as WorkflowDataEdgeView, a as WorkflowDebugControls, f as WorkflowEdgeDataButton, s as WorkflowGraphCanvas, i as WorkflowGraphPlaceholder, o as WorkflowNodeFrame, t as WorkflowStepAction, n as WorkflowStepActions, m as WorkflowStepCardView, C as WorkflowTypeBadge, y as getConditionIconAndColor, b as getConditionIndicator, x as getNodeBadgeInfo, S as getNodeIndicators, T as workflowFitOptions } from "../Workflow-BVVYys0W.js";

package/dist/components/ai/ask-user.cjs.js

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_ask_user = require("../../ask-user-DcnUNMM5.cjs");
+const require_ask_user = require("../../ask-user-DIYcPkoX.cjs");
 exports.AskUser = require_ask_user.AskUser;
 exports.AskUserBody = require_ask_user.AskUserBody;
 exports.AskUserContainer = require_ask_user.AskUserContainer;

package/dist/components/ai/ask-user.es.js

@@ -1 +1 @@
-export { t as AskUser, c as AskUserBody, c as Body, l as AskUserContainer, r as AskUserCustomAnswer, r as CustomAnswer, u as AskUserLabel, i as AskUserOptionItem, i as Option, d as AskUserOptionRow, a as AskUserOptions, a as Options, f as AskUserOutput, f as Output, p as AskUserPending, p as Pending, m as AskUserQuestion, m as Question, n as AskUserRoot, n as Root, o as AskUserSubmit, o as Submit, s as AskUserTextAnswer, s as TextAnswer } from "../../ask-user-D4ezQ6pt.js";
+export { t as AskUser, c as AskUserBody, c as Body, l as AskUserContainer, r as AskUserCustomAnswer, r as CustomAnswer, u as AskUserLabel, i as AskUserOptionItem, i as Option, d as AskUserOptionRow, a as AskUserOptions, a as Options, f as AskUserOutput, f as Output, p as AskUserPending, p as Pending, m as AskUserQuestion, m as Question, n as AskUserRoot, n as Root, o as AskUserSubmit, o as Submit, s as AskUserTextAnswer, s as TextAnswer } from "../../ask-user-CqzPUD9E.js";

package/dist/{date-time-range-picker-BUjjjvo8.js → date-time-range-picker-CJyhcug7.js}

@@ -1,7 +1,7 @@
 import { a as TriggerChevron, t as Button } from "./Button-Bi7aXd_G.js";
 import { DatePicker } from "./components/DateTimePicker.es.js";
 import { Field, FieldError } from "./components/Field.es.js";
-import { t as Input } from "./input-Cyit5ZSc.js";
+import { t as Input } from "./input-BNykbvOz.js";
 import { t as Txt } from "./Txt-5efBsb2p.js";
 import { t as ButtonsGroup } from "./buttons-group-DA_wORqQ.js";
 import { t as DropdownMenu } from "./dropdown-menu-jsf9D-J_.js";
@@ -369,4 +369,4 @@ function JoinReset({ reset, size, children }) {
 }
 export { DateTimeRangePicker as t };
 
-//# sourceMappingURL=date-time-range-picker-BUjjjvo8.js.map
+//# sourceMappingURL=date-time-range-picker-CJyhcug7.js.map

package/dist/{date-time-range-picker-BUjjjvo8.js.map → date-time-range-picker-CJyhcug7.js.map}

@@ -1 +1 @@
-{"version":3,"file":"date-time-range-picker-BUjjjvo8.js","names":[],"sources":["../src/ds/components/DateTimeRangePicker/custom-range-editor.tsx","../src/ds/components/DateTimeRangePicker/date-time-range-picker.tsx"],"sourcesContent":["import { differenceInCalendarMonths, format, isValid, parse, startOfDay, subMonths } from 'date-fns';\nimport { ArrowRight, Check, ChevronLeft } from 'lucide-react';\nimport { useId, useState } from 'react';\nimport type { DateRange } from 'react-day-picker';\nimport { Button } from '@/ds/components/Button/Button';\nimport { DatePicker } from '@/ds/components/DateTimePicker';\nimport { Field, FieldError } from '@/ds/components/Field';\nimport { Input } from '@/ds/components/Input';\nimport { Txt } from '@/ds/components/Txt';\n\nfunction formatDays(ms: number): string {\n  const days = Math.round(ms / (24 * 60 * 60 * 1000));\n  return `${days} day${days === 1 ? '' : 's'}`;\n}\n\n/** The draft day at the draft `HH:mm` time, or the start of the day when the time doesn't parse. */\nfunction combineDateAndTime(date: Date | undefined, timeStr: string): Date | undefined {\n  if (!date) return undefined;\n  const combined = parse(timeStr, 'HH:mm', startOfDay(date));\n  return isValid(combined) ? combined : startOfDay(date);\n}\n\nconst isTime = (timeStr: string) => isValid(parse(timeStr, 'HH:mm', new Date()));\n\n/** Why the drafts can't be applied, or `undefined` when they can. */\nfunction rangeProblem({\n  from,\n  to,\n  timesFilled,\n  maxRangeMs = Infinity,\n  firstDay,\n}: {\n  from: Date | undefined;\n  to: Date | undefined;\n  timesFilled: boolean;\n  maxRangeMs?: number;\n  firstDay: Date | undefined;\n}): string | undefined {\n  if (!timesFilled) return 'Enter a time for the start and end';\n  if (from && to && from > to) return 'Start date/time must be before end date/time';\n  if (from && to && to.getTime() - from.getTime() > maxRangeMs)\n    return `Range cannot be longer than ${formatDays(maxRangeMs)}`;\n  if (from && firstDay && from < firstDay) return `Range cannot start before ${format(firstDay, 'MMM d, yyyy')}`;\n  return undefined;\n}\n\n/** The left month of the two: the start's month when the range spans months, else the month before the end. */\nfunction firstShownMonth(from: Date | undefined, to: Date | undefined): Date | undefined {\n  if (from && to && differenceInCalendarMonths(to, from) >= 1) return from;\n  if (to) return subMonths(to, 1);\n  return from;\n}\n\nexport interface CustomRangeEditorProps {\n  dateFrom?: Date;\n  dateTo?: Date;\n  disabled?: boolean;\n  /** Widest range that can be applied, in milliseconds. */\n  maxRangeMs?: number;\n  /** Earliest day a range can start on. Days before it are disabled. */\n  minDate?: Date;\n  onApply: (from: Date | undefined, to: Date | undefined) => void;\n  onShowPresets: () => void;\n}\n\n/**\n * The custom range popover body: one two-month calendar where the first click picks the\n * start and the second the end, with both ends and their times under it. It mounts each time the\n * popover opens, so its drafts start from the current range.\n */\nexport function CustomRangeEditor({\n  dateFrom,\n  dateTo,\n  disabled,\n  maxRangeMs,\n  minDate,\n  onApply,\n  onShowPresets,\n}: CustomRangeEditorProps) {\n  const [range, setRange] = useState<DateRange | undefined>(\n    dateFrom || dateTo ? { from: dateFrom, to: dateTo } : undefined,\n  );\n  const [draftTimeFrom, setDraftTimeFrom] = useState(dateFrom ? format(dateFrom, 'HH:mm') : '00:00');\n  const [draftTimeTo, setDraftTimeTo] = useState(dateTo ? format(dateTo, 'HH:mm') : '23:59');\n  const [applyAttempted, setApplyAttempted] = useState(false);\n  const errorId = useId();\n\n  const fromDate = combineDateAndTime(range?.from, draftTimeFrom);\n  const toDate = combineDateAndTime(range?.to, draftTimeTo);\n  const firstDay = minDate ? startOfDay(minDate) : undefined;\n  // A cleared time field would otherwise apply that end at midnight without saying so.\n  const timesFilled = (!range?.from || isTime(draftTimeFrom)) && (!range?.to || isTime(draftTimeTo));\n  const problem = rangeProblem({ from: fromDate, to: toDate, timesFilled, maxRangeMs, firstDay });\n  // Shown after a failed Apply, and gone as soon as the drafts form a valid range again.\n  const error = applyAttempted ? problem : undefined;\n\n  const apply = () => {\n    if (problem) {\n      setApplyAttempted(true);\n      return;\n    }\n    onApply(fromDate, toDate);\n  };\n\n  return (\n    <div className=\"flex flex-col\">\n      <div\n        role=\"group\"\n        aria-label=\"Custom date range\"\n        aria-invalid={error ? true : undefined}\n        aria-describedby={error ? errorId : undefined}\n      >\n        <DatePicker\n          mode=\"range\"\n          numberOfMonths={2}\n          // Side by side, a month's spill-over days repeat its neighbour's, range and all.\n          showOutsideDays={false}\n          resetOnSelect\n          selected={range}\n          onSelect={setRange}\n          defaultMonth={firstShownMonth(dateFrom, dateTo)}\n          disabled={disabled || (firstDay ? { before: firstDay } : undefined)}\n          startMonth={firstDay}\n        />\n        {/* Start and end share one grid: labels on the first row, values on the second, so\n          the arrow centres on the values whatever the labels do. */}\n        <div className=\"grid grid-cols-[1fr_auto_1fr] gap-x-2 gap-y-1 px-3 pb-3\">\n          <RangeEnd\n            label=\"Start\"\n            date={range?.from}\n            time={draftTimeFrom}\n            onTimeChange={setDraftTimeFrom}\n            disabled={disabled}\n          />\n          <ArrowRight aria-hidden className=\"col-start-2 row-start-2 size-4 self-center text-muted-foreground\" />\n          <RangeEnd label=\"End\" date={range?.to} time={draftTimeTo} onTimeChange={setDraftTimeTo} disabled={disabled} />\n        </div>\n      </div>\n      <Field invalid={Boolean(error)}>\n        <FieldError id={errorId} className=\"px-4 pb-1\">\n          {error}\n        </FieldError>\n      </Field>\n      <div className=\"flex items-center gap-2 border-t border-border px-3 py-2\">\n        <Button icon={<ChevronLeft />} variant=\"ghost\" size=\"sm\" disabled={disabled} onClick={onShowPresets}>\n          Presets\n        </Button>\n        <Button className=\"ml-auto\" icon={<Check />} variant=\"primary\" size=\"sm\" onClick={apply} disabled={disabled}>\n          Apply\n        </Button>\n      </div>\n    </div>\n  );\n}\n\nfunction RangeEnd({\n  label,\n  date,\n  time,\n  onTimeChange,\n  disabled,\n}: {\n  label: string;\n  date: Date | undefined;\n  time: string;\n  onTimeChange: (value: string) => void;\n  disabled?: boolean;\n}) {\n  return (\n    <div className=\"row-span-2 grid min-w-0 grid-rows-subgrid\">\n      <Txt as=\"span\" variant=\"column\" tone=\"muted\" className=\"px-1\">\n        {label}\n      </Txt>\n      <div className=\"flex items-center gap-1\">\n        <Txt as=\"span\" variant=\"label\" tone={date ? undefined : 'muted'} className=\"min-w-0 flex-1 truncate px-1\">\n          {date ? format(date, 'MMM d, yyyy') : 'Select a day'}\n        </Txt>\n        <Input\n          type=\"time\"\n          size=\"sm\"\n          aria-label={`${label} time`}\n          value={time}\n          onChange={e => onTimeChange(e.target.value)}\n          disabled={disabled}\n          className=\"w-24 shrink-0 [&::-webkit-calendar-picker-indicator]:hidden\"\n        />\n      </div>\n    </div>\n  );\n}\n","import { startOfDay } from 'date-fns';\nimport { CalendarIcon, XIcon } from 'lucide-react';\nimport { useState } from 'react';\nimport type { ReactNode, Ref } from 'react';\nimport { CustomRangeEditor } from './custom-range-editor';\nimport { Button, TriggerChevron } from '@/ds/components/Button/Button';\nimport type { TextButtonSize } from '@/ds/components/Button/Button';\nimport { ButtonsGroup } from '@/ds/components/ButtonsGroup/buttons-group';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu/dropdown-menu';\nimport { Popover, PopoverTrigger, PopoverContent } from '@/ds/components/Popover/popover';\nimport { cn } from '@/lib/utils';\n\nexport type DateRangePreset = 'all' | 'last-24h' | 'last-3d' | 'last-7d' | 'last-14d' | 'last-30d' | 'custom';\n\nconst DATE_PRESETS: { value: DateRangePreset; label: string; ms?: number }[] = [\n  { value: 'all', label: 'All' },\n  { value: 'last-24h', label: 'Last 24 hours', ms: 24 * 60 * 60 * 1000 },\n  { value: 'last-3d', label: 'Last 3 days', ms: 3 * 24 * 60 * 60 * 1000 },\n  { value: 'last-7d', label: 'Last 7 days', ms: 7 * 24 * 60 * 60 * 1000 },\n  { value: 'last-14d', label: 'Last 14 days', ms: 14 * 24 * 60 * 60 * 1000 },\n  { value: 'last-30d', label: 'Last 30 days', ms: 30 * 24 * 60 * 60 * 1000 },\n  { value: 'custom', label: 'Custom range...' },\n];\n\nconst sameTime = (a: Date | undefined, b: Date | undefined) => a?.getTime() === b?.getTime();\n\n/**\n * Whether a named range breaks the limits the custom editor enforces: it starts before\n * `minDate`'s day, or spans more than `maxRangeMs` (an open end counts up to now).\n */\nfunction outsideLimits(range: DateTimeRangePickerNamedRange, minDate?: Date, maxRangeMs?: number) {\n  const tooEarly = minDate !== undefined && range.from < startOfDay(minDate);\n  const span = (range.to ?? new Date()).getTime() - range.from.getTime();\n  const tooWide = maxRangeMs !== undefined && span > maxRangeMs;\n  return tooEarly || tooWide;\n}\n\nconst fmtClock = (d: Date) =>\n  d.toLocaleTimeString('en-US', d.getMinutes() === 0 ? { hour: 'numeric' } : { hour: 'numeric', minute: '2-digit' });\n\n/**\n * A custom range as day and time, kept short: `Oct 21, 2:05 PM – 4 PM` within one day,\n * `Oct 20, 12 AM – Oct 27, 9:30 AM` across days, with years only outside the current one.\n */\nfunction customRangeLabel(dateFrom: Date | undefined, dateTo: Date | undefined) {\n  const thisYear = new Date().getFullYear();\n  const withYear = [dateFrom, dateTo].some(d => d && d.getFullYear() !== thisYear);\n  const fmtDay = (d: Date) =>\n    d.toLocaleDateString('en-US', { month: 'short', day: 'numeric', ...(withYear && { year: 'numeric' }) });\n  const fmtMoment = (d: Date) => `${fmtDay(d)}, ${fmtClock(d)}`;\n\n  const start = dateFrom ? fmtMoment(dateFrom) : 'Start';\n  if (!dateTo) return `${start} \\u2013 End`;\n  const sameDay = dateFrom !== undefined && fmtDay(dateFrom) === fmtDay(dateTo);\n  return `${start} \\u2013 ${sameDay ? fmtClock(dateTo) : fmtMoment(dateTo)}`;\n}\n\n/** A fixed range offered beside the presets, e.g. the current billing period. */\nexport type DateTimeRangePickerNamedRange = { label: string; from: Date; to?: Date };\n\nexport interface DateTimeRangePickerProps {\n  preset?: DateRangePreset;\n  onPresetChange?: (preset: DateRangePreset) => void;\n  dateFrom?: Date;\n  dateTo?: Date;\n  onDateChange?: (value: Date | undefined, type: 'from' | 'to') => void;\n  /**\n   * Called once with both ends when a custom range is applied. When provided it replaces\n   * the two `onDateChange` calls for that step, so consumers can write the range atomically.\n   */\n  onDateRangeChange?: (from: Date | undefined, to: Date | undefined) => void;\n  disabled?: boolean;\n  /** Widest custom range that can be applied, in milliseconds. Presets are unaffected. */\n  maxRangeMs?: number;\n  /** Earliest day a custom range can start on, e.g. the oldest data still kept. Earlier days are disabled. */\n  minDate?: Date;\n  /** Subset of presets to show. If omitted, all presets are shown. */\n  presets?: readonly DateRangePreset[];\n  /**\n   * Fixed ranges listed above the presets, e.g. `{ label: 'This period', from: periodStart }`.\n   * Picking one applies it as a custom range; while it's applied the trigger shows its label.\n   */\n  namedRanges?: readonly DateTimeRangePickerNamedRange[];\n  /** Size of the trigger Button. Defaults to 'sm', the toolbar rung. */\n  size?: TextButtonSize;\n  /**\n   * The preset a custom range resets to. While a custom range is applied, a × joined to the\n   * trigger takes the chevron's place and switches back to it.\n   */\n  defaultPreset?: DateRangePreset;\n  /** Replaces what the reset × does, e.g. to undo a histogram zoom before falling back to `defaultPreset`. */\n  onReset?: () => void;\n  /** The trigger Button. */\n  ref?: Ref<HTMLButtonElement>;\n}\n\nexport function DateTimeRangePicker({\n  preset = 'all',\n  onPresetChange,\n  dateFrom,\n  dateTo,\n  onDateChange,\n  onDateRangeChange,\n  disabled,\n  maxRangeMs,\n  minDate,\n  presets,\n  namedRanges = [],\n  size = 'sm',\n  defaultPreset,\n  onReset,\n  ref,\n}: DateTimeRangePickerProps) {\n  const visiblePresets = presets ? DATE_PRESETS.filter(p => presets.includes(p.value)) : DATE_PRESETS;\n  const [customRangeOpen, setCustomRangeOpen] = useState(false);\n  const [presetMenuOpen, setPresetMenuOpen] = useState(false);\n  // The preset active before \"Custom range...\" was picked, until a range is applied.\n  // \"← Presets\" restores it instead of jumping to the first preset in the list.\n  const [presetBeforeCustom, setPresetBeforeCustom] = useState<DateRangePreset | undefined>();\n\n  // \"← Presets\" restores the previous preset through the parent, which may apply it a\n  // render later (e.g. a router URL update). Show it right away instead of \"custom\".\n  const restoringPreset = presetMenuOpen && preset === 'custom' ? presetBeforeCustom : undefined;\n  const shownPreset = restoringPreset ?? preset;\n  const datePresetLabel = DATE_PRESETS.find(p => p.value === shownPreset)?.label ?? 'All';\n\n  const applyPreset = (value: DateRangePreset) => {\n    onPresetChange?.(value);\n    const entry = DATE_PRESETS.find(p => p.value === value);\n    if (entry?.ms) {\n      onDateChange?.(new Date(Date.now() - entry.ms), 'from');\n      onDateChange?.(undefined, 'to');\n    } else {\n      onDateChange?.(undefined, 'from');\n      onDateChange?.(undefined, 'to');\n    }\n  };\n\n  const handlePresetSelect = (value: DateRangePreset) => {\n    setPresetMenuOpen(false);\n    if (value === 'custom') {\n      if (preset !== 'custom') setPresetBeforeCustom(preset);\n      onPresetChange?.(value);\n      setCustomRangeOpen(true);\n      return;\n    }\n    setPresetBeforeCustom(undefined);\n    applyPreset(value);\n  };\n\n  const applyCustomRange = (fromDate: Date | undefined, toDate: Date | undefined) => {\n    if (onDateRangeChange) {\n      onDateRangeChange(fromDate, toDate);\n    } else {\n      onDateChange?.(fromDate, 'from');\n      onDateChange?.(toDate, 'to');\n    }\n    setPresetBeforeCustom(undefined);\n    setCustomRangeOpen(false);\n  };\n\n  // Back to the preset list. Restores the preset the user came from; an applied custom\n  // range matches no preset, so it stays and the list shows \"Custom range...\" as current.\n  const showPresets = () => {\n    setCustomRangeOpen(false);\n    if (presetBeforeCustom) applyPreset(presetBeforeCustom);\n    setPresetMenuOpen(true);\n  };\n\n  // The applied custom range, when it is one of the named ranges.\n  const namedIndex =\n    shownPreset === 'custom' ? namedRanges.findIndex(r => sameTime(r.from, dateFrom) && sameTime(r.to, dateTo)) : -1;\n  const named = namedRanges[namedIndex];\n  const canReset = defaultPreset !== undefined && shownPreset === 'custom' && !named;\n  // A named range shows the preset list, unless \"Custom range...\" was picked to edit it.\n  const editingCustomRange = shownPreset === 'custom' && !presetMenuOpen && (!named || customRangeOpen);\n  const label = named ? named.label : shownPreset === 'custom' ? customRangeLabel(dateFrom, dateTo) : datePresetLabel;\n\n  const applyNamedRange = (range: DateTimeRangePickerNamedRange) => {\n    setPresetMenuOpen(false);\n    onPresetChange?.('custom');\n    applyCustomRange(range.from, range.to);\n  };\n  const trigger = (\n    <Button\n      ref={ref}\n      size={size}\n      disabled={disabled}\n      icon={<CalendarIcon />}\n      iconEnd={canReset ? undefined : <TriggerChevron />}\n    >\n      {label}\n    </Button>\n  );\n\n  return (\n    <JoinReset\n      size={size}\n      reset={\n        canReset && (\n          <ResetRangeButton size={size} disabled={disabled} onReset={onReset ?? (() => applyPreset(defaultPreset))} />\n        )\n      }\n    >\n      {editingCustomRange && (\n        <Popover open={customRangeOpen} onOpenChange={setCustomRangeOpen}>\n          <PopoverTrigger render={trigger} />\n          <PopoverContent align=\"start\" className={cn('w-auto p-0')}>\n            <CustomRangeEditor\n              dateFrom={dateFrom}\n              dateTo={dateTo}\n              disabled={disabled}\n              maxRangeMs={maxRangeMs}\n              minDate={minDate}\n              onApply={applyCustomRange}\n              onShowPresets={showPresets}\n            />\n          </PopoverContent>\n        </Popover>\n      )}\n      {!editingCustomRange && (\n        <DropdownMenu open={presetMenuOpen} onOpenChange={setPresetMenuOpen}>\n          <DropdownMenu.Trigger render={trigger} />\n          <DropdownMenu.Content align=\"start\">\n            {/* Items select on click (not onValueChange) so re-picking the checked\n              \"Custom range...\" still reopens the range editor. */}\n            <DropdownMenu.RadioGroup value={named ? `named-${namedIndex}` : shownPreset}>\n              {namedRanges.map((r, i) => (\n                <DropdownMenu.RadioItem\n                  key={`named-${i}`}\n                  value={`named-${i}`}\n                  disabled={outsideLimits(r, minDate, maxRangeMs)}\n                  closeOnClick\n                  onClick={() => applyNamedRange(r)}\n                >\n                  {r.label}\n                </DropdownMenu.RadioItem>\n              ))}\n              {namedRanges.length > 0 && <DropdownMenu.Separator />}\n              {visiblePresets.map(p => (\n                <DropdownMenu.RadioItem\n                  key={p.value}\n                  value={p.value}\n                  closeOnClick\n                  onClick={() => handlePresetSelect(p.value)}\n                >\n                  {p.label}\n                </DropdownMenu.RadioItem>\n              ))}\n            </DropdownMenu.RadioGroup>\n          </DropdownMenu.Content>\n        </DropdownMenu>\n      )}\n    </JoinReset>\n  );\n}\n\n/** Switches a custom range back to the picker's default preset. */\nfunction ResetRangeButton({\n  size,\n  disabled,\n  onReset,\n}: {\n  size: TextButtonSize;\n  disabled?: boolean;\n  onReset: () => void;\n}) {\n  return (\n    <Button\n      type=\"button\"\n      size={`icon-${size}` as const}\n      tooltip=\"Reset time range\"\n      disabled={disabled}\n      onClick={onReset}\n    >\n      <XIcon />\n    </Button>\n  );\n}\n\n/** The trigger alone, or joined with the reset × as one pill. */\nfunction JoinReset({ reset, size, children }: { reset: ReactNode; size: TextButtonSize; children: ReactNode }) {\n  if (!reset) return children;\n  return (\n    <ButtonsGroup size={size}>\n      {children}\n      {reset}\n    </ButtonsGroup>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"date-time-range-picker-CJyhcug7.js","names":[],"sources":["../src/ds/components/DateTimeRangePicker/custom-range-editor.tsx","../src/ds/components/DateTimeRangePicker/date-time-range-picker.tsx"],"sourcesContent":["import { differenceInCalendarMonths, format, isValid, parse, startOfDay, subMonths } from 'date-fns';\nimport { ArrowRight, Check, ChevronLeft } from 'lucide-react';\nimport { useId, useState } from 'react';\nimport type { DateRange } from 'react-day-picker';\nimport { Button } from '@/ds/components/Button/Button';\nimport { DatePicker } from '@/ds/components/DateTimePicker';\nimport { Field, FieldError } from '@/ds/components/Field';\nimport { Input } from '@/ds/components/Input';\nimport { Txt } from '@/ds/components/Txt';\n\nfunction formatDays(ms: number): string {\n  const days = Math.round(ms / (24 * 60 * 60 * 1000));\n  return `${days} day${days === 1 ? '' : 's'}`;\n}\n\n/** The draft day at the draft `HH:mm` time, or the start of the day when the time doesn't parse. */\nfunction combineDateAndTime(date: Date | undefined, timeStr: string): Date | undefined {\n  if (!date) return undefined;\n  const combined = parse(timeStr, 'HH:mm', startOfDay(date));\n  return isValid(combined) ? combined : startOfDay(date);\n}\n\nconst isTime = (timeStr: string) => isValid(parse(timeStr, 'HH:mm', new Date()));\n\n/** Why the drafts can't be applied, or `undefined` when they can. */\nfunction rangeProblem({\n  from,\n  to,\n  timesFilled,\n  maxRangeMs = Infinity,\n  firstDay,\n}: {\n  from: Date | undefined;\n  to: Date | undefined;\n  timesFilled: boolean;\n  maxRangeMs?: number;\n  firstDay: Date | undefined;\n}): string | undefined {\n  if (!timesFilled) return 'Enter a time for the start and end';\n  if (from && to && from > to) return 'Start date/time must be before end date/time';\n  if (from && to && to.getTime() - from.getTime() > maxRangeMs)\n    return `Range cannot be longer than ${formatDays(maxRangeMs)}`;\n  if (from && firstDay && from < firstDay) return `Range cannot start before ${format(firstDay, 'MMM d, yyyy')}`;\n  return undefined;\n}\n\n/** The left month of the two: the start's month when the range spans months, else the month before the end. */\nfunction firstShownMonth(from: Date | undefined, to: Date | undefined): Date | undefined {\n  if (from && to && differenceInCalendarMonths(to, from) >= 1) return from;\n  if (to) return subMonths(to, 1);\n  return from;\n}\n\nexport interface CustomRangeEditorProps {\n  dateFrom?: Date;\n  dateTo?: Date;\n  disabled?: boolean;\n  /** Widest range that can be applied, in milliseconds. */\n  maxRangeMs?: number;\n  /** Earliest day a range can start on. Days before it are disabled. */\n  minDate?: Date;\n  onApply: (from: Date | undefined, to: Date | undefined) => void;\n  onShowPresets: () => void;\n}\n\n/**\n * The custom range popover body: one two-month calendar where the first click picks the\n * start and the second the end, with both ends and their times under it. It mounts each time the\n * popover opens, so its drafts start from the current range.\n */\nexport function CustomRangeEditor({\n  dateFrom,\n  dateTo,\n  disabled,\n  maxRangeMs,\n  minDate,\n  onApply,\n  onShowPresets,\n}: CustomRangeEditorProps) {\n  const [range, setRange] = useState<DateRange | undefined>(\n    dateFrom || dateTo ? { from: dateFrom, to: dateTo } : undefined,\n  );\n  const [draftTimeFrom, setDraftTimeFrom] = useState(dateFrom ? format(dateFrom, 'HH:mm') : '00:00');\n  const [draftTimeTo, setDraftTimeTo] = useState(dateTo ? format(dateTo, 'HH:mm') : '23:59');\n  const [applyAttempted, setApplyAttempted] = useState(false);\n  const errorId = useId();\n\n  const fromDate = combineDateAndTime(range?.from, draftTimeFrom);\n  const toDate = combineDateAndTime(range?.to, draftTimeTo);\n  const firstDay = minDate ? startOfDay(minDate) : undefined;\n  // A cleared time field would otherwise apply that end at midnight without saying so.\n  const timesFilled = (!range?.from || isTime(draftTimeFrom)) && (!range?.to || isTime(draftTimeTo));\n  const problem = rangeProblem({ from: fromDate, to: toDate, timesFilled, maxRangeMs, firstDay });\n  // Shown after a failed Apply, and gone as soon as the drafts form a valid range again.\n  const error = applyAttempted ? problem : undefined;\n\n  const apply = () => {\n    if (problem) {\n      setApplyAttempted(true);\n      return;\n    }\n    onApply(fromDate, toDate);\n  };\n\n  return (\n    <div className=\"flex flex-col\">\n      <div\n        role=\"group\"\n        aria-label=\"Custom date range\"\n        aria-invalid={error ? true : undefined}\n        aria-describedby={error ? errorId : undefined}\n      >\n        <DatePicker\n          mode=\"range\"\n          numberOfMonths={2}\n          // Side by side, a month's spill-over days repeat its neighbour's, range and all.\n          showOutsideDays={false}\n          resetOnSelect\n          selected={range}\n          onSelect={setRange}\n          defaultMonth={firstShownMonth(dateFrom, dateTo)}\n          disabled={disabled || (firstDay ? { before: firstDay } : undefined)}\n          startMonth={firstDay}\n        />\n        {/* Start and end share one grid: labels on the first row, values on the second, so\n          the arrow centres on the values whatever the labels do. */}\n        <div className=\"grid grid-cols-[1fr_auto_1fr] gap-x-2 gap-y-1 px-3 pb-3\">\n          <RangeEnd\n            label=\"Start\"\n            date={range?.from}\n            time={draftTimeFrom}\n            onTimeChange={setDraftTimeFrom}\n            disabled={disabled}\n          />\n          <ArrowRight aria-hidden className=\"col-start-2 row-start-2 size-4 self-center text-muted-foreground\" />\n          <RangeEnd label=\"End\" date={range?.to} time={draftTimeTo} onTimeChange={setDraftTimeTo} disabled={disabled} />\n        </div>\n      </div>\n      <Field invalid={Boolean(error)}>\n        <FieldError id={errorId} className=\"px-4 pb-1\">\n          {error}\n        </FieldError>\n      </Field>\n      <div className=\"flex items-center gap-2 border-t border-border px-3 py-2\">\n        <Button icon={<ChevronLeft />} variant=\"ghost\" size=\"sm\" disabled={disabled} onClick={onShowPresets}>\n          Presets\n        </Button>\n        <Button className=\"ml-auto\" icon={<Check />} variant=\"primary\" size=\"sm\" onClick={apply} disabled={disabled}>\n          Apply\n        </Button>\n      </div>\n    </div>\n  );\n}\n\nfunction RangeEnd({\n  label,\n  date,\n  time,\n  onTimeChange,\n  disabled,\n}: {\n  label: string;\n  date: Date | undefined;\n  time: string;\n  onTimeChange: (value: string) => void;\n  disabled?: boolean;\n}) {\n  return (\n    <div className=\"row-span-2 grid min-w-0 grid-rows-subgrid\">\n      <Txt as=\"span\" variant=\"column\" tone=\"muted\" className=\"px-1\">\n        {label}\n      </Txt>\n      <div className=\"flex items-center gap-1\">\n        <Txt as=\"span\" variant=\"label\" tone={date ? undefined : 'muted'} className=\"min-w-0 flex-1 truncate px-1\">\n          {date ? format(date, 'MMM d, yyyy') : 'Select a day'}\n        </Txt>\n        <Input\n          type=\"time\"\n          size=\"sm\"\n          aria-label={`${label} time`}\n          value={time}\n          onChange={e => onTimeChange(e.target.value)}\n          disabled={disabled}\n          className=\"w-24 shrink-0 [&::-webkit-calendar-picker-indicator]:hidden\"\n        />\n      </div>\n    </div>\n  );\n}\n","import { startOfDay } from 'date-fns';\nimport { CalendarIcon, XIcon } from 'lucide-react';\nimport { useState } from 'react';\nimport type { ReactNode, Ref } from 'react';\nimport { CustomRangeEditor } from './custom-range-editor';\nimport { Button, TriggerChevron } from '@/ds/components/Button/Button';\nimport type { TextButtonSize } from '@/ds/components/Button/Button';\nimport { ButtonsGroup } from '@/ds/components/ButtonsGroup/buttons-group';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu/dropdown-menu';\nimport { Popover, PopoverTrigger, PopoverContent } from '@/ds/components/Popover/popover';\nimport { cn } from '@/lib/utils';\n\nexport type DateRangePreset = 'all' | 'last-24h' | 'last-3d' | 'last-7d' | 'last-14d' | 'last-30d' | 'custom';\n\nconst DATE_PRESETS: { value: DateRangePreset; label: string; ms?: number }[] = [\n  { value: 'all', label: 'All' },\n  { value: 'last-24h', label: 'Last 24 hours', ms: 24 * 60 * 60 * 1000 },\n  { value: 'last-3d', label: 'Last 3 days', ms: 3 * 24 * 60 * 60 * 1000 },\n  { value: 'last-7d', label: 'Last 7 days', ms: 7 * 24 * 60 * 60 * 1000 },\n  { value: 'last-14d', label: 'Last 14 days', ms: 14 * 24 * 60 * 60 * 1000 },\n  { value: 'last-30d', label: 'Last 30 days', ms: 30 * 24 * 60 * 60 * 1000 },\n  { value: 'custom', label: 'Custom range...' },\n];\n\nconst sameTime = (a: Date | undefined, b: Date | undefined) => a?.getTime() === b?.getTime();\n\n/**\n * Whether a named range breaks the limits the custom editor enforces: it starts before\n * `minDate`'s day, or spans more than `maxRangeMs` (an open end counts up to now).\n */\nfunction outsideLimits(range: DateTimeRangePickerNamedRange, minDate?: Date, maxRangeMs?: number) {\n  const tooEarly = minDate !== undefined && range.from < startOfDay(minDate);\n  const span = (range.to ?? new Date()).getTime() - range.from.getTime();\n  const tooWide = maxRangeMs !== undefined && span > maxRangeMs;\n  return tooEarly || tooWide;\n}\n\nconst fmtClock = (d: Date) =>\n  d.toLocaleTimeString('en-US', d.getMinutes() === 0 ? { hour: 'numeric' } : { hour: 'numeric', minute: '2-digit' });\n\n/**\n * A custom range as day and time, kept short: `Oct 21, 2:05 PM – 4 PM` within one day,\n * `Oct 20, 12 AM – Oct 27, 9:30 AM` across days, with years only outside the current one.\n */\nfunction customRangeLabel(dateFrom: Date | undefined, dateTo: Date | undefined) {\n  const thisYear = new Date().getFullYear();\n  const withYear = [dateFrom, dateTo].some(d => d && d.getFullYear() !== thisYear);\n  const fmtDay = (d: Date) =>\n    d.toLocaleDateString('en-US', { month: 'short', day: 'numeric', ...(withYear && { year: 'numeric' }) });\n  const fmtMoment = (d: Date) => `${fmtDay(d)}, ${fmtClock(d)}`;\n\n  const start = dateFrom ? fmtMoment(dateFrom) : 'Start';\n  if (!dateTo) return `${start} \\u2013 End`;\n  const sameDay = dateFrom !== undefined && fmtDay(dateFrom) === fmtDay(dateTo);\n  return `${start} \\u2013 ${sameDay ? fmtClock(dateTo) : fmtMoment(dateTo)}`;\n}\n\n/** A fixed range offered beside the presets, e.g. the current billing period. */\nexport type DateTimeRangePickerNamedRange = { label: string; from: Date; to?: Date };\n\nexport interface DateTimeRangePickerProps {\n  preset?: DateRangePreset;\n  onPresetChange?: (preset: DateRangePreset) => void;\n  dateFrom?: Date;\n  dateTo?: Date;\n  onDateChange?: (value: Date | undefined, type: 'from' | 'to') => void;\n  /**\n   * Called once with both ends when a custom range is applied. When provided it replaces\n   * the two `onDateChange` calls for that step, so consumers can write the range atomically.\n   */\n  onDateRangeChange?: (from: Date | undefined, to: Date | undefined) => void;\n  disabled?: boolean;\n  /** Widest custom range that can be applied, in milliseconds. Presets are unaffected. */\n  maxRangeMs?: number;\n  /** Earliest day a custom range can start on, e.g. the oldest data still kept. Earlier days are disabled. */\n  minDate?: Date;\n  /** Subset of presets to show. If omitted, all presets are shown. */\n  presets?: readonly DateRangePreset[];\n  /**\n   * Fixed ranges listed above the presets, e.g. `{ label: 'This period', from: periodStart }`.\n   * Picking one applies it as a custom range; while it's applied the trigger shows its label.\n   */\n  namedRanges?: readonly DateTimeRangePickerNamedRange[];\n  /** Size of the trigger Button. Defaults to 'sm', the toolbar rung. */\n  size?: TextButtonSize;\n  /**\n   * The preset a custom range resets to. While a custom range is applied, a × joined to the\n   * trigger takes the chevron's place and switches back to it.\n   */\n  defaultPreset?: DateRangePreset;\n  /** Replaces what the reset × does, e.g. to undo a histogram zoom before falling back to `defaultPreset`. */\n  onReset?: () => void;\n  /** The trigger Button. */\n  ref?: Ref<HTMLButtonElement>;\n}\n\nexport function DateTimeRangePicker({\n  preset = 'all',\n  onPresetChange,\n  dateFrom,\n  dateTo,\n  onDateChange,\n  onDateRangeChange,\n  disabled,\n  maxRangeMs,\n  minDate,\n  presets,\n  namedRanges = [],\n  size = 'sm',\n  defaultPreset,\n  onReset,\n  ref,\n}: DateTimeRangePickerProps) {\n  const visiblePresets = presets ? DATE_PRESETS.filter(p => presets.includes(p.value)) : DATE_PRESETS;\n  const [customRangeOpen, setCustomRangeOpen] = useState(false);\n  const [presetMenuOpen, setPresetMenuOpen] = useState(false);\n  // The preset active before \"Custom range...\" was picked, until a range is applied.\n  // \"← Presets\" restores it instead of jumping to the first preset in the list.\n  const [presetBeforeCustom, setPresetBeforeCustom] = useState<DateRangePreset | undefined>();\n\n  // \"← Presets\" restores the previous preset through the parent, which may apply it a\n  // render later (e.g. a router URL update). Show it right away instead of \"custom\".\n  const restoringPreset = presetMenuOpen && preset === 'custom' ? presetBeforeCustom : undefined;\n  const shownPreset = restoringPreset ?? preset;\n  const datePresetLabel = DATE_PRESETS.find(p => p.value === shownPreset)?.label ?? 'All';\n\n  const applyPreset = (value: DateRangePreset) => {\n    onPresetChange?.(value);\n    const entry = DATE_PRESETS.find(p => p.value === value);\n    if (entry?.ms) {\n      onDateChange?.(new Date(Date.now() - entry.ms), 'from');\n      onDateChange?.(undefined, 'to');\n    } else {\n      onDateChange?.(undefined, 'from');\n      onDateChange?.(undefined, 'to');\n    }\n  };\n\n  const handlePresetSelect = (value: DateRangePreset) => {\n    setPresetMenuOpen(false);\n    if (value === 'custom') {\n      if (preset !== 'custom') setPresetBeforeCustom(preset);\n      onPresetChange?.(value);\n      setCustomRangeOpen(true);\n      return;\n    }\n    setPresetBeforeCustom(undefined);\n    applyPreset(value);\n  };\n\n  const applyCustomRange = (fromDate: Date | undefined, toDate: Date | undefined) => {\n    if (onDateRangeChange) {\n      onDateRangeChange(fromDate, toDate);\n    } else {\n      onDateChange?.(fromDate, 'from');\n      onDateChange?.(toDate, 'to');\n    }\n    setPresetBeforeCustom(undefined);\n    setCustomRangeOpen(false);\n  };\n\n  // Back to the preset list. Restores the preset the user came from; an applied custom\n  // range matches no preset, so it stays and the list shows \"Custom range...\" as current.\n  const showPresets = () => {\n    setCustomRangeOpen(false);\n    if (presetBeforeCustom) applyPreset(presetBeforeCustom);\n    setPresetMenuOpen(true);\n  };\n\n  // The applied custom range, when it is one of the named ranges.\n  const namedIndex =\n    shownPreset === 'custom' ? namedRanges.findIndex(r => sameTime(r.from, dateFrom) && sameTime(r.to, dateTo)) : -1;\n  const named = namedRanges[namedIndex];\n  const canReset = defaultPreset !== undefined && shownPreset === 'custom' && !named;\n  // A named range shows the preset list, unless \"Custom range...\" was picked to edit it.\n  const editingCustomRange = shownPreset === 'custom' && !presetMenuOpen && (!named || customRangeOpen);\n  const label = named ? named.label : shownPreset === 'custom' ? customRangeLabel(dateFrom, dateTo) : datePresetLabel;\n\n  const applyNamedRange = (range: DateTimeRangePickerNamedRange) => {\n    setPresetMenuOpen(false);\n    onPresetChange?.('custom');\n    applyCustomRange(range.from, range.to);\n  };\n  const trigger = (\n    <Button\n      ref={ref}\n      size={size}\n      disabled={disabled}\n      icon={<CalendarIcon />}\n      iconEnd={canReset ? undefined : <TriggerChevron />}\n    >\n      {label}\n    </Button>\n  );\n\n  return (\n    <JoinReset\n      size={size}\n      reset={\n        canReset && (\n          <ResetRangeButton size={size} disabled={disabled} onReset={onReset ?? (() => applyPreset(defaultPreset))} />\n        )\n      }\n    >\n      {editingCustomRange && (\n        <Popover open={customRangeOpen} onOpenChange={setCustomRangeOpen}>\n          <PopoverTrigger render={trigger} />\n          <PopoverContent align=\"start\" className={cn('w-auto p-0')}>\n            <CustomRangeEditor\n              dateFrom={dateFrom}\n              dateTo={dateTo}\n              disabled={disabled}\n              maxRangeMs={maxRangeMs}\n              minDate={minDate}\n              onApply={applyCustomRange}\n              onShowPresets={showPresets}\n            />\n          </PopoverContent>\n        </Popover>\n      )}\n      {!editingCustomRange && (\n        <DropdownMenu open={presetMenuOpen} onOpenChange={setPresetMenuOpen}>\n          <DropdownMenu.Trigger render={trigger} />\n          <DropdownMenu.Content align=\"start\">\n            {/* Items select on click (not onValueChange) so re-picking the checked\n              \"Custom range...\" still reopens the range editor. */}\n            <DropdownMenu.RadioGroup value={named ? `named-${namedIndex}` : shownPreset}>\n              {namedRanges.map((r, i) => (\n                <DropdownMenu.RadioItem\n                  key={`named-${i}`}\n                  value={`named-${i}`}\n                  disabled={outsideLimits(r, minDate, maxRangeMs)}\n                  closeOnClick\n                  onClick={() => applyNamedRange(r)}\n                >\n                  {r.label}\n                </DropdownMenu.RadioItem>\n              ))}\n              {namedRanges.length > 0 && <DropdownMenu.Separator />}\n              {visiblePresets.map(p => (\n                <DropdownMenu.RadioItem\n                  key={p.value}\n                  value={p.value}\n                  closeOnClick\n                  onClick={() => handlePresetSelect(p.value)}\n                >\n                  {p.label}\n                </DropdownMenu.RadioItem>\n              ))}\n            </DropdownMenu.RadioGroup>\n          </DropdownMenu.Content>\n        </DropdownMenu>\n      )}\n    </JoinReset>\n  );\n}\n\n/** Switches a custom range back to the picker's default preset. */\nfunction ResetRangeButton({\n  size,\n  disabled,\n  onReset,\n}: {\n  size: TextButtonSize;\n  disabled?: boolean;\n  onReset: () => void;\n}) {\n  return (\n    <Button\n      type=\"button\"\n      size={`icon-${size}` as const}\n      tooltip=\"Reset time range\"\n      disabled={disabled}\n      onClick={onReset}\n    >\n      <XIcon />\n    </Button>\n  );\n}\n\n/** The trigger alone, or joined with the reset × as one pill. */\nfunction JoinReset({ reset, size, children }: { reset: ReactNode; size: TextButtonSize; children: ReactNode }) {\n  if (!reset) return children;\n  return (\n    <ButtonsGroup size={size}>\n      {children}\n      {reset}\n    </ButtonsGroup>\n  );\n}\n"],"mappings":"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"}

package/dist/{date-time-range-picker-2a-wUBTk.cjs → date-time-range-picker-Dhnuwa-U.cjs}

@@ -1,7 +1,7 @@
 const require_Button = require("./Button-BfICfyxD.cjs");
 const require_components_DateTimePicker = require("./components/DateTimePicker.cjs.js");
 const require_components_Field = require("./components/Field.cjs.js");
-const require_input = require("./input-BpnUsQSt.cjs");
+const require_input = require("./input-D_V0m95F.cjs");
 const require_Txt = require("./Txt-_00wWxTd.cjs");
 const require_buttons_group = require("./buttons-group-DM6_Kohs.cjs");
 const require_dropdown_menu = require("./dropdown-menu-D3D8USIY.cjs");
@@ -374,4 +374,4 @@ Object.defineProperty(exports, "DateTimeRangePicker", {
 	}
 });
 
-//# sourceMappingURL=date-time-range-picker-2a-wUBTk.cjs.map
+//# sourceMappingURL=date-time-range-picker-Dhnuwa-U.cjs.map