@arbidocs/blocks 0.3.160 → 0.3.162

package/dist/index.d.cts

@@ -1,7 +1,7 @@
 import { ap as ThemeBundle, ax as ThemeTokens, av as ThemeState } from './index-er1L8kkn.cjs';
 export { A as Accordion, a as AccordionItem, b as AccordionProps, c as ApplyThemeOptions, d as AvatarBlock, e as AvatarBlockProps, B as Banner, f as BannerProps, g as BannerTone, h as BlockImage, i as BlockImageProps, j as BlockLink, k as BlockLinkComponent, l as BlockLinkProps, C as CTABanner, m as CTABannerProps, n as Callout, o as CalloutProps, p as CalloutVariant, q as ColorToken, r as Columns, s as ColumnsProps, t as ContactField, u as ContactForm, v as ContactFormProps, w as Container, x as ContainerProps, F as FAQ, y as FAQProps, z as FONT_PAIRINGS, D as FaqItem, E as FeatureGrid, G as FeatureGridProps, H as FeatureItem, I as FontPairing, J as Footer, K as FooterColumn, L as FooterLink, M as FooterProps, N as Gallery, O as GalleryImage, P as GalleryProps, Q as Hero, R as HeroCta, S as HeroProps, T as ListBlock, U as ListBlockProps, V as ListItem, W as LogoCloud, X as LogoCloudProps, Y as LogoItem, Z as MediaText, _ as MediaTextProps, $ as NavLink, a0 as Navbar, a1 as NavbarProps, a2 as PricingPlan, a3 as PricingTable, a4 as PricingTableProps, a5 as RichTextBlock, a6 as RichTextBlockProps, a7 as SectionHeading, a8 as Spacer, a9 as SpacerProps, aa as StepItem, ab as Steps, ac as StepsProps, ad as THEME_STYLE_ID, ae as TabItem, af as Tabs, ag as TabsProps, ah as TeamGrid, ai as TeamGridProps, aj as TeamMember, ak as Testimonial, al as TestimonialGrid, am as TestimonialGridProps, an as TestimonialItem, ao as TestimonialProps, aq as ThemeEditor, ar as ThemeEditorProps, as as ThemeEmitMode, at as ThemeFonts, au as ThemePreset, aw as ThemeStoreConfig, ay as Timeline, az as TimelineCalendar, aA as TimelineCalendarProps, aB as TimelineGantt, aC as TimelineGanttProps, aD as TimelineItem, aE as TimelineProps, aF as TimelineViewMode, aG as VideoAspect, aH as VideoEmbed, aI as VideoEmbedProps, aJ as applyFontVars, aK as applyStoredTheme, aL as applyThemeVars, aM as clearFontVars, aN as clearThemeVars, aO as createThemeStore, aP as dayKey, aQ as daysUntil, aR as fmtDate, aS as fmtDateTime, aT as fontPackages, aU as formatPageRefs, aV as formatSpan, aW as fromNow, aX as gbp, aY as getFontPairing, aZ as hrs, a_ as initials, a$ as matchFontPairing, b0 as monthLabel, b1 as parseIso, b2 as pct, b3 as tid, b4 as toEmbedUrl, b5 as toHslTriplet, b6 as utcDay } from './index-er1L8kkn.cjs';
 import * as react from 'react';
-import react__default, { ReactNode, ComponentType } from 'react';
+import react__default, { ReactNode, KeyboardEventHandler, RefObject, ComponentType } from 'react';
 import * as _arbidocs_react from '@arbidocs/react';
 import { DocumentLike, AiRunOptions, UserMenuItem, NotifyVariant, useArbi, AiTaskStatus } from '@arbidocs/react';
 export { AiRunOptions, AiTaskStatus, ArtifactEvent, DocumentCard, DocumentCardProps, SearchChunk, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, redlineStats, textToArtifact, toRedlineMarkdown } from '@arbidocs/react';
@@ -478,6 +478,26 @@ declare function EmptyState({ icon: Icon, title, description, action, className,
     testId?: string;
 }): react.JSX.Element;
 
+/**
+ * One labelled quota meter: icon + label on the left, used-of-limit on the
+ * right, a thin bar underneath. The bar's tone follows pressure — quiet
+ * primary normally, amber near the limit, destructive at it — so a stack of
+ * meters reads at a glance which quota is the one to think about.
+ */
+declare function UsageMeter({ icon: Icon, label, value, pct, hint, className, testId, }: {
+    icon?: LucideIcon;
+    label: string;
+    /** Formatted used-of-limit text, e.g. "1,200 / 25,000" or "40 / 500 MB". */
+    value: string;
+    /** Fill percentage, 0–100 (values are clamped). */
+    pct: number;
+    /** Inline parenthetical after the label, e.g. "resets May 31, 2025" —
+     *  same font as the label, so the meter never grows an extra row. */
+    hint?: string;
+    className?: string;
+    testId?: string;
+}): react.JSX.Element;
+
 interface UploadDropzoneProps {
     /** Called with the chosen/dropped files. */
     onFiles: (files: File[]) => void;
@@ -702,6 +722,12 @@ interface RecentActivityCardProps {
     actionLabel?: string;
     actionIcon?: LucideIcon;
     onAction?: () => void;
+    /**
+     * A custom header action node — rendered in the action slot INSTEAD of the
+     * built-in label button. For actions that aren't a single click (e.g. a
+     * source dropdown). The empty-card CTA still uses `onAction`/`emptyActionLabel`.
+     */
+    action?: ReactNode;
     rows: RecentActivityRow[];
     /** Says what the list is — "Recent", "Recently joined". */
     caption?: string;
@@ -744,7 +770,134 @@ interface RecentActivityCardProps {
  * Styled with SEMANTIC tokens only (card, border, foreground, muted-foreground,
  * primary, accent), so every firm gets it in its own colours.
  */
-declare function RecentActivityCard({ icon: Icon, title, count, onOpen, actionLabel, actionIcon: ActionIcon, onAction, rows, caption, emptyText, emptyActionLabel, className, testId, }: RecentActivityCardProps): react.JSX.Element;
+declare function RecentActivityCard({ icon: Icon, title, count, onOpen, actionLabel, actionIcon: ActionIcon, onAction, action, rows, caption, emptyText, emptyActionLabel, className, testId, }: RecentActivityCardProps): react.JSX.Element;
+
+interface AskBarProps {
+    /** Receives the trimmed question; the caller owns what asking means. */
+    onAsk: (text: string) => void;
+    /** Second destination for the same text — retrieval. Omit to hide. */
+    onSearch?: (text: string) => void;
+    /** Prefill-on-click starter questions, shown under the input. */
+    suggestions?: string[];
+    placeholder?: string;
+    askLabel?: string;
+    searchLabel?: string;
+    /** Controlled value. Omit for the bar to own its own text. */
+    value?: string;
+    onValueChange?: (value: string) => void;
+    /** Raw keydown on the input — lets a consumer run an autocomplete
+     *  (arrow/Enter/Tab/Escape) before the form's own submit handling.
+     *  preventDefault() on Enter suppresses the submit. */
+    onInputKeyDown?: KeyboardEventHandler<HTMLInputElement>;
+    /** Popover anchored to the pill (e.g. a slash-command menu). Rendered in a
+     *  relative wrapper around the form, so absolute children position against
+     *  the pill. */
+    menu?: ReactNode;
+    /** External input ref, for consumers that refocus after menu selection. */
+    inputRef?: RefObject<HTMLInputElement | null>;
+    className?: string;
+    /** Root test id; children derive `-input`, `-submit`, `-search`, `-suggestion`. */
+    testId?: string;
+}
+declare function AskBar({ onAsk, onSearch, suggestions, placeholder, askLabel, searchLabel, value, onValueChange, onInputKeyDown, menu, inputRef: externalInputRef, className, testId, }: AskBarProps): react.JSX.Element;
+
+interface ResumeStripItem {
+    id: string;
+    /** The item's type mark — a chat glyph, a document's file icon. */
+    leading?: ReactNode;
+    title: string;
+    /** Compact age, e.g. "2h", "3d". */
+    meta?: string;
+    onClick?: () => void;
+}
+interface ResumeStripProps {
+    items: ResumeStripItem[];
+    /** Says what the strip is. */
+    caption?: string;
+    className?: string;
+    /** Root test id; chips derive `-item`. */
+    testId?: string;
+}
+declare function ResumeStrip({ items, caption, className, testId, }: ResumeStripProps): react.JSX.Element | null;
+
+interface SectionStripRow {
+    id: string;
+    /** The row's mark — a pin, a dot, a tiny glyph. Consumer-supplied. */
+    leading?: ReactNode;
+    title: string;
+    /** Pinned right: a date, an age. */
+    meta?: string;
+    onClick?: () => void;
+}
+interface SectionStripGroup {
+    /** Says what the group is — "Upcoming", "Recent". */
+    caption: string;
+    rows: SectionStripRow[];
+    /** Test id for this group's rows. Falls back to `<root>-row`. */
+    rowTestId?: string;
+}
+interface SectionStripAction {
+    icon?: LucideIcon;
+    label: string;
+    onClick: () => void;
+    testId?: string;
+    /**
+     * A custom element rendered in place of the default ghost button — for a
+     * primary/emphasised action that shouldn't look like the quiet header doors.
+     */
+    node?: ReactNode;
+}
+interface SectionStripProps {
+    /** Glyph beside the title, in the header. */
+    icon?: LucideIcon;
+    /** The section this band is about. */
+    title: string;
+    /** Total across everything, not just what's listed. Omit to hide. */
+    count?: number;
+    /** Header click — go to this section's full page. */
+    onOpen?: () => void;
+    /** Header-right actions: distinct doors into the section's experiences. */
+    actions?: SectionStripAction[];
+    /** Captioned row groups; groups with no rows are skipped. */
+    groups: SectionStripGroup[];
+    /**
+     * Shown when every group is empty. By default a single quiet row. Supply an
+     * `icon` (and optional `description`) to render the fuller dashed empty state
+     * instead — the same shape a card uses, for sections that want the empty
+     * state to invite rather than just note.
+     */
+    empty?: {
+        label: ReactNode;
+        onClick?: () => void;
+        testId?: string;
+        icon?: LucideIcon;
+        description?: ReactNode;
+    };
+    className?: string;
+    /** Root test id; children derive `-open` and per-action/per-group ids. */
+    testId?: string;
+}
+declare function SectionStrip({ icon: Icon, title, count, onOpen, actions, groups, empty, className, testId, }: SectionStripProps): react.JSX.Element;
+
+interface StartHeroProps {
+    title: string;
+    subtitle?: string;
+    /** The primary way in — typically an AskBar. */
+    children?: ReactNode;
+    /** The big dashed secondary door. */
+    tile?: {
+        icon: LucideIcon;
+        label: string;
+        description?: string;
+        onClick: () => void;
+        testId?: string;
+    };
+    /** A quiet closing line — membership state, a hint. */
+    footer?: ReactNode;
+    className?: string;
+    testId?: string;
+}
+declare function StartHero({ title, subtitle, children, tile, footer, className, testId, }: StartHeroProps): react.JSX.Element;
 
 /** One member shown in the avatar stack — source-agnostic, not the raw SDK shape. */
 interface WorkspaceCardMember {
@@ -1491,4 +1644,4 @@ interface AgentsPanelProps {
 }
 declare function AgentsPanel({ store, testIdPrefix }: AgentsPanelProps): react.JSX.Element;
 
-export { ASSET_REF_PREFIX, type AgentSelectionStore, AgentsPanel, type AgentsPanelProps, type AiFields, type AiFieldsConfig, AppHeader, type AppHeaderProps, type AppHeaderUser, type AppNavItem, type AppNavSection, AppShell, type AppShellProps, type ArbiBlocksConfigOptions, type ArbiMode, type ArbiUser, type AssetMaterializer, type AssetRenderProps, type AssetRenderer, AssetResolverProvider, AssetThumb, type AssistantCitation, type AssistantMessage, type AssistantStep, type BlockKit, type BuildPrompt, type BuilderModule, CitationEditor, type CitationEditorProps, type Column, ConnectionProvider, type ConnectionStatus, DataTable, DataTableBlock, type DataTableBlockColumn, type DataTableBlockProps, EmptyState, EntityIdentityBar, type EntityIdentityBarProps, type EntityIdentityField, type ExportedModule, type FirmArbiConfig, GridView, type GridViewEmptyState, type GridViewProps, type GridViewSelection, IDENTITY_NAME_MAX_LENGTH, type ImageFieldConfig, type ImageFieldFactory, LegalArbiProvider, LiveDataProvider, type LoadResult, type MaterializeOptions, type MatterContext, MemberAvatarStack, type MemberAvatarStackProps, MetricCard, type MetricCardProps, ModuleManager, type ModuleManagerProps, type ModuleRegistry, type ModuleStoreBundle, PageHeader, PageRenderer, type PageRendererProps, type PersistVia, type PromptConfig, type PromptLibrary, type Prompts, RecentActivityCard, type RecentActivityCardProps, type RecentActivityRow, type ResolvedModule, Section, type SectionProps, type StackedMember, StatGroup, type StatGroupProps, type StatItem, StudioEditor, type StudioEditorProps, type StudioPageMeta, type StudioPersistence, type StudioPersistenceConfig, ThemeBundle, ThemeState, ThemeTokens, Toolbar, UploadDropzone, type UploadDropzoneProps, type UseImageGen, VerticalBuilder, type VerticalBuilderProps, type VerticalConfig, type VerticalExport, type VerticalExportConfig, WidgetPlaceholder, WorkspaceCard, type WorkspaceCardMember, type WorkspaceCardProps, asAssetRef, assetRefId, createAgentSelectionStore, createAiFields, createArbiBlocksConfig, createArbiMaterializer, createBlockKit, createImageField, createLiveWidgets, createModuleRegistry, createModuleStore, createPromptLibrary, createSiteBlocks, createStudioPersistence, createVerticalExport, createWebsiteBlocks, iconMap, isAssetRef, isAuthenticated, materializePageData, matterToContext, useAssetImage, useAssetRenderer, useAssetResolverActive, useConnection, useFirmAiTask, useImageGen, useLiveDataActive, useSemanticSearch, useWorkspaceDocs };
+export { ASSET_REF_PREFIX, type AgentSelectionStore, AgentsPanel, type AgentsPanelProps, type AiFields, type AiFieldsConfig, AppHeader, type AppHeaderProps, type AppHeaderUser, type AppNavItem, type AppNavSection, AppShell, type AppShellProps, type ArbiBlocksConfigOptions, type ArbiMode, type ArbiUser, AskBar, type AskBarProps, type AssetMaterializer, type AssetRenderProps, type AssetRenderer, AssetResolverProvider, AssetThumb, type AssistantCitation, type AssistantMessage, type AssistantStep, type BlockKit, type BuildPrompt, type BuilderModule, CitationEditor, type CitationEditorProps, type Column, ConnectionProvider, type ConnectionStatus, DataTable, DataTableBlock, type DataTableBlockColumn, type DataTableBlockProps, EmptyState, EntityIdentityBar, type EntityIdentityBarProps, type EntityIdentityField, type ExportedModule, type FirmArbiConfig, GridView, type GridViewEmptyState, type GridViewProps, type GridViewSelection, IDENTITY_NAME_MAX_LENGTH, type ImageFieldConfig, type ImageFieldFactory, LegalArbiProvider, LiveDataProvider, type LoadResult, type MaterializeOptions, type MatterContext, MemberAvatarStack, type MemberAvatarStackProps, MetricCard, type MetricCardProps, ModuleManager, type ModuleManagerProps, type ModuleRegistry, type ModuleStoreBundle, PageHeader, PageRenderer, type PageRendererProps, type PersistVia, type PromptConfig, type PromptLibrary, type Prompts, RecentActivityCard, type RecentActivityCardProps, type RecentActivityRow, type ResolvedModule, ResumeStrip, type ResumeStripItem, type ResumeStripProps, Section, type SectionProps, SectionStrip, type SectionStripAction, type SectionStripGroup, type SectionStripProps, type SectionStripRow, type StackedMember, StartHero, type StartHeroProps, StatGroup, type StatGroupProps, type StatItem, StudioEditor, type StudioEditorProps, type StudioPageMeta, type StudioPersistence, type StudioPersistenceConfig, ThemeBundle, ThemeState, ThemeTokens, Toolbar, UploadDropzone, type UploadDropzoneProps, UsageMeter, type UseImageGen, VerticalBuilder, type VerticalBuilderProps, type VerticalConfig, type VerticalExport, type VerticalExportConfig, WidgetPlaceholder, WorkspaceCard, type WorkspaceCardMember, type WorkspaceCardProps, asAssetRef, assetRefId, createAgentSelectionStore, createAiFields, createArbiBlocksConfig, createArbiMaterializer, createBlockKit, createImageField, createLiveWidgets, createModuleRegistry, createModuleStore, createPromptLibrary, createSiteBlocks, createStudioPersistence, createVerticalExport, createWebsiteBlocks, iconMap, isAssetRef, isAuthenticated, materializePageData, matterToContext, useAssetImage, useAssetRenderer, useAssetResolverActive, useConnection, useFirmAiTask, useImageGen, useLiveDataActive, useSemanticSearch, useWorkspaceDocs };

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import { ap as ThemeBundle, ax as ThemeTokens, av as ThemeState } from './index-er1L8kkn.js';
 export { A as Accordion, a as AccordionItem, b as AccordionProps, c as ApplyThemeOptions, d as AvatarBlock, e as AvatarBlockProps, B as Banner, f as BannerProps, g as BannerTone, h as BlockImage, i as BlockImageProps, j as BlockLink, k as BlockLinkComponent, l as BlockLinkProps, C as CTABanner, m as CTABannerProps, n as Callout, o as CalloutProps, p as CalloutVariant, q as ColorToken, r as Columns, s as ColumnsProps, t as ContactField, u as ContactForm, v as ContactFormProps, w as Container, x as ContainerProps, F as FAQ, y as FAQProps, z as FONT_PAIRINGS, D as FaqItem, E as FeatureGrid, G as FeatureGridProps, H as FeatureItem, I as FontPairing, J as Footer, K as FooterColumn, L as FooterLink, M as FooterProps, N as Gallery, O as GalleryImage, P as GalleryProps, Q as Hero, R as HeroCta, S as HeroProps, T as ListBlock, U as ListBlockProps, V as ListItem, W as LogoCloud, X as LogoCloudProps, Y as LogoItem, Z as MediaText, _ as MediaTextProps, $ as NavLink, a0 as Navbar, a1 as NavbarProps, a2 as PricingPlan, a3 as PricingTable, a4 as PricingTableProps, a5 as RichTextBlock, a6 as RichTextBlockProps, a7 as SectionHeading, a8 as Spacer, a9 as SpacerProps, aa as StepItem, ab as Steps, ac as StepsProps, ad as THEME_STYLE_ID, ae as TabItem, af as Tabs, ag as TabsProps, ah as TeamGrid, ai as TeamGridProps, aj as TeamMember, ak as Testimonial, al as TestimonialGrid, am as TestimonialGridProps, an as TestimonialItem, ao as TestimonialProps, aq as ThemeEditor, ar as ThemeEditorProps, as as ThemeEmitMode, at as ThemeFonts, au as ThemePreset, aw as ThemeStoreConfig, ay as Timeline, az as TimelineCalendar, aA as TimelineCalendarProps, aB as TimelineGantt, aC as TimelineGanttProps, aD as TimelineItem, aE as TimelineProps, aF as TimelineViewMode, aG as VideoAspect, aH as VideoEmbed, aI as VideoEmbedProps, aJ as applyFontVars, aK as applyStoredTheme, aL as applyThemeVars, aM as clearFontVars, aN as clearThemeVars, aO as createThemeStore, aP as dayKey, aQ as daysUntil, aR as fmtDate, aS as fmtDateTime, aT as fontPackages, aU as formatPageRefs, aV as formatSpan, aW as fromNow, aX as gbp, aY as getFontPairing, aZ as hrs, a_ as initials, a$ as matchFontPairing, b0 as monthLabel, b1 as parseIso, b2 as pct, b3 as tid, b4 as toEmbedUrl, b5 as toHslTriplet, b6 as utcDay } from './index-er1L8kkn.js';
 import * as react from 'react';
-import react__default, { ReactNode, ComponentType } from 'react';
+import react__default, { ReactNode, KeyboardEventHandler, RefObject, ComponentType } from 'react';
 import * as _arbidocs_react from '@arbidocs/react';
 import { DocumentLike, AiRunOptions, UserMenuItem, NotifyVariant, useArbi, AiTaskStatus } from '@arbidocs/react';
 export { AiRunOptions, AiTaskStatus, ArtifactEvent, DocumentCard, DocumentCardProps, SearchChunk, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, redlineStats, textToArtifact, toRedlineMarkdown } from '@arbidocs/react';
@@ -478,6 +478,26 @@ declare function EmptyState({ icon: Icon, title, description, action, className,
     testId?: string;
 }): react.JSX.Element;
 
+/**
+ * One labelled quota meter: icon + label on the left, used-of-limit on the
+ * right, a thin bar underneath. The bar's tone follows pressure — quiet
+ * primary normally, amber near the limit, destructive at it — so a stack of
+ * meters reads at a glance which quota is the one to think about.
+ */
+declare function UsageMeter({ icon: Icon, label, value, pct, hint, className, testId, }: {
+    icon?: LucideIcon;
+    label: string;
+    /** Formatted used-of-limit text, e.g. "1,200 / 25,000" or "40 / 500 MB". */
+    value: string;
+    /** Fill percentage, 0–100 (values are clamped). */
+    pct: number;
+    /** Inline parenthetical after the label, e.g. "resets May 31, 2025" —
+     *  same font as the label, so the meter never grows an extra row. */
+    hint?: string;
+    className?: string;
+    testId?: string;
+}): react.JSX.Element;
+
 interface UploadDropzoneProps {
     /** Called with the chosen/dropped files. */
     onFiles: (files: File[]) => void;
@@ -702,6 +722,12 @@ interface RecentActivityCardProps {
     actionLabel?: string;
     actionIcon?: LucideIcon;
     onAction?: () => void;
+    /**
+     * A custom header action node — rendered in the action slot INSTEAD of the
+     * built-in label button. For actions that aren't a single click (e.g. a
+     * source dropdown). The empty-card CTA still uses `onAction`/`emptyActionLabel`.
+     */
+    action?: ReactNode;
     rows: RecentActivityRow[];
     /** Says what the list is — "Recent", "Recently joined". */
     caption?: string;
@@ -744,7 +770,134 @@ interface RecentActivityCardProps {
  * Styled with SEMANTIC tokens only (card, border, foreground, muted-foreground,
  * primary, accent), so every firm gets it in its own colours.
  */
-declare function RecentActivityCard({ icon: Icon, title, count, onOpen, actionLabel, actionIcon: ActionIcon, onAction, rows, caption, emptyText, emptyActionLabel, className, testId, }: RecentActivityCardProps): react.JSX.Element;
+declare function RecentActivityCard({ icon: Icon, title, count, onOpen, actionLabel, actionIcon: ActionIcon, onAction, action, rows, caption, emptyText, emptyActionLabel, className, testId, }: RecentActivityCardProps): react.JSX.Element;
+
+interface AskBarProps {
+    /** Receives the trimmed question; the caller owns what asking means. */
+    onAsk: (text: string) => void;
+    /** Second destination for the same text — retrieval. Omit to hide. */
+    onSearch?: (text: string) => void;
+    /** Prefill-on-click starter questions, shown under the input. */
+    suggestions?: string[];
+    placeholder?: string;
+    askLabel?: string;
+    searchLabel?: string;
+    /** Controlled value. Omit for the bar to own its own text. */
+    value?: string;
+    onValueChange?: (value: string) => void;
+    /** Raw keydown on the input — lets a consumer run an autocomplete
+     *  (arrow/Enter/Tab/Escape) before the form's own submit handling.
+     *  preventDefault() on Enter suppresses the submit. */
+    onInputKeyDown?: KeyboardEventHandler<HTMLInputElement>;
+    /** Popover anchored to the pill (e.g. a slash-command menu). Rendered in a
+     *  relative wrapper around the form, so absolute children position against
+     *  the pill. */
+    menu?: ReactNode;
+    /** External input ref, for consumers that refocus after menu selection. */
+    inputRef?: RefObject<HTMLInputElement | null>;
+    className?: string;
+    /** Root test id; children derive `-input`, `-submit`, `-search`, `-suggestion`. */
+    testId?: string;
+}
+declare function AskBar({ onAsk, onSearch, suggestions, placeholder, askLabel, searchLabel, value, onValueChange, onInputKeyDown, menu, inputRef: externalInputRef, className, testId, }: AskBarProps): react.JSX.Element;
+
+interface ResumeStripItem {
+    id: string;
+    /** The item's type mark — a chat glyph, a document's file icon. */
+    leading?: ReactNode;
+    title: string;
+    /** Compact age, e.g. "2h", "3d". */
+    meta?: string;
+    onClick?: () => void;
+}
+interface ResumeStripProps {
+    items: ResumeStripItem[];
+    /** Says what the strip is. */
+    caption?: string;
+    className?: string;
+    /** Root test id; chips derive `-item`. */
+    testId?: string;
+}
+declare function ResumeStrip({ items, caption, className, testId, }: ResumeStripProps): react.JSX.Element | null;
+
+interface SectionStripRow {
+    id: string;
+    /** The row's mark — a pin, a dot, a tiny glyph. Consumer-supplied. */
+    leading?: ReactNode;
+    title: string;
+    /** Pinned right: a date, an age. */
+    meta?: string;
+    onClick?: () => void;
+}
+interface SectionStripGroup {
+    /** Says what the group is — "Upcoming", "Recent". */
+    caption: string;
+    rows: SectionStripRow[];
+    /** Test id for this group's rows. Falls back to `<root>-row`. */
+    rowTestId?: string;
+}
+interface SectionStripAction {
+    icon?: LucideIcon;
+    label: string;
+    onClick: () => void;
+    testId?: string;
+    /**
+     * A custom element rendered in place of the default ghost button — for a
+     * primary/emphasised action that shouldn't look like the quiet header doors.
+     */
+    node?: ReactNode;
+}
+interface SectionStripProps {
+    /** Glyph beside the title, in the header. */
+    icon?: LucideIcon;
+    /** The section this band is about. */
+    title: string;
+    /** Total across everything, not just what's listed. Omit to hide. */
+    count?: number;
+    /** Header click — go to this section's full page. */
+    onOpen?: () => void;
+    /** Header-right actions: distinct doors into the section's experiences. */
+    actions?: SectionStripAction[];
+    /** Captioned row groups; groups with no rows are skipped. */
+    groups: SectionStripGroup[];
+    /**
+     * Shown when every group is empty. By default a single quiet row. Supply an
+     * `icon` (and optional `description`) to render the fuller dashed empty state
+     * instead — the same shape a card uses, for sections that want the empty
+     * state to invite rather than just note.
+     */
+    empty?: {
+        label: ReactNode;
+        onClick?: () => void;
+        testId?: string;
+        icon?: LucideIcon;
+        description?: ReactNode;
+    };
+    className?: string;
+    /** Root test id; children derive `-open` and per-action/per-group ids. */
+    testId?: string;
+}
+declare function SectionStrip({ icon: Icon, title, count, onOpen, actions, groups, empty, className, testId, }: SectionStripProps): react.JSX.Element;
+
+interface StartHeroProps {
+    title: string;
+    subtitle?: string;
+    /** The primary way in — typically an AskBar. */
+    children?: ReactNode;
+    /** The big dashed secondary door. */
+    tile?: {
+        icon: LucideIcon;
+        label: string;
+        description?: string;
+        onClick: () => void;
+        testId?: string;
+    };
+    /** A quiet closing line — membership state, a hint. */
+    footer?: ReactNode;
+    className?: string;
+    testId?: string;
+}
+declare function StartHero({ title, subtitle, children, tile, footer, className, testId, }: StartHeroProps): react.JSX.Element;
 
 /** One member shown in the avatar stack — source-agnostic, not the raw SDK shape. */
 interface WorkspaceCardMember {
@@ -1491,4 +1644,4 @@ interface AgentsPanelProps {
 }
 declare function AgentsPanel({ store, testIdPrefix }: AgentsPanelProps): react.JSX.Element;
 
-export { ASSET_REF_PREFIX, type AgentSelectionStore, AgentsPanel, type AgentsPanelProps, type AiFields, type AiFieldsConfig, AppHeader, type AppHeaderProps, type AppHeaderUser, type AppNavItem, type AppNavSection, AppShell, type AppShellProps, type ArbiBlocksConfigOptions, type ArbiMode, type ArbiUser, type AssetMaterializer, type AssetRenderProps, type AssetRenderer, AssetResolverProvider, AssetThumb, type AssistantCitation, type AssistantMessage, type AssistantStep, type BlockKit, type BuildPrompt, type BuilderModule, CitationEditor, type CitationEditorProps, type Column, ConnectionProvider, type ConnectionStatus, DataTable, DataTableBlock, type DataTableBlockColumn, type DataTableBlockProps, EmptyState, EntityIdentityBar, type EntityIdentityBarProps, type EntityIdentityField, type ExportedModule, type FirmArbiConfig, GridView, type GridViewEmptyState, type GridViewProps, type GridViewSelection, IDENTITY_NAME_MAX_LENGTH, type ImageFieldConfig, type ImageFieldFactory, LegalArbiProvider, LiveDataProvider, type LoadResult, type MaterializeOptions, type MatterContext, MemberAvatarStack, type MemberAvatarStackProps, MetricCard, type MetricCardProps, ModuleManager, type ModuleManagerProps, type ModuleRegistry, type ModuleStoreBundle, PageHeader, PageRenderer, type PageRendererProps, type PersistVia, type PromptConfig, type PromptLibrary, type Prompts, RecentActivityCard, type RecentActivityCardProps, type RecentActivityRow, type ResolvedModule, Section, type SectionProps, type StackedMember, StatGroup, type StatGroupProps, type StatItem, StudioEditor, type StudioEditorProps, type StudioPageMeta, type StudioPersistence, type StudioPersistenceConfig, ThemeBundle, ThemeState, ThemeTokens, Toolbar, UploadDropzone, type UploadDropzoneProps, type UseImageGen, VerticalBuilder, type VerticalBuilderProps, type VerticalConfig, type VerticalExport, type VerticalExportConfig, WidgetPlaceholder, WorkspaceCard, type WorkspaceCardMember, type WorkspaceCardProps, asAssetRef, assetRefId, createAgentSelectionStore, createAiFields, createArbiBlocksConfig, createArbiMaterializer, createBlockKit, createImageField, createLiveWidgets, createModuleRegistry, createModuleStore, createPromptLibrary, createSiteBlocks, createStudioPersistence, createVerticalExport, createWebsiteBlocks, iconMap, isAssetRef, isAuthenticated, materializePageData, matterToContext, useAssetImage, useAssetRenderer, useAssetResolverActive, useConnection, useFirmAiTask, useImageGen, useLiveDataActive, useSemanticSearch, useWorkspaceDocs };
+export { ASSET_REF_PREFIX, type AgentSelectionStore, AgentsPanel, type AgentsPanelProps, type AiFields, type AiFieldsConfig, AppHeader, type AppHeaderProps, type AppHeaderUser, type AppNavItem, type AppNavSection, AppShell, type AppShellProps, type ArbiBlocksConfigOptions, type ArbiMode, type ArbiUser, AskBar, type AskBarProps, type AssetMaterializer, type AssetRenderProps, type AssetRenderer, AssetResolverProvider, AssetThumb, type AssistantCitation, type AssistantMessage, type AssistantStep, type BlockKit, type BuildPrompt, type BuilderModule, CitationEditor, type CitationEditorProps, type Column, ConnectionProvider, type ConnectionStatus, DataTable, DataTableBlock, type DataTableBlockColumn, type DataTableBlockProps, EmptyState, EntityIdentityBar, type EntityIdentityBarProps, type EntityIdentityField, type ExportedModule, type FirmArbiConfig, GridView, type GridViewEmptyState, type GridViewProps, type GridViewSelection, IDENTITY_NAME_MAX_LENGTH, type ImageFieldConfig, type ImageFieldFactory, LegalArbiProvider, LiveDataProvider, type LoadResult, type MaterializeOptions, type MatterContext, MemberAvatarStack, type MemberAvatarStackProps, MetricCard, type MetricCardProps, ModuleManager, type ModuleManagerProps, type ModuleRegistry, type ModuleStoreBundle, PageHeader, PageRenderer, type PageRendererProps, type PersistVia, type PromptConfig, type PromptLibrary, type Prompts, RecentActivityCard, type RecentActivityCardProps, type RecentActivityRow, type ResolvedModule, ResumeStrip, type ResumeStripItem, type ResumeStripProps, Section, type SectionProps, SectionStrip, type SectionStripAction, type SectionStripGroup, type SectionStripProps, type SectionStripRow, type StackedMember, StartHero, type StartHeroProps, StatGroup, type StatGroupProps, type StatItem, StudioEditor, type StudioEditorProps, type StudioPageMeta, type StudioPersistence, type StudioPersistenceConfig, ThemeBundle, ThemeState, ThemeTokens, Toolbar, UploadDropzone, type UploadDropzoneProps, UsageMeter, type UseImageGen, VerticalBuilder, type VerticalBuilderProps, type VerticalConfig, type VerticalExport, type VerticalExportConfig, WidgetPlaceholder, WorkspaceCard, type WorkspaceCardMember, type WorkspaceCardProps, asAssetRef, assetRefId, createAgentSelectionStore, createAiFields, createArbiBlocksConfig, createArbiMaterializer, createBlockKit, createImageField, createLiveWidgets, createModuleRegistry, createModuleStore, createPromptLibrary, createSiteBlocks, createStudioPersistence, createVerticalExport, createWebsiteBlocks, iconMap, isAssetRef, isAuthenticated, materializePageData, matterToContext, useAssetImage, useAssetRenderer, useAssetResolverActive, useConnection, useFirmAiTask, useImageGen, useLiveDataActive, useSemanticSearch, useWorkspaceDocs };