zidane-ui 9.0.4 → 9.1.3

package/dist/index.d.ts

@@ -4,6 +4,8 @@ import { Appearance, CONTRAST, ChipColors, ChipKind, DiffColors, DotColors, Reso
 import { defaultShikiTheme, shikiThemeFor } from "./code/shiki-theme.js";
 import { BRAND_MARKS, BrandMarkData, BrandMarkPath } from "./brands/marks.js";
 import { RowActionItem, RowActionsMenu, RowActionsMenuProps } from "./components/RowActionsMenu.js";
+import { CodeFrame, CodeFrameProps, CodeWrapProvider, CodeWrapProviderProps } from "./components/CodeFrame.js";
+import { HighlightedCode, HighlightedCodeProps } from "./code/HighlightedCode.js";
 import { Align, Anchor, Placement, Rect, Side, anchorNudge, placeSurface, useAnchoredPosition } from "./components/floating/useAnchoredPosition.js";
 import { Popover, PopoverProps, PopoverTriggerProps } from "./components/floating/Popover.js";
 import { CountBadge, CountBadgeProps, CountTone, TabPill, TabPillProps } from "./components/TabPill.js";
@@ -12,14 +14,12 @@ import { HoverCard, HoverCardProps, HoverCardTriggerProps } from "./components/f
 import { ResizeDrag, ResizeDragHandleProps, ResizeDragOptions, clampWidth, useResizeDrag } from "./hooks/useResizeDrag.js";
 import { CodeHighlighter, CodeHighlighterOptions, HighlightRequest, HighlightResponse, createCodeHighlighter } from "./code/highlighter.js";
 import { CodeHighlightProvider, CodeHighlightProviderProps, useCodeHighlight, useDocumentAppearance } from "./code/CodeHighlightProvider.js";
-import { HighlightedCode, HighlightedCodeProps } from "./code/HighlightedCode.js";
 import { DEFAULT_EDITOR_SETTINGS, EditorEnvironment, EditorEnvironmentProvider, EditorEnvironmentProviderProps, EditorSettings, useEditorEnvironment } from "./code/editor/environment.js";
 import { BrandMark, BrandMarkProps, BrandMarkSize, hasBrandMark } from "./components/BrandMark.js";
 import { Breadcrumb, BreadcrumbProps } from "./components/Breadcrumb.js";
 import { AddressBar, AddressBarProps, NavButton, NavButtonProps } from "./components/BrowserChrome.js";
 import { BrowserSignIn, BrowserSignInProps, BrowserSignInState } from "./components/BrowserSignIn.js";
 import { ChoiceCardOption, ChoiceCards, ChoiceCardsProps } from "./components/ChoiceCards.js";
-import { CodeFrame, CodeFrameProps, CodeWrapProvider, CodeWrapProviderProps } from "./components/CodeFrame.js";
 import { CopyButton, CopyButtonProps } from "./components/CopyButton.js";
 import { EditableTitle, EditableTitleProps } from "./components/EditableTitle.js";
 import { ErrorBoundary, ErrorBoundaryProps, ErrorDetails, ErrorDetailsProps, ErrorFallback, ErrorFallbackFrameProps, ErrorFallbackProps } from "./components/ErrorBoundary.js";
@@ -58,6 +58,7 @@ import { DEFAULT_LABELS, LabelOverrides, Labels, LabelsProvider, LabelsProviderP
 import { PaletteNotice, PalettePanel, PalettePanelProps, paletteVerb } from "./components/palette/PalettePanel.js";
 import { ErrorReport, ErrorReportOptions, ErrorReportSink, configureErrorReports, errorMessage, errorStacksShown, installRendererErrorHandlers, reportRendererError, resetReportedErrors } from "./components/report-error.js";
 import { KeyedStore, createKeyedStore, useKeyedValue } from "./hooks/keyed-store.js";
+import { PathDisplay, PathDisplayProvider, PathDisplayProviderProps, PathDisplayScope, PathDisplayScopeProps, useDisplayPath } from "./hooks/useDisplayPath.js";
 import { useMinuteTick } from "./hooks/useMinuteTick.js";
 import { scrollRootOf, useNearViewport } from "./hooks/useNearViewport.js";
 import { oneOf, parseBoolean, readPersisted, usePersistedState, writePersisted } from "./hooks/usePersistedState.js";
@@ -79,7 +80,8 @@ import { ACCENT_PRESETS, AccentPreset, presetFor } from "./theme/accents.js";
 import { DARK_LUMINANCE_THRESHOLD, Oklch, Rgb, capChroma, contrastRatio, ensureContrast, formatColor, isDark, luminance, mix, oklch, oklchToRgb, parseColor, readableOn, rgbToOklch, tintedNeutral, toOklch, withAlpha, withLightness } from "./theme/color.js";
 import { CssVarMap, contrastToCssVars, depthToCssVars, paletteToCssVars } from "./theme/css-vars.js";
 import { seedFromTheme } from "./theme/from-theme.js";
+import { IconCollection, RuntimeIconsOptions, watchRuntimeIcons } from "./theme/runtime-icons.js";
 import { themeCssVars, themeStylesheet } from "./theme/stylesheet.js";
 import { withoutTransitions } from "./theme/without-transitions.js";
-import { basename, compactPath, formatPathForCwd, splitPath } from "./path.js";
-export { ACCENT_PRESETS, AccentPreset, AddressBar, AddressBarProps, Align, Anchor, Appearance, ApplyMotionOptions, BRAND_MARKS, BTN_DANGER, BTN_DANGER_CONFIRM, BTN_LG_DANGER, BTN_LG_PRIMARY, BTN_LG_SECONDARY, BTN_LG_SOLID, BTN_PRIMARY, BTN_SECONDARY, BUILTIN_THEMES, BadgeTone, BrandMark, BrandMarkData, BrandMarkPath, BrandMarkProps, BrandMarkSize, Breadcrumb, BreadcrumbProps, BrowserSignIn, BrowserSignInProps, BrowserSignInState, ButtonVariant, CONFIRM_TITLE_ID, CONTRAST, Checkbox, CheckboxProps, ChipColors, ChipKind, ChoiceCardOption, ChoiceCards, ChoiceCardsProps, CodeFrame, CodeFrameProps, CodeHighlightProvider, CodeHighlightProviderProps, CodeHighlighter, CodeHighlighterOptions, CodePanel, CodePanelProps, CodeWrapProvider, CodeWrapProviderProps, ConfirmDialog, ConfirmDialogProps, ConfirmOptions, CopyButton, CopyButtonProps, CountBadge, CountBadgeProps, CountTone, Crossfade, CrossfadeProps, CssVarMap, DARK_LUMINANCE_THRESHOLD, DEFAULT_EDITOR_SETTINGS, DEFAULT_LABELS, DEFAULT_PANEL_MS, DEFAULT_THEME, DiffColors, DiffCounts, DiffCountsProps, DismissHandlers, DotColors, EditableTitle, EditableTitleProps, EditorEnvironment, EditorEnvironmentProvider, EditorEnvironmentProviderProps, EditorSettings, EmptyState, EmptyStateProps, ErrorBoundary, ErrorBoundaryProps, ErrorDetails, ErrorDetailsProps, ErrorFallback, ErrorFallbackFrameProps, ErrorFallbackProps, ErrorNote, ErrorNoteProps, ErrorReport, ErrorReportOptions, ErrorReportSink, FADE_KEYS, FIELD_LABEL_CLASS, FORM_CARD_CLASS, FloatingSurface, FloatingSurfaceProps, FormCard, FormCardProps, FormSection, FormSectionProps, Grow, GrowPresence, GrowProps, HOVER_MOTION, HeldWidth, HeldWidthProps, HighlightRequest, HighlightResponse, Highlighted, HighlightedCode, HighlightedCodeProps, HighlightedProps, HostRow, HostRowProps, HoverCard, HoverCardProps, HoverCardTriggerProps, HowItWorks, HowItWorksProps, HowItWorksStep, INPUT_CLASS, INSTANT, IconButton, IconButtonLook, IconButtonProps, IconButtonRenderProps, IconButtonSize, IconToggle, IconToggleProps, KeyCombo, KeyComboProps, Keycap, KeycapProps, KeyedStore, LabelOverrides, Labels, LabelsProvider, LabelsProviderProps, LayerOptions, LightboxItem, LoadError, LoadErrorProps, MAX_REAL_SCALE, MENU_FADE_RATIO, MOTIONS, MOTION_NAMES, MatchedTitle, MatchedTitleProps, MediaNav, type MediaNavProps, Menu, MenuNote, MenuNoteProps, MenuProps, MenuRow, MenuRowProps, MenuRowRenderProps, MenuSection, MenuSectionProps, MenuSeparator, MenuSeparatorProps, MenuSwitch, MenuSwitchProps, Meta, MetaChip, MetaChipProps, MetaProps, MotionLevel, MotionName, MotionPrefs, MotionProvider, MotionProviderProps, NavButton, NavButtonProps, NavRow, NavRowProps, Oklch, OpLine, OpLineProps, Overlay, OverlayProps, PANEL_ROW, PANEL_ROW_HOVER, PUNCTUATION_CODES, PaletteEntry, PaletteIcon, PaletteIconProps, PaletteKeys, PaletteList, PaletteListProps, PaletteNotice, PaletteOption, PaletteOptionProps, PalettePanel, PalettePanelProps, PaletteRow, PaletteRowData, PaletteRowProps, PaletteSection, PanelEmpty, PanelEmptyProps, PanelLoading, PanelLoadingProps, Placement, Popover, PopoverProps, PopoverState, PopoverTriggerProps, Presence, type Presence$1 as PresenceHandle, type PresenceOptions, PresenceProps, type PresenceState, PreviewWindow, PreviewWindowProps, REDUCED_FADE, ROW_BUTTON_CLASS, ROW_CLASS, ROW_HOST_CLASS, ROW_TRIGGER_CLASS, Raised, RaisedProps, Rect, ReorderTabState, ReorderTabs, ReorderTabsProps, ResizeDrag, ResizeDragHandleProps, ResizeDragOptions, ResolvedPalette, Rgb, RollDirection, RollingText, RollingTextProps, RowActionItem, RowActionsMenu, RowActionsMenuProps, RowBadge, RowBadgeProps, RowText, RowTextProps, SHIMMER_MS, SectionLabel, SectionLabelProps, SegmentSpinner, SegmentSpinnerProps, Segmented, SegmentedOption, SegmentedProps, SegmentedRow, SegmentedRowProps, Side, SliderRow, SliderRowProps, SmoothWidth, SmoothWidthProps, SphereShading, StepActions, StepActionsProps, StepFrame, StepFrameProps, Stepper, StepperProps, StepperStep, SurfaceLadder, SwapIcon, SwapIconProps, Swatch, SwatchPicker, SwatchPickerProps, Switch, SwitchGlyph, SwitchGlyphProps, SwitchProps, SwitchRow, SwitchRowProps, SyntaxStyles, SyntaxTokenStyle, TEXTAREA_CLASS, TabDragBounds, TabPill, TabPillProps, Theme, ThemeColors, ThemeDiff, ThemeSeed, ThemeSelect, ThemeSurfaces, ThemeThumb, ThemeThumbProps, TitleText, TitleTextProps, ToggleCard, ToggleCardProps, ToggleSwitch, ToggleSwitchProps, Tooltip, TooltipProps, Tray, TrayProps, ZoomableImage, type ZoomableImageHandle, type ZoomableImageProps, _resetKeyboardLayout, anchorNudge, applyMotionVars, basename, beginLayoutAnimation, buttonClass, capChroma, clampWidth, compactPath, configureErrorReports, contrastRatio, contrastToCssVars, createCodeHighlighter, createKeyedStore, cssMotionVars, currentMotionPrefs, currentMotionTransition, currentWithFade, defaultPaletteKeys, defaultShikiTheme, depthToCssVars, derivePalette, ensureContrast, errorMessage, errorStacksShown, extendLabels, fadeTransition, focusMenuRow, formatColor, formatPathForCwd, handleMenuKeyDown, hasBrandMark, iconButtonClass, inferAppearance, installRendererErrorHandlers, isDark, isLayoutAnimating, layoutKeyLabel, luminance, menuTransition, mix, motionTransition, motionVars, moveId, oklch, oklchToRgb, oneOf, paletteToCssVars, paletteVerb, panelMotionVars, parseBoolean, parseColor, placeSurface, presetFor, pulseLayout, readDurationVar, readExitMs, readMenuExitMs, readMotionMs, readPanelMs, readPersisted, readRollMs, readableOn, reportRendererError, resetReportedErrors, resolveTheme, returnFocus, rgbToOklch, rollCells, scrollRootOf, seedFromTheme, shikiThemeFor, splitPath, subscribeLayoutAnimating, syncShimmer, themeCssVars, themeStylesheet, tintedNeutral, toOklch, transitionState, typesStandIn, useAnchoredPosition, useCadencedValue, useCodeHighlight, useDismiss, useDocumentAppearance, useEditorEnvironment, useKeyboardLayout, useKeyedValue, useLabels, useLayer, useLightbox, useMenuTransition, useMinuteTick, useMotionLevel, useMotionPrefs, useMotionTransition, useNearViewport, usePersistedState, usePopover, usePresence, useReducedMotion, useResizeDrag, useRowHint, useScrollLock, useSprings, useStaysMounted, useTabDrag, useTabExit, useWithFade, withAlpha, withFade, withLightness, withoutTransitions, writePersisted };
+import { basename, compactPath, formatPathForCwd, splitPath, tildePath, tildeText } from "./path.js";
+export { ACCENT_PRESETS, AccentPreset, AddressBar, AddressBarProps, Align, Anchor, Appearance, ApplyMotionOptions, BRAND_MARKS, BTN_DANGER, BTN_DANGER_CONFIRM, BTN_LG_DANGER, BTN_LG_PRIMARY, BTN_LG_SECONDARY, BTN_LG_SOLID, BTN_PRIMARY, BTN_SECONDARY, BUILTIN_THEMES, BadgeTone, BrandMark, BrandMarkData, BrandMarkPath, BrandMarkProps, BrandMarkSize, Breadcrumb, BreadcrumbProps, BrowserSignIn, BrowserSignInProps, BrowserSignInState, ButtonVariant, CONFIRM_TITLE_ID, CONTRAST, Checkbox, CheckboxProps, ChipColors, ChipKind, ChoiceCardOption, ChoiceCards, ChoiceCardsProps, CodeFrame, CodeFrameProps, CodeHighlightProvider, CodeHighlightProviderProps, CodeHighlighter, CodeHighlighterOptions, CodePanel, CodePanelProps, CodeWrapProvider, CodeWrapProviderProps, ConfirmDialog, ConfirmDialogProps, ConfirmOptions, CopyButton, CopyButtonProps, CountBadge, CountBadgeProps, CountTone, Crossfade, CrossfadeProps, CssVarMap, DARK_LUMINANCE_THRESHOLD, DEFAULT_EDITOR_SETTINGS, DEFAULT_LABELS, DEFAULT_PANEL_MS, DEFAULT_THEME, DiffColors, DiffCounts, DiffCountsProps, DismissHandlers, DotColors, EditableTitle, EditableTitleProps, EditorEnvironment, EditorEnvironmentProvider, EditorEnvironmentProviderProps, EditorSettings, EmptyState, EmptyStateProps, ErrorBoundary, ErrorBoundaryProps, ErrorDetails, ErrorDetailsProps, ErrorFallback, ErrorFallbackFrameProps, ErrorFallbackProps, ErrorNote, ErrorNoteProps, ErrorReport, ErrorReportOptions, ErrorReportSink, FADE_KEYS, FIELD_LABEL_CLASS, FORM_CARD_CLASS, FloatingSurface, FloatingSurfaceProps, FormCard, FormCardProps, FormSection, FormSectionProps, Grow, GrowPresence, GrowProps, HOVER_MOTION, HeldWidth, HeldWidthProps, HighlightRequest, HighlightResponse, Highlighted, HighlightedCode, HighlightedCodeProps, HighlightedProps, HostRow, HostRowProps, HoverCard, HoverCardProps, HoverCardTriggerProps, HowItWorks, HowItWorksProps, HowItWorksStep, INPUT_CLASS, INSTANT, IconButton, IconButtonLook, IconButtonProps, IconButtonRenderProps, IconButtonSize, IconCollection, IconToggle, IconToggleProps, KeyCombo, KeyComboProps, Keycap, KeycapProps, KeyedStore, LabelOverrides, Labels, LabelsProvider, LabelsProviderProps, LayerOptions, LightboxItem, LoadError, LoadErrorProps, MAX_REAL_SCALE, MENU_FADE_RATIO, MOTIONS, MOTION_NAMES, MatchedTitle, MatchedTitleProps, MediaNav, type MediaNavProps, Menu, MenuNote, MenuNoteProps, MenuProps, MenuRow, MenuRowProps, MenuRowRenderProps, MenuSection, MenuSectionProps, MenuSeparator, MenuSeparatorProps, MenuSwitch, MenuSwitchProps, Meta, MetaChip, MetaChipProps, MetaProps, MotionLevel, MotionName, MotionPrefs, MotionProvider, MotionProviderProps, NavButton, NavButtonProps, NavRow, NavRowProps, Oklch, OpLine, OpLineProps, Overlay, OverlayProps, PANEL_ROW, PANEL_ROW_HOVER, PUNCTUATION_CODES, PaletteEntry, PaletteIcon, PaletteIconProps, PaletteKeys, PaletteList, PaletteListProps, PaletteNotice, PaletteOption, PaletteOptionProps, PalettePanel, PalettePanelProps, PaletteRow, PaletteRowData, PaletteRowProps, PaletteSection, PanelEmpty, PanelEmptyProps, PanelLoading, PanelLoadingProps, PathDisplay, PathDisplayProvider, PathDisplayProviderProps, PathDisplayScope, PathDisplayScopeProps, Placement, Popover, PopoverProps, PopoverState, PopoverTriggerProps, Presence, type Presence$1 as PresenceHandle, type PresenceOptions, PresenceProps, type PresenceState, PreviewWindow, PreviewWindowProps, REDUCED_FADE, ROW_BUTTON_CLASS, ROW_CLASS, ROW_HOST_CLASS, ROW_TRIGGER_CLASS, Raised, RaisedProps, Rect, ReorderTabState, ReorderTabs, ReorderTabsProps, ResizeDrag, ResizeDragHandleProps, ResizeDragOptions, ResolvedPalette, Rgb, RollDirection, RollingText, RollingTextProps, RowActionItem, RowActionsMenu, RowActionsMenuProps, RowBadge, RowBadgeProps, RowText, RowTextProps, RuntimeIconsOptions, SHIMMER_MS, SectionLabel, SectionLabelProps, SegmentSpinner, SegmentSpinnerProps, Segmented, SegmentedOption, SegmentedProps, SegmentedRow, SegmentedRowProps, Side, SliderRow, SliderRowProps, SmoothWidth, SmoothWidthProps, SphereShading, StepActions, StepActionsProps, StepFrame, StepFrameProps, Stepper, StepperProps, StepperStep, SurfaceLadder, SwapIcon, SwapIconProps, Swatch, SwatchPicker, SwatchPickerProps, Switch, SwitchGlyph, SwitchGlyphProps, SwitchProps, SwitchRow, SwitchRowProps, SyntaxStyles, SyntaxTokenStyle, TEXTAREA_CLASS, TabDragBounds, TabPill, TabPillProps, Theme, ThemeColors, ThemeDiff, ThemeSeed, ThemeSelect, ThemeSurfaces, ThemeThumb, ThemeThumbProps, TitleText, TitleTextProps, ToggleCard, ToggleCardProps, ToggleSwitch, ToggleSwitchProps, Tooltip, TooltipProps, Tray, TrayProps, ZoomableImage, type ZoomableImageHandle, type ZoomableImageProps, _resetKeyboardLayout, anchorNudge, applyMotionVars, basename, beginLayoutAnimation, buttonClass, capChroma, clampWidth, compactPath, configureErrorReports, contrastRatio, contrastToCssVars, createCodeHighlighter, createKeyedStore, cssMotionVars, currentMotionPrefs, currentMotionTransition, currentWithFade, defaultPaletteKeys, defaultShikiTheme, depthToCssVars, derivePalette, ensureContrast, errorMessage, errorStacksShown, extendLabels, fadeTransition, focusMenuRow, formatColor, formatPathForCwd, handleMenuKeyDown, hasBrandMark, iconButtonClass, inferAppearance, installRendererErrorHandlers, isDark, isLayoutAnimating, layoutKeyLabel, luminance, menuTransition, mix, motionTransition, motionVars, moveId, oklch, oklchToRgb, oneOf, paletteToCssVars, paletteVerb, panelMotionVars, parseBoolean, parseColor, placeSurface, presetFor, pulseLayout, readDurationVar, readExitMs, readMenuExitMs, readMotionMs, readPanelMs, readPersisted, readRollMs, readableOn, reportRendererError, resetReportedErrors, resolveTheme, returnFocus, rgbToOklch, rollCells, scrollRootOf, seedFromTheme, shikiThemeFor, splitPath, subscribeLayoutAnimating, syncShimmer, themeCssVars, themeStylesheet, tildePath, tildeText, tintedNeutral, toOklch, transitionState, typesStandIn, useAnchoredPosition, useCadencedValue, useCodeHighlight, useDismiss, useDisplayPath, useDocumentAppearance, useEditorEnvironment, useKeyboardLayout, useKeyedValue, useLabels, useLayer, useLightbox, useMenuTransition, useMinuteTick, useMotionLevel, useMotionPrefs, useMotionTransition, useNearViewport, usePersistedState, usePopover, usePresence, useReducedMotion, useResizeDrag, useRowHint, useScrollLock, useSprings, useStaysMounted, useTabDrag, useTabExit, useWithFade, watchRuntimeIcons, withAlpha, withFade, withLightness, withoutTransitions, writePersisted };

package/dist/index.js

@@ -70,6 +70,8 @@ import { scrollRootOf, useNearViewport } from "./hooks/useNearViewport.js";
 import { HighlightedCode } from "./code/HighlightedCode.js";
 import { DEFAULT_EDITOR_SETTINGS, EditorEnvironmentProvider, useEditorEnvironment } from "./code/editor/environment.js";
 import { createKeyedStore, useKeyedValue } from "./hooks/keyed-store.js";
+import { basename, compactPath, formatPathForCwd, splitPath, tildePath, tildeText } from "./path.js";
+import { PathDisplayProvider, PathDisplayScope, useDisplayPath } from "./hooks/useDisplayPath.js";
 import { useMinuteTick } from "./hooks/useMinuteTick.js";
 import { oneOf, parseBoolean, readPersisted, usePersistedState, writePersisted } from "./hooks/usePersistedState.js";
 import { clampWidth, useResizeDrag } from "./hooks/useResizeDrag.js";
@@ -78,8 +80,8 @@ import { ACCENT_PRESETS, presetFor } from "./theme/accents.js";
 import { contrastToCssVars, depthToCssVars, paletteToCssVars } from "./theme/css-vars.js";
 import { CONTRAST, derivePalette, inferAppearance } from "./theme/derive.js";
 import { seedFromTheme } from "./theme/from-theme.js";
+import { watchRuntimeIcons } from "./theme/runtime-icons.js";
 import { BUILTIN_THEMES, DEFAULT_THEME, resolveTheme } from "./theme/themes.js";
 import { themeCssVars, themeStylesheet } from "./theme/stylesheet.js";
 import { withoutTransitions } from "./theme/without-transitions.js";
-import { basename, compactPath, formatPathForCwd, splitPath } from "./path.js";
-export { ACCENT_PRESETS, AddressBar, BRAND_MARKS, BTN_DANGER, BTN_DANGER_CONFIRM, BTN_LG_DANGER, BTN_LG_PRIMARY, BTN_LG_SECONDARY, BTN_LG_SOLID, BTN_PRIMARY, BTN_SECONDARY, BUILTIN_THEMES, BrandMark, Breadcrumb, BrowserSignIn, CONFIRM_TITLE_ID, CONTRAST, Checkbox, ChoiceCards, CodeFrame, CodeHighlightProvider, CodePanel, CodeWrapProvider, ConfirmDialog, CopyButton, CountBadge, Crossfade, DARK_LUMINANCE_THRESHOLD, DEFAULT_EDITOR_SETTINGS, DEFAULT_LABELS, DEFAULT_PANEL_MS, DEFAULT_THEME, DiffCounts, EditableTitle, EditorEnvironmentProvider, EmptyState, ErrorBoundary, ErrorDetails, ErrorFallback, ErrorNote, FADE_KEYS, FIELD_LABEL_CLASS, FORM_CARD_CLASS, FloatingSurface, FormCard, FormSection, Grow, GrowPresence, HOVER_MOTION, HeldWidth, Highlighted, HighlightedCode, HostRow, HoverCard, HowItWorks, INPUT_CLASS, INSTANT, IconButton, IconToggle, KeyCombo, Keycap, LabelsProvider, LoadError, MAX_REAL_SCALE, MENU_FADE_RATIO, MOTIONS, MOTION_NAMES, MatchedTitle, MediaNav, Menu, MenuNote, MenuRow, MenuSection, MenuSeparator, MenuSwitch, Meta, MetaChip, MotionProvider, NavButton, NavRow, OpLine, Overlay, PANEL_ROW, PANEL_ROW_HOVER, PUNCTUATION_CODES, PaletteIcon, PaletteList, PaletteOption, PalettePanel, PaletteRow, PanelEmpty, PanelLoading, Popover, Presence, PreviewWindow, REDUCED_FADE, ROW_BUTTON_CLASS, ROW_CLASS, ROW_HOST_CLASS, ROW_TRIGGER_CLASS, Raised, ReorderTabs, RollingText, RowActionsMenu, RowBadge, RowText, SHIMMER_MS, SectionLabel, SegmentSpinner, Segmented, SegmentedRow, SliderRow, SmoothWidth, StepActions, StepFrame, Stepper, SwapIcon, SwatchPicker, Switch, SwitchGlyph, SwitchRow, TEXTAREA_CLASS, TabPill, ThemeThumb, TitleText, ToggleCard, ToggleSwitch, Tooltip, Tray, ZoomableImage, _resetKeyboardLayout, anchorNudge, applyMotionVars, basename, beginLayoutAnimation, buttonClass, capChroma, clampWidth, compactPath, configureErrorReports, contrastRatio, contrastToCssVars, createCodeHighlighter, createKeyedStore, cssMotionVars, currentMotionPrefs, currentMotionTransition, currentWithFade, defaultPaletteKeys, defaultShikiTheme, depthToCssVars, derivePalette, ensureContrast, errorMessage, errorStacksShown, extendLabels, fadeTransition, focusMenuRow, formatColor, formatPathForCwd, handleMenuKeyDown, hasBrandMark, iconButtonClass, inferAppearance, installRendererErrorHandlers, isDark, isLayoutAnimating, layoutKeyLabel, luminance, menuTransition, mix, motionTransition, motionVars, moveId, oklch, oklchToRgb, oneOf, paletteToCssVars, paletteVerb, panelMotionVars, parseBoolean, parseColor, placeSurface, presetFor, pulseLayout, readDurationVar, readExitMs, readMenuExitMs, readMotionMs, readPanelMs, readPersisted, readRollMs, readableOn, reportRendererError, resetReportedErrors, resolveTheme, returnFocus, rgbToOklch, rollCells, scrollRootOf, seedFromTheme, shikiThemeFor, splitPath, subscribeLayoutAnimating, syncShimmer, themeCssVars, themeStylesheet, tintedNeutral, toOklch, transitionState, typesStandIn, useAnchoredPosition, useCadencedValue, useCodeHighlight, useDismiss, useDocumentAppearance, useEditorEnvironment, useKeyboardLayout, useKeyedValue, useLabels, useLayer, useLightbox, useMenuTransition, useMinuteTick, useMotionLevel, useMotionPrefs, useMotionTransition, useNearViewport, usePersistedState, usePopover, usePresence, useReducedMotion, useResizeDrag, useRowHint, useScrollLock, useSprings, useStaysMounted, useTabDrag, useTabExit, useWithFade, withAlpha, withFade, withLightness, withoutTransitions, writePersisted };
+export { ACCENT_PRESETS, AddressBar, BRAND_MARKS, BTN_DANGER, BTN_DANGER_CONFIRM, BTN_LG_DANGER, BTN_LG_PRIMARY, BTN_LG_SECONDARY, BTN_LG_SOLID, BTN_PRIMARY, BTN_SECONDARY, BUILTIN_THEMES, BrandMark, Breadcrumb, BrowserSignIn, CONFIRM_TITLE_ID, CONTRAST, Checkbox, ChoiceCards, CodeFrame, CodeHighlightProvider, CodePanel, CodeWrapProvider, ConfirmDialog, CopyButton, CountBadge, Crossfade, DARK_LUMINANCE_THRESHOLD, DEFAULT_EDITOR_SETTINGS, DEFAULT_LABELS, DEFAULT_PANEL_MS, DEFAULT_THEME, DiffCounts, EditableTitle, EditorEnvironmentProvider, EmptyState, ErrorBoundary, ErrorDetails, ErrorFallback, ErrorNote, FADE_KEYS, FIELD_LABEL_CLASS, FORM_CARD_CLASS, FloatingSurface, FormCard, FormSection, Grow, GrowPresence, HOVER_MOTION, HeldWidth, Highlighted, HighlightedCode, HostRow, HoverCard, HowItWorks, INPUT_CLASS, INSTANT, IconButton, IconToggle, KeyCombo, Keycap, LabelsProvider, LoadError, MAX_REAL_SCALE, MENU_FADE_RATIO, MOTIONS, MOTION_NAMES, MatchedTitle, MediaNav, Menu, MenuNote, MenuRow, MenuSection, MenuSeparator, MenuSwitch, Meta, MetaChip, MotionProvider, NavButton, NavRow, OpLine, Overlay, PANEL_ROW, PANEL_ROW_HOVER, PUNCTUATION_CODES, PaletteIcon, PaletteList, PaletteOption, PalettePanel, PaletteRow, PanelEmpty, PanelLoading, PathDisplayProvider, PathDisplayScope, Popover, Presence, PreviewWindow, REDUCED_FADE, ROW_BUTTON_CLASS, ROW_CLASS, ROW_HOST_CLASS, ROW_TRIGGER_CLASS, Raised, ReorderTabs, RollingText, RowActionsMenu, RowBadge, RowText, SHIMMER_MS, SectionLabel, SegmentSpinner, Segmented, SegmentedRow, SliderRow, SmoothWidth, StepActions, StepFrame, Stepper, SwapIcon, SwatchPicker, Switch, SwitchGlyph, SwitchRow, TEXTAREA_CLASS, TabPill, ThemeThumb, TitleText, ToggleCard, ToggleSwitch, Tooltip, Tray, ZoomableImage, _resetKeyboardLayout, anchorNudge, applyMotionVars, basename, beginLayoutAnimation, buttonClass, capChroma, clampWidth, compactPath, configureErrorReports, contrastRatio, contrastToCssVars, createCodeHighlighter, createKeyedStore, cssMotionVars, currentMotionPrefs, currentMotionTransition, currentWithFade, defaultPaletteKeys, defaultShikiTheme, depthToCssVars, derivePalette, ensureContrast, errorMessage, errorStacksShown, extendLabels, fadeTransition, focusMenuRow, formatColor, formatPathForCwd, handleMenuKeyDown, hasBrandMark, iconButtonClass, inferAppearance, installRendererErrorHandlers, isDark, isLayoutAnimating, layoutKeyLabel, luminance, menuTransition, mix, motionTransition, motionVars, moveId, oklch, oklchToRgb, oneOf, paletteToCssVars, paletteVerb, panelMotionVars, parseBoolean, parseColor, placeSurface, presetFor, pulseLayout, readDurationVar, readExitMs, readMenuExitMs, readMotionMs, readPanelMs, readPersisted, readRollMs, readableOn, reportRendererError, resetReportedErrors, resolveTheme, returnFocus, rgbToOklch, rollCells, scrollRootOf, seedFromTheme, shikiThemeFor, splitPath, subscribeLayoutAnimating, syncShimmer, themeCssVars, themeStylesheet, tildePath, tildeText, tintedNeutral, toOklch, transitionState, typesStandIn, useAnchoredPosition, useCadencedValue, useCodeHighlight, useDismiss, useDisplayPath, useDocumentAppearance, useEditorEnvironment, useKeyboardLayout, useKeyedValue, useLabels, useLayer, useLightbox, useMenuTransition, useMinuteTick, useMotionLevel, useMotionPrefs, useMotionTransition, useNearViewport, usePersistedState, usePopover, usePresence, useReducedMotion, useResizeDrag, useRowHint, useScrollLock, useSprings, useStaysMounted, useTabDrag, useTabExit, useWithFade, watchRuntimeIcons, withAlpha, withFade, withLightness, withoutTransitions, writePersisted };

package/dist/keybindings/KeyCommands.js

@@ -1,7 +1,7 @@
-import { createKeyCommandRegistry } from "./headless/commands.js";
 import { getMergedKeybindings } from "./headless/overrides.js";
 import { loadOnce } from "./load-once.js";
 import { bindKeyListeners, useKeybindingsHost } from "./KeybindingsProvider.js";
+import { createKeyCommandRegistry } from "./headless/commands.js";
 import { jsx } from "react/jsx-runtime";
 import { createContext, useContext, useEffect, useLayoutEffect, useRef, useState, useSyncExternalStore } from "react";
 //#region src/keybindings/KeyCommands.tsx

package/dist/keybindings/KeybindingsProvider.js

@@ -1,7 +1,7 @@
 import { LabelsProvider } from "../labels.js";
 import { DEFAULT_KEYBINDINGS, KEYBINDING_DEF_BY_ACTION } from "./headless/catalog.js";
-import { getMergedKeybindings } from "./headless/overrides.js";
 import { bindingAllowedIn, keyScopeOf } from "./headless/key-scope.js";
+import { getMergedKeybindings } from "./headless/overrides.js";
 import { loadOnce } from "./load-once.js";
 import { matchesBinding } from "./match.js";
 import { jsx } from "react/jsx-runtime";

package/dist/keybindings/headless/index.js

@@ -1,6 +1,6 @@
 import { DEFAULT_KEYBINDINGS, KEYBINDING_DEFS, KEYBINDING_DEF_BY_ACTION, bindingAlternatives, parseBindingSpec, parseBindingSpecs } from "./catalog.js";
-import { createKeyCommandRegistry } from "./commands.js";
-import { createKeybindingOverrides, filterOverrides, getMergedKeybindings } from "./overrides.js";
 import { KEYSCOPE_ATTR, bindingAllowedIn, isTypingFocused, isTypingTarget, keyScopeOf } from "./key-scope.js";
+import { createKeybindingOverrides, filterOverrides, getMergedKeybindings } from "./overrides.js";
+import { createKeyCommandRegistry } from "./commands.js";
 import { DEFAULT_KEYBINDINGS_LABELS } from "./labels.js";
 export { DEFAULT_KEYBINDINGS, DEFAULT_KEYBINDINGS_LABELS, KEYBINDING_DEFS, KEYBINDING_DEF_BY_ACTION, KEYSCOPE_ATTR, bindingAllowedIn, bindingAlternatives, createKeyCommandRegistry, createKeybindingOverrides, filterOverrides, getMergedKeybindings, isTypingFocused, isTypingTarget, keyScopeOf, parseBindingSpec, parseBindingSpecs };

package/dist/keybindings/headless/overrides.js

@@ -1,5 +1,5 @@
-import { DEFAULT_KEYBINDINGS } from "./catalog.js";
 import { writable } from "../../chat/headless/store.js";
+import { DEFAULT_KEYBINDINGS } from "./catalog.js";
 //#region src/keybindings/headless/overrides.ts
 /**
 * The overrides model every `KeybindingsHost` shares: read the stored map,

package/dist/keybindings/index.d.ts

@@ -3,5 +3,6 @@ import { FooterHint, FooterHintProps, KeyHint, KeyHintProps } from "./KeyHint.js
 import { KeybindingHandlers, KeybindingsProvider, KeybindingsProviderProps, bindKeyListeners, useKeybindings, useKeybindingsHost, useMergedKeybindings } from "./KeybindingsProvider.js";
 import { useHelpKey } from "./useHelpKey.js";
 import { matchesBinding } from "./match.js";
+import { PressChordOptions, modIsMeta, pressChord, resolveChord } from "./press.js";
 import { useKeybindingsLabels } from "./useKeybindingsLabels.js";
-export { FooterHint, FooterHintProps, KeyCommandsProvider, KeyCommandsProviderProps, KeyHint, KeyHintProps, KeybindingHandlers, KeybindingsProvider, KeybindingsProviderProps, bindKeyListeners, matchesBinding, useHelpKey, useKeyCommandActions, useKeyCommandRegistry, useKeyCommands, useKeybindings, useKeybindingsHost, useKeybindingsLabels, useMergedKeybindings };
+export { FooterHint, FooterHintProps, KeyCommandsProvider, KeyCommandsProviderProps, KeyHint, KeyHintProps, KeybindingHandlers, KeybindingsProvider, KeybindingsProviderProps, PressChordOptions, bindKeyListeners, matchesBinding, modIsMeta, pressChord, resolveChord, useHelpKey, useKeyCommandActions, useKeyCommandRegistry, useKeyCommands, useKeybindings, useKeybindingsHost, useKeybindingsLabels, useMergedKeybindings };

package/dist/keybindings/index.js

@@ -1,7 +1,8 @@
+import { modIsMeta, pressChord, resolveChord } from "./press.js";
 import { matchesBinding } from "./match.js";
 import { KeybindingsProvider, bindKeyListeners, useKeybindings, useKeybindingsHost, useMergedKeybindings } from "./KeybindingsProvider.js";
 import { KeyCommandsProvider, useKeyCommandActions, useKeyCommandRegistry, useKeyCommands } from "./KeyCommands.js";
 import { useKeybindingsLabels } from "./useKeybindingsLabels.js";
 import { FooterHint, KeyHint } from "./KeyHint.js";
 import { useHelpKey } from "./useHelpKey.js";
-export { FooterHint, KeyCommandsProvider, KeyHint, KeybindingsProvider, bindKeyListeners, matchesBinding, useHelpKey, useKeyCommandActions, useKeyCommandRegistry, useKeyCommands, useKeybindings, useKeybindingsHost, useKeybindingsLabels, useMergedKeybindings };
+export { FooterHint, KeyCommandsProvider, KeyHint, KeybindingsProvider, bindKeyListeners, matchesBinding, modIsMeta, pressChord, resolveChord, useHelpKey, useKeyCommandActions, useKeyCommandRegistry, useKeyCommands, useKeybindings, useKeybindingsHost, useKeybindingsLabels, useMergedKeybindings };

package/dist/keybindings/press.d.ts

@@ -0,0 +1,27 @@
+//#region src/keybindings/press.d.ts
+/** Whether this platform's `mod` is ⌘. */
+declare function modIsMeta(): boolean;
+/**
+ * A chord with `mod` resolved: `cmd` on macOS, `ctrl` elsewhere. Other parts stay as written.
+ *
+ * @param chord - The chord (`'mod+shift+k'`).
+ * @param mac - Resolve `mod` to `cmd`. Default: this platform's.
+ */
+declare function resolveChord(chord: string, mac?: boolean): string;
+/** Options of {@link pressChord}. */
+interface PressChordOptions {
+  /** Resolve `mod` to `cmd`. Default: this platform's. */
+  mac?: boolean;
+  /** Where the key goes. Default: the focused element, else the body. */
+  target?: EventTarget;
+}
+/**
+ * Presses `chord` where focus is. Returns whether a binding took it (a listener called
+ * `preventDefault`). A chord that doesn't parse presses nothing and returns `false`.
+ *
+ * @param chord - The chord (`'mod+k'`, `'escape'`).
+ * @param options - How to resolve `mod`, and where the key goes.
+ */
+declare function pressChord(chord: string, options?: PressChordOptions): boolean;
+//#endregion
+export { PressChordOptions, modIsMeta, pressChord, resolveChord };

package/dist/keybindings/press.js

@@ -0,0 +1,67 @@
+import { parseBindingSpec } from "zidane/chat/pure";
+//#region src/keybindings/press.ts
+/**
+* Presses a chord as if the user typed it (`ctx.keymap.dispatch`): a
+* `keydown` dispatched where focus is, so the key command registry, the
+* dispatcher (`bindKeyListeners`) and any widget's own keys hear it as they
+* hear the user. `mod` is ⌘ on macOS and Ctrl elsewhere.
+*/
+/** `KeyboardEvent.key` of the spec names that differ from it. */
+const KEY_OF_NAME = {
+	return: "Enter",
+	escape: "Escape",
+	left: "ArrowLeft",
+	right: "ArrowRight",
+	up: "ArrowUp",
+	down: "ArrowDown",
+	space: " ",
+	tab: "Tab",
+	backspace: "Backspace",
+	delete: "Delete",
+	insert: "Insert",
+	pageup: "PageUp",
+	pagedown: "PageDown",
+	home: "Home",
+	end: "End"
+};
+/** Whether this platform's `mod` is ⌘. */
+function modIsMeta() {
+	return typeof navigator !== "undefined" && navigator.platform.toLowerCase().includes("mac");
+}
+/**
+* A chord with `mod` resolved: `cmd` on macOS, `ctrl` elsewhere. Other parts stay as written.
+*
+* @param chord - The chord (`'mod+shift+k'`).
+* @param mac - Resolve `mod` to `cmd`. Default: this platform's.
+*/
+function resolveChord(chord, mac = modIsMeta()) {
+	return chord.split("+").map((part) => part.trim().toLowerCase() === "mod" ? mac ? "cmd" : "ctrl" : part).join("+");
+}
+/**
+* Presses `chord` where focus is. Returns whether a binding took it (a listener called
+* `preventDefault`). A chord that doesn't parse presses nothing and returns `false`.
+*
+* @param chord - The chord (`'mod+k'`, `'escape'`).
+* @param options - How to resolve `mod`, and where the key goes.
+*/
+function pressChord(chord, options = {}) {
+	if (typeof document === "undefined") return false;
+	const parsed = parseBindingSpec(resolveChord(chord, options.mac));
+	if (!parsed) return false;
+	const name = parsed.name;
+	const key = KEY_OF_NAME[name] ?? (/^f\d{1,2}$/.test(name) ? name.toUpperCase() : name);
+	const event = new KeyboardEvent("keydown", {
+		key,
+		ctrlKey: parsed.ctrl,
+		shiftKey: parsed.shift,
+		altKey: parsed.alt,
+		metaKey: parsed.meta,
+		bubbles: true,
+		cancelable: true,
+		composed: true
+	});
+	(options.target ?? document.activeElement ?? document.body).dispatchEvent(event);
+	return event.defaultPrevented;
+}
+//#endregion
+export { modIsMeta, pressChord, resolveChord };

package/dist/machines/Banners.js

@@ -88,7 +88,7 @@ function MachineWaitingBanner({ machine, className = "", style }) {
 		role: "status",
 		children: [/* @__PURE__ */ jsx("span", {
 			"aria-hidden": true,
-			className: "i-ph-plugs text-zg-ui text-[var(--zg-warning,var(--zg-text-muted))]"
+			className: "i-ph-plugs text-zg-ui text-[var(--zg-warn)]"
 		}), /* @__PURE__ */ jsx("span", {
 			className: "text-zg-ui text-[var(--zg-text-muted)]",
 			children: labels.machinesWaiting(machine)

package/dist/machines/HostSyncPanel.js

@@ -2,8 +2,8 @@ import { BTN_SECONDARY } from "../components/button.js";
 import { Checkbox, OpLine, SegmentedRow } from "../components/Form.js";
 import { constant, useReadable } from "../chat/headless/store.js";
 import { machinesError } from "./headless/host.js";
-import { shortList, syncBlockedReason } from "./headless/sync.js";
 import { useMachinesConfirm, useMachinesHost, useMachinesLabels } from "./MachinesProvider.js";
+import { shortList, syncBlockedReason } from "./headless/sync.js";
 import { useHostCapabilities } from "./HostCapabilities.js";
 import { SyncAccounts } from "./SyncAccounts.js";
 import { SyncOutcomeBadge } from "./SyncOutcomeBadge.js";

package/dist/machines/HostsSection.js

@@ -3,11 +3,11 @@ import { ErrorNote, FormCard, FormSection, MetaChip } from "../components/Form.j
 import { constant, useReadable } from "../chat/headless/store.js";
 import { useMachinesConfirm, useMachinesHost, useMachinesLabels } from "./MachinesProvider.js";
 import { HostBadge } from "../chat/HostBadge.js";
+import { SettingFocusContext, SettingsPanel, SettingsPanelActions, SettingsPanelBody } from "../settings/section.js";
 import { agoText, hostStatusText, hostStatusTone } from "./headless/messages.js";
 import { HOST_CARD_ICON_CLASS, ServerCard } from "./ServerCard.js";
 import { AddServerForm } from "./AddServerForm.js";
 import { CapabilitiesView, CapabilityTags, useHostCapabilities } from "./HostCapabilities.js";
-import { SettingFocusContext, SettingsPanel, SettingsPanelActions, SettingsPanelBody } from "../settings/section.js";
 import { SyncOutcomeBadge } from "./SyncOutcomeBadge.js";
 import { HostSyncPanel, useHostSync } from "./HostSyncPanel.js";
 import { SettingsTutorial } from "../settings/SettingsTutorial.js";

package/dist/machines/SyncOutcomeBadge.js

@@ -1,7 +1,7 @@
 import { Tooltip } from "../components/Tooltip.js";
 import { MetaChip } from "../components/Form.js";
-import { syncOutcome } from "./headless/sync.js";
 import { useMachinesLabels } from "./MachinesProvider.js";
+import { syncOutcome } from "./headless/sync.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/machines/SyncOutcomeBadge.tsx
 const MAX_LINES = 12;

package/dist/machines/headless/index.js

@@ -1,8 +1,8 @@
 import { isMachinesError, isPermitted, machinesError } from "./host.js";
+import { DEFAULT_MACHINES_LABELS } from "./labels.js";
 import { createPresenceStore } from "./presence.js";
 import { createMachineLists, createOnlineMachines, lazyReadable } from "./stores.js";
 import { createHostSyncReads, shortList, syncBlockedReason, syncOutcome } from "./sync.js";
-import { DEFAULT_MACHINES_LABELS } from "./labels.js";
 import { UPDATE_BUSY_STATES, agoText, daemonStatusText, hostCheckMessage, hostCheckOkLine, hostStatusText, hostStatusTone, linkStateText, updateStateLine, uptimeText } from "./messages.js";
 import { hostOfSettingsFocus, hostSettingsFocus } from "./settings-focus.js";
 export { DEFAULT_MACHINES_LABELS, UPDATE_BUSY_STATES, agoText, createHostSyncReads, createMachineLists, createOnlineMachines, createPresenceStore, daemonStatusText, hostCheckMessage, hostCheckOkLine, hostOfSettingsFocus, hostSettingsFocus, hostStatusText, hostStatusTone, isMachinesError, isPermitted, lazyReadable, linkStateText, machinesError, shortList, syncBlockedReason, syncOutcome, updateStateLine, uptimeText };

package/dist/machines/headless/labels.d.ts

@@ -80,6 +80,7 @@ declare const DEFAULT_MACHINES_LABELS: {
   machinesUpdateStateDownloading: (latest?: string) => string;
   machinesUpdateStateReady: (latest?: string) => string;
   machinesUpdateStateWaiting: (latest?: string) => string;
+  machinesUpdateStateWaitingOn: (latest: string | undefined, blockers: ReadonlyArray<"work" | "terminals">, since: string) => string;
   machinesUpdateStateInstalling: (latest?: string) => string;
   machinesUpdateStateError: string;
   machinesUpdateRolledBack: (version: string) => string;

package/dist/machines/headless/labels.js

@@ -86,6 +86,7 @@ const DEFAULT_MACHINES_LABELS = {
 	machinesUpdateStateDownloading: (latest) => `Downloading ${latest ?? "the release"}…`,
 	machinesUpdateStateReady: (latest) => `${latest} is downloaded and verified, ready to install.`,
 	machinesUpdateStateWaiting: (latest) => `${latest} is ready. Waiting for runs and background tasks to pause.`,
+	machinesUpdateStateWaitingOn: (latest, blockers, since) => `${latest} is ready. Waiting since ${since} for ${blockers.map((b) => b === "work" ? "runs and background tasks" : "running terminals").join(" and ")} to finish.`,
 	machinesUpdateStateInstalling: (latest) => `Installing ${latest}. Runs continue after the restart.`,
 	machinesUpdateStateError: "The last check failed.",
 	machinesUpdateRolledBack: (version) => `${version} did not start: rolled back.`,

package/dist/machines/headless/messages.d.ts

@@ -62,8 +62,9 @@ declare const UPDATE_BUSY_STATES: ReadonlySet<ServerUpdateStatus$1['state']>;
  *
  * @param status - The update status.
  * @param labels - The label dictionary.
+ * @param now - The current time, epoch ms (how long a waiting install has waited).
  */
-declare function updateStateLine(status: ServerUpdateStatus$1, labels?: MachinesLabels): {
+declare function updateStateLine(status: ServerUpdateStatus$1, labels?: MachinesLabels, now?: number): {
   text: string;
   tone: MachinesTone;
 };

package/dist/machines/headless/messages.js

@@ -1,6 +1,6 @@
 import { DEFAULT_MACHINES_LABELS } from "./labels.js";
-import { hostStatusLabel } from "../../chat/headless/hosts.js";
 import { relativeTime } from "../../chat/headless/session-list.js";
+import { hostStatusLabel } from "../../chat/headless/hosts.js";
 import { MACHINE_LINK_STATE_TEXT } from "zidane/chat/pure";
 //#region src/machines/headless/messages.ts
 /**
@@ -117,8 +117,9 @@ const UPDATE_BUSY_STATES = /* @__PURE__ */ new Set([
 *
 * @param status - The update status.
 * @param labels - The label dictionary.
+* @param now - The current time, epoch ms (how long a waiting install has waited).
 */
-function updateStateLine(status, labels = DEFAULT_MACHINES_LABELS) {
+function updateStateLine(status, labels = DEFAULT_MACHINES_LABELS, now = Date.now()) {
 	if (!status.supported) return {
 		text: status.reason ?? labels.machinesUpdateOtherWay,
 		tone: "muted"
@@ -137,7 +138,7 @@ function updateStateLine(status, labels = DEFAULT_MACHINES_LABELS) {
 			tone: "warn"
 		};
 		case "waiting": return {
-			text: labels.machinesUpdateStateWaiting(status.latest),
+			text: status.waitingSince !== void 0 && status.waitingFor?.length ? labels.machinesUpdateStateWaitingOn(status.latest, status.waitingFor, agoText(status.waitingSince, now, labels)) : labels.machinesUpdateStateWaiting(status.latest),
 			tone: "warn"
 		};
 		case "installing": return {

package/dist/machines/settings-section.d.ts

@@ -1,5 +1,5 @@
-import { HostsSectionProps } from "./HostsSection.js";
 import { SettingsSection } from "../settings/headless/registry.js";
+import { HostsSectionProps } from "./HostsSection.js";
 import { PreferenceSectionOverrides } from "../settings/sections/descriptors.js";
 //#region src/machines/settings-section.d.ts
 /**

package/dist/onboarding/conversation.js

@@ -15,8 +15,25 @@ import { ONBOARDING_PREVIEW_EVENTS, TRANSCRIPT_PRESETS, transcriptPreset, transc
 * adds tabs to preview your settings and each preset before you apply one,
 * for a Settings page.
 */
-/** The sample conversation, with the chart and the notes its prompt attaches. */
-const SAMPLE = withPreviewAttachments(ONBOARDING_PREVIEW_EVENTS);
+/** The diagram the sample's answer ends on, so the preview shows the Diagrams setting at work. */
+const ANSWER_DIAGRAM = [
+	"```mermaid",
+	"flowchart LR",
+	"  R[Request] --> W{Under 20 a minute?}",
+	"  W -- yes --> H[Chat handler]",
+	"  W -- no --> L[429 with Retry-After]",
+	"```"
+].join("\n");
+/** The events with {@link ANSWER_DIAGRAM} after the last reply's text. */
+function withAnswerDiagram(events) {
+	const last = events.reduce((at, event, i) => event.kind === "markdown" ? i : at, -1);
+	return events.map((event, i) => i === last ? {
+		...event,
+		text: `${event.text}\n\n${ANSWER_DIAGRAM}`
+	} : event);
+}
+/** The sample conversation, with the chart and the notes its prompt attaches, and a diagram in its answer. */
+const SAMPLE = withAnswerDiagram(withPreviewAttachments(ONBOARDING_PREVIEW_EVENTS));
 /** The settings that change how the transcript draws the sample. */
 const OPTION_KEYS = [
 	"showRowIcons",
@@ -31,7 +48,8 @@ const OPTION_KEYS = [
 	"showRunReceipt",
 	"thinkingAutoExpand",
 	"showCacheNotices",
-	"showToolAttachments"
+	"showToolAttachments",
+	"renderDiagrams"
 ];
 /**
 * The transcript options that a set of settings gives: the keys it sets, the rest left to the transcript's defaults.

package/dist/onboarding/demos/features.d.ts

@@ -17,6 +17,10 @@ declare function AutocompleteDemo({ on, className, style }: AutocompleteDemoProp
 type AutoTitleDemoProps = DemoProps;
 /** Session titles: a session row whose title goes from the generic one to what the session is about. */
 declare function AutoTitleDemo({ on, className, style }: AutoTitleDemoProps): import("react").JSX.Element;
+/** Props of {@link RunEstimatesDemo}. */
+type RunEstimatesDemoProps = DemoProps;
+/** Time estimates: a running session's row counting down, and one of its subagents with its own time left. */
+declare function RunEstimatesDemo({ on, className, style }: RunEstimatesDemoProps): import("react").JSX.Element;
 /** Props of {@link SpacesDemo}. */
 type SpacesDemoProps = DemoProps;
 /** Spaces: the Personal and Work tabs, each with its own short session list. */
@@ -67,4 +71,4 @@ interface FeatureDemoProps extends DemoProps {
  */
 declare function FeatureDemo({ feature, on, className, style }: FeatureDemoProps): import("react").JSX.Element | null;
 //#endregion
-export { AutoTitleDemo, AutoTitleDemoProps, AutocompleteDemo, AutocompleteDemoProps, BrowserDemo, BrowserDemoProps, CodemodeDemo, CodemodeDemoProps, DaemonDemo, DaemonDemoProps, FeatureDemo, FeatureDemoProps, NotificationsDemo, NotificationsDemoProps, ProjectExtensionsDemo, ProjectExtensionsDemoProps, SpacesDemo, SpacesDemoProps, TerminalDemo, TerminalDemoProps, UpdatesDemo, UpdatesDemoProps, UsageDemo, UsageDemoProps, WebSearchDemo, WebSearchDemoProps, hasFeatureDemo };
+export { AutoTitleDemo, AutoTitleDemoProps, AutocompleteDemo, AutocompleteDemoProps, BrowserDemo, BrowserDemoProps, CodemodeDemo, CodemodeDemoProps, DaemonDemo, DaemonDemoProps, FeatureDemo, FeatureDemoProps, NotificationsDemo, NotificationsDemoProps, ProjectExtensionsDemo, ProjectExtensionsDemoProps, RunEstimatesDemo, RunEstimatesDemoProps, SpacesDemo, SpacesDemoProps, TerminalDemo, TerminalDemoProps, UpdatesDemo, UpdatesDemoProps, UsageDemo, UsageDemoProps, WebSearchDemo, WebSearchDemoProps, hasFeatureDemo };

package/dist/onboarding/demos/features.js

@@ -3,10 +3,18 @@ import { buttonClass } from "../../components/button.js";
 import { MetaChip } from "../../components/Form.js";
 import { Keycap } from "../../components/Keycap.js";
 import { useOnboardingLabels } from "../OnboardingProvider.js";
+import { useChatLabels } from "../../chat/useChatLabels.js";
+import { RunEstimateChip } from "../../chat/RunEstimateChip.js";
 import { StatusDot } from "../../chat/StatusDot.js";
 import { DemoStage, Line, MiniWindow, Pointer, delay } from "./parts.js";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
 //#region src/onboarding/demos/features.tsx
+/**
+* The mini demos of the Features step, one per feature. What a feature
+* includes plays in its scene: the agent in the browser tab and in the
+* terminal, the sound of a notification.
+*/
 /** Codemode: a short script, and 12 tool calls that fold into 1 step. */
 function CodemodeDemo({ on, className, style }) {
 	const labels = useOnboardingLabels();
@@ -153,6 +161,76 @@ function AutoTitleDemo({ on, className, style }) {
 		})
 	});
 }
+/** Time estimates: a running session's row counting down, and one of its subagents with its own time left. */
+function RunEstimatesDemo({ on, className, style }) {
+	const labels = useOnboardingLabels();
+	const chatLabels = useChatLabels();
+	const [estimates] = useState(() => {
+		const now = Date.now();
+		const base = {
+			startedAt: now,
+			at: now,
+			waitMs: 0
+		};
+		return {
+			session: {
+				...base,
+				runId: "demo",
+				depth: 0,
+				totalMs: 72e4,
+				highMs: 108e4
+			},
+			task: {
+				...base,
+				runId: "demo-child",
+				depth: 1,
+				label: "child-1",
+				totalMs: 18e4,
+				highMs: 3e5
+			}
+		};
+	});
+	return /* @__PURE__ */ jsx(DemoStage, {
+		on,
+		className,
+		style,
+		children: /* @__PURE__ */ jsxs(MiniWindow, {
+			className: "w-full max-w-[280px]",
+			bodyClassName: "px-1.5 pb-1.5 gap-0.5",
+			children: [
+				/* @__PURE__ */ jsxs("span", {
+					className: "flex items-center gap-2 h-6 px-2 rounded-zg-sm bg-[var(--zg-row-hover)] min-w-0",
+					children: [
+						/* @__PURE__ */ jsx(StatusDot, { state: "running" }),
+						/* @__PURE__ */ jsx("span", {
+							className: "flex-1 truncate text-zg-label",
+							children: labels.demoEstimateSession
+						}),
+						on && /* @__PURE__ */ jsx(RunEstimateChip, { estimate: estimates.session })
+					]
+				}),
+				/* @__PURE__ */ jsxs("span", {
+					className: "flex items-center gap-2 h-6 px-2 pl-6 min-w-0",
+					children: [
+						/* @__PURE__ */ jsx("span", {
+							className: "shrink-0 font-medium text-zg-label",
+							children: chatLabels.agent
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: "flex-1 truncate text-zg-label text-[var(--zg-text-muted)]",
+							children: labels.demoEstimateTask
+						}),
+						on && /* @__PURE__ */ jsx(RunEstimateChip, { estimate: estimates.task })
+					]
+				}),
+				/* @__PURE__ */ jsxs("span", {
+					className: "flex items-center gap-2 h-6 px-2",
+					children: [/* @__PURE__ */ jsx(StatusDot, { state: "idle" }), /* @__PURE__ */ jsx(Line, { width: "52%" })]
+				})
+			]
+		})
+	});
+}
 function SessionRows({ titles }) {
 	return /* @__PURE__ */ jsx("span", {
 		className: "flex flex-col gap-0.5 min-w-0",
@@ -497,6 +575,7 @@ const DEMOS = {
 	webSearch: WebSearchDemo,
 	inlineAutocomplete: AutocompleteDemo,
 	autoTitle: AutoTitleDemo,
+	runEstimates: RunEstimatesDemo,
 	spaces: SpacesDemo,
 	checkForUpdates: UpdatesDemo,
 	subscriptionUsage: UsageDemo,
@@ -528,4 +607,4 @@ function FeatureDemo({ feature, on, className, style }) {
 	}) : null;
 }
 //#endregion
-export { AutoTitleDemo, AutocompleteDemo, BrowserDemo, CodemodeDemo, DaemonDemo, FeatureDemo, NotificationsDemo, ProjectExtensionsDemo, SpacesDemo, TerminalDemo, UpdatesDemo, UsageDemo, WebSearchDemo, hasFeatureDemo };
+export { AutoTitleDemo, AutocompleteDemo, BrowserDemo, CodemodeDemo, DaemonDemo, FeatureDemo, NotificationsDemo, ProjectExtensionsDemo, RunEstimatesDemo, SpacesDemo, TerminalDemo, UpdatesDemo, UsageDemo, WebSearchDemo, hasFeatureDemo };

package/dist/onboarding/headless/fixture-host.d.ts

@@ -1,4 +1,4 @@
-import { Theme } from "../../theme/themes.js";
+import { Theme as Theme$1 } from "../../theme/themes.js";
 import { OnboardingAppIcon, OnboardingHost, OnboardingModelInfo, SkillSourceImages } from "./host.js";
 import { OnboardingAppearance, OnboardingDetection, OnboardingImportPreview, OnboardingMode, OnboardingResult, OnboardingSurface, SkillSourceListing } from "zidane/chat/pure";
 import { Settings } from "zidane/chat";
@@ -22,7 +22,7 @@ interface FixtureOnboardingOptions {
   /** The look in effect. Defaults to the system's mode on the default dark and light themes. */
   appearance?: OnboardingAppearance;
   /** The themes Look offers. Defaults to the built-in ones. */
-  themes?: readonly Theme[];
+  themes?: readonly Theme$1[];
   /** The app icons Look offers, the first one the default and the one in use. Absent: Look offers no icon. */
   appIcons?: readonly OnboardingAppIcon[];
   /** The line under the app icons. */

package/dist/onboarding/headless/host.d.ts

@@ -1,5 +1,5 @@
 import { Readable } from "../../chat/headless/store.js";
-import { Theme } from "../../theme/themes.js";
+import { Theme as Theme$1 } from "../../theme/themes.js";
 import { ConnectorInput, OnboardingAppearance, OnboardingDetection, OnboardingImportPreview, OnboardingImportSelection, OnboardingMode, OnboardingProvider, OnboardingProviderPick, OnboardingResult, OnboardingSignInState, OnboardingSurface, SkillSourceListing } from "zidane/chat/pure";
 import { Settings } from "zidane/chat";
 //#region src/onboarding/headless/host.d.ts
@@ -130,7 +130,7 @@ interface OnboardingHost {
   /** Themes for Look. Absent: the step is left out. */
   themes?: {
     /** The themes to offer: the built-in ones and any an extension adds. */
-    list: Readable<readonly Theme[]>;
+    list: Readable<readonly Theme$1[]>;
     /** Shows a look live, the app icon included, before it is kept. `null` puts the current look back. */
     preview(appearance: OnboardingAppearance | null): void;
   };

package/dist/onboarding/headless/labels.d.ts

@@ -168,6 +168,8 @@ declare const DEFAULT_ONBOARDING_LABELS: {
   demoTab: string;
   demoGenericTitle: string;
   demoTitle: string;
+  demoEstimateSession: string;
+  demoEstimateTask: string;
   demoSpacePersonal: string;
   demoSpaceWork: string;
   demoPersonalSessions: readonly ["Plan the trip to Lisbon", "Sort the tax receipts"];

package/dist/onboarding/headless/labels.js

@@ -226,6 +226,8 @@ const DEFAULT_ONBOARDING_LABELS = {
 	demoTab: "Tab",
 	demoGenericTitle: "New session",
 	demoTitle: "Fix the login redirect",
+	demoEstimateSession: "Migrate the test suite",
+	demoEstimateTask: "Port the auth tests",
 	demoSpacePersonal: "Personal",
 	demoSpaceWork: "Work",
 	demoPersonalSessions: ["Plan the trip to Lisbon", "Sort the tax receipts"],