@arbidocs/blocks 0.3.177 → 0.3.180

package/dist/index.d.cts

@@ -1,5 +1,5 @@
-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 { ap as ThemeBundle, ax as ThemeTokens, av as ThemeState } from './index-DduoEosi.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-DduoEosi.cjs';
 import * as react from 'react';
 import react__default, { ReactNode, KeyboardEventHandler, RefObject, ComponentType } from 'react';
 import * as _arbidocs_react from '@arbidocs/react';
@@ -326,12 +326,12 @@ declare function useWorkspaceDocs(): {
         doctags: {
             note?: string | null | undefined;
             citations?: {
-                passages: {
+                doc_ext_id: string;
+                chunks?: {
                     chunk_id: string;
-                    doc_ext_id?: string | null | undefined;
                     page?: number | null | undefined;
-                }[];
-            } | null | undefined;
+                }[] | undefined;
+            }[] | null | undefined;
             external_id: string;
             doc_ext_id: string;
             tag_ext_id: string;
@@ -499,6 +499,24 @@ declare function UsageMeter({ icon: Icon, label, value, pct, hint, className, te
     testId?: string;
 }): react.JSX.Element;
 
+/** Zoom bounds shared by the control and the chart, so a hoisted control stays in
+ *  step with the plot scaling. STEP is the slider granularity. */
+declare const TIMELINE_ZOOM: {
+    readonly MIN: 1;
+    readonly MAX: 10;
+    readonly STEP: 0.25;
+};
+interface TimelineZoomControlProps {
+    /** Current zoom factor (1 = fit). */
+    zoom: number;
+    /** Fired with the next clamped zoom factor. */
+    onZoomChange: (zoom: number) => void;
+    className?: string;
+    /** Prefix for the `data-testid`s this control emits. */
+    testId?: string;
+}
+declare function TimelineZoomControl({ zoom, onZoomChange, className, testId, }: TimelineZoomControlProps): react.JSX.Element;
+
 interface UploadDropzoneProps {
     /** Called with the chosen/dropped files. */
     onFiles: (files: File[]) => void;
@@ -575,6 +593,20 @@ interface EntityIdentityField {
      * value run the full width, which is what a description wants.
      */
     trailing?: ReactNode;
+    /**
+     * Content rendered immediately BEFORE the value — the entity's own mark.
+     * Sits outside the edit swap, so starting to edit the name doesn't make the
+     * icon jump or disappear.
+     */
+    leading?: ReactNode;
+    /**
+     * Drops the caption from view for this row, leaving the value flush left.
+     * For a field whose value already says what it is — a workspace's name and
+     * description read as exactly that — the caption is a word the eye has to
+     * step over on the way in. The caption stays in the markup for screen
+     * readers, which have no such visual cue to fall back on.
+     */
+    hideLabel?: boolean;
     /** Row test id; the pencil and input derive `-edit` and `-input`. */
     testId?: string;
 }
@@ -699,7 +731,7 @@ interface RecentActivityRow {
     title: string;
     /** Second line: what this row is, in a few words. */
     subtitle?: string;
-    /** Pinned right on the second line, like a message time. */
+    /** Pinned right on the title line, like a message time. */
     meta?: string;
     onClick?: () => void;
     /**
@@ -765,7 +797,7 @@ interface RecentActivityCardProps {
  * count rides along as a caption beside the title, not as the content.
  *
  * The row anatomy is the DM conversation chip's (leading avatar, bold name
- * line, muted second line with the time pinned right), because a list of
+ * line with the time pinned right, muted second line), because a list of
  * recognisable things reads the same way whoever owns it.
  *
  * Styled with SEMANTIC tokens only (card, border, foreground, muted-foreground,
@@ -821,6 +853,43 @@ interface ResumeStripProps {
 }
 declare function ResumeStrip({ items, caption, className, testId, }: ResumeStripProps): react.JSX.Element | null;
 
+interface QuickActionItem {
+    id: string;
+    icon: LucideIcon;
+    /** The job, in the user's words — "Deep research", not "Research agent". */
+    title: string;
+    /** One line on what happens. Sentence case, no full stop needed. */
+    description: string;
+    onClick: () => void;
+    /** Rendered non-interactive and dimmed; `disabledReason` explains why. */
+    disabled?: boolean;
+    /** Shown as the card's tooltip when disabled — say how to unblock it. */
+    disabledReason?: string;
+    testId?: string;
+}
+interface QuickActionCardsProps {
+    items: QuickActionItem[];
+    /** Optional lead-in above the row. */
+    caption?: string;
+    className?: string;
+    testId?: string;
+}
+declare function QuickActionCards({ items, caption, className, testId, }: QuickActionCardsProps): react.JSX.Element | null;
+
+interface SectionCaptionProps {
+    children: ReactNode;
+    className?: string;
+    testId?: string;
+}
+/**
+ * The small uppercase eyebrow that names a band of a page — "Start something",
+ * "Continue a chat". One component so every band on a home surface wears the
+ * same caption, and a single screenful never mixes two caption languages.
+ *
+ * Styled with SEMANTIC tokens only, so every firm gets it in its own colours.
+ */
+declare function SectionCaption({ children, className, testId }: SectionCaptionProps): react.JSX.Element;
+
 interface SectionStripRow {
     id: string;
     /** The row's mark — a pin, a dot, a tiny glyph. Consumer-supplied. */
@@ -1645,4 +1714,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, 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 };
+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, QuickActionCards, type QuickActionCardsProps, type QuickActionItem, RecentActivityCard, type RecentActivityCardProps, type RecentActivityRow, type ResolvedModule, ResumeStrip, type ResumeStripItem, type ResumeStripProps, Section, SectionCaption, type SectionCaptionProps, 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, TIMELINE_ZOOM, ThemeBundle, ThemeState, ThemeTokens, TimelineZoomControl, type TimelineZoomControlProps, 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,5 +1,5 @@
-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 { ap as ThemeBundle, ax as ThemeTokens, av as ThemeState } from './index-DduoEosi.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-DduoEosi.js';
 import * as react from 'react';
 import react__default, { ReactNode, KeyboardEventHandler, RefObject, ComponentType } from 'react';
 import * as _arbidocs_react from '@arbidocs/react';
@@ -326,12 +326,12 @@ declare function useWorkspaceDocs(): {
         doctags: {
             note?: string | null | undefined;
             citations?: {
-                passages: {
+                doc_ext_id: string;
+                chunks?: {
                     chunk_id: string;
-                    doc_ext_id?: string | null | undefined;
                     page?: number | null | undefined;
-                }[];
-            } | null | undefined;
+                }[] | undefined;
+            }[] | null | undefined;
             external_id: string;
             doc_ext_id: string;
             tag_ext_id: string;
@@ -499,6 +499,24 @@ declare function UsageMeter({ icon: Icon, label, value, pct, hint, className, te
     testId?: string;
 }): react.JSX.Element;
 
+/** Zoom bounds shared by the control and the chart, so a hoisted control stays in
+ *  step with the plot scaling. STEP is the slider granularity. */
+declare const TIMELINE_ZOOM: {
+    readonly MIN: 1;
+    readonly MAX: 10;
+    readonly STEP: 0.25;
+};
+interface TimelineZoomControlProps {
+    /** Current zoom factor (1 = fit). */
+    zoom: number;
+    /** Fired with the next clamped zoom factor. */
+    onZoomChange: (zoom: number) => void;
+    className?: string;
+    /** Prefix for the `data-testid`s this control emits. */
+    testId?: string;
+}
+declare function TimelineZoomControl({ zoom, onZoomChange, className, testId, }: TimelineZoomControlProps): react.JSX.Element;
+
 interface UploadDropzoneProps {
     /** Called with the chosen/dropped files. */
     onFiles: (files: File[]) => void;
@@ -575,6 +593,20 @@ interface EntityIdentityField {
      * value run the full width, which is what a description wants.
      */
     trailing?: ReactNode;
+    /**
+     * Content rendered immediately BEFORE the value — the entity's own mark.
+     * Sits outside the edit swap, so starting to edit the name doesn't make the
+     * icon jump or disappear.
+     */
+    leading?: ReactNode;
+    /**
+     * Drops the caption from view for this row, leaving the value flush left.
+     * For a field whose value already says what it is — a workspace's name and
+     * description read as exactly that — the caption is a word the eye has to
+     * step over on the way in. The caption stays in the markup for screen
+     * readers, which have no such visual cue to fall back on.
+     */
+    hideLabel?: boolean;
     /** Row test id; the pencil and input derive `-edit` and `-input`. */
     testId?: string;
 }
@@ -699,7 +731,7 @@ interface RecentActivityRow {
     title: string;
     /** Second line: what this row is, in a few words. */
     subtitle?: string;
-    /** Pinned right on the second line, like a message time. */
+    /** Pinned right on the title line, like a message time. */
     meta?: string;
     onClick?: () => void;
     /**
@@ -765,7 +797,7 @@ interface RecentActivityCardProps {
  * count rides along as a caption beside the title, not as the content.
  *
  * The row anatomy is the DM conversation chip's (leading avatar, bold name
- * line, muted second line with the time pinned right), because a list of
+ * line with the time pinned right, muted second line), because a list of
  * recognisable things reads the same way whoever owns it.
  *
  * Styled with SEMANTIC tokens only (card, border, foreground, muted-foreground,
@@ -821,6 +853,43 @@ interface ResumeStripProps {
 }
 declare function ResumeStrip({ items, caption, className, testId, }: ResumeStripProps): react.JSX.Element | null;
 
+interface QuickActionItem {
+    id: string;
+    icon: LucideIcon;
+    /** The job, in the user's words — "Deep research", not "Research agent". */
+    title: string;
+    /** One line on what happens. Sentence case, no full stop needed. */
+    description: string;
+    onClick: () => void;
+    /** Rendered non-interactive and dimmed; `disabledReason` explains why. */
+    disabled?: boolean;
+    /** Shown as the card's tooltip when disabled — say how to unblock it. */
+    disabledReason?: string;
+    testId?: string;
+}
+interface QuickActionCardsProps {
+    items: QuickActionItem[];
+    /** Optional lead-in above the row. */
+    caption?: string;
+    className?: string;
+    testId?: string;
+}
+declare function QuickActionCards({ items, caption, className, testId, }: QuickActionCardsProps): react.JSX.Element | null;
+
+interface SectionCaptionProps {
+    children: ReactNode;
+    className?: string;
+    testId?: string;
+}
+/**
+ * The small uppercase eyebrow that names a band of a page — "Start something",
+ * "Continue a chat". One component so every band on a home surface wears the
+ * same caption, and a single screenful never mixes two caption languages.
+ *
+ * Styled with SEMANTIC tokens only, so every firm gets it in its own colours.
+ */
+declare function SectionCaption({ children, className, testId }: SectionCaptionProps): react.JSX.Element;
+
 interface SectionStripRow {
     id: string;
     /** The row's mark — a pin, a dot, a tiny glyph. Consumer-supplied. */
@@ -1645,4 +1714,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, 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 };
+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, QuickActionCards, type QuickActionCardsProps, type QuickActionItem, RecentActivityCard, type RecentActivityCardProps, type RecentActivityRow, type ResolvedModule, ResumeStrip, type ResumeStripItem, type ResumeStripProps, Section, SectionCaption, type SectionCaptionProps, 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, TIMELINE_ZOOM, ThemeBundle, ThemeState, ThemeTokens, TimelineZoomControl, type TimelineZoomControlProps, 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.js

@@ -1,5 +1,5 @@
-import { formatPageRefs, tid, initials, fromNow, fmtDate, assetRefId, applyStoredTheme, AssetResolverProvider, ThemeEditor, applyThemeVars, SectionHeading, PricingTable, Tabs as Tabs$1, Accordion, Gallery, VideoEmbed, ContactForm, Banner, MediaText, TeamGrid, Steps, TestimonialGrid, Columns, Spacer, Container, Hero, FeatureGrid, Testimonial, CTABanner, LogoCloud, FAQ, Timeline, RichTextBlock, Callout, BlockImage, AvatarBlock, Navbar, Footer, ListBlock, isAssetRef, asAssetRef } from './chunk-27Q4AST5.js';
-export { ASSET_REF_PREFIX, Accordion, AssetResolverProvider, AvatarBlock, Banner, BlockImage, BlockLink, CTABanner, Callout, Columns, ContactForm, Container, FAQ, FONT_PAIRINGS, FeatureGrid, Footer, Gallery, Hero, ListBlock, LogoCloud, MediaText, Navbar, PricingTable, RichTextBlock, SectionHeading, Spacer, Steps, THEME_STYLE_ID, Tabs, TeamGrid, Testimonial, TestimonialGrid, ThemeEditor, Timeline, TimelineCalendar, TimelineGantt, VideoEmbed, applyFontVars, applyStoredTheme, applyThemeVars, asAssetRef, assetRefId, clearFontVars, clearThemeVars, createThemeStore, dayKey, daysUntil, fmtDate, fmtDateTime, fontPackages, formatPageRefs, formatSpan, fromNow, gbp, getFontPairing, hrs, initials, isAssetRef, matchFontPairing, monthLabel, parseIso, pct, tid, toEmbedUrl, toHslTriplet, useAssetRenderer, useAssetResolverActive, utcDay } from './chunk-27Q4AST5.js';
+import { formatPageRefs, tid, initials, fromNow, fmtDate, assetRefId, applyStoredTheme, AssetResolverProvider, ThemeEditor, applyThemeVars, SectionHeading, PricingTable, Tabs as Tabs$1, Accordion, Gallery, VideoEmbed, ContactForm, Banner, MediaText, TeamGrid, Steps, TestimonialGrid, Columns, Spacer, Container, Hero, FeatureGrid, Testimonial, CTABanner, LogoCloud, FAQ, Timeline, RichTextBlock, Callout, BlockImage, AvatarBlock, Navbar, Footer, ListBlock, isAssetRef, asAssetRef } from './chunk-FZ2S6VAZ.js';
+export { ASSET_REF_PREFIX, Accordion, AssetResolverProvider, AvatarBlock, Banner, BlockImage, BlockLink, CTABanner, Callout, Columns, ContactForm, Container, FAQ, FONT_PAIRINGS, FeatureGrid, Footer, Gallery, Hero, ListBlock, LogoCloud, MediaText, Navbar, PricingTable, RichTextBlock, SectionHeading, Spacer, Steps, THEME_STYLE_ID, TIMELINE_ZOOM, Tabs, TeamGrid, Testimonial, TestimonialGrid, ThemeEditor, Timeline, TimelineCalendar, TimelineGantt, TimelineZoomControl, VideoEmbed, applyFontVars, applyStoredTheme, applyThemeVars, asAssetRef, assetRefId, clearFontVars, clearThemeVars, createThemeStore, dayKey, daysUntil, fmtDate, fmtDateTime, fontPackages, formatPageRefs, formatSpan, fromNow, gbp, getFontPairing, hrs, initials, isAssetRef, matchFontPairing, monthLabel, parseIso, pct, tid, toEmbedUrl, toHslTriplet, useAssetRenderer, useAssetResolverActive, utcDay } from './chunk-FZ2S6VAZ.js';
 import { createContext, useState, useRef, useEffect, useMemo, useCallback, useContext } from 'react';
 import { MessageSquare, Cpu, Code, Cloud, Layers, Target, Award, MapPin, Phone, Mail, Lock, Globe, Heart, Star, Rocket, Shield, Zap, Sparkles, Gavel, Scale, Bell, Activity, BarChart3, DollarSign, TrendingUp, Info, AlertCircle, CheckCircle, Clock, Calendar, Briefcase, Users, Folder, FileText, X, Loader2, UploadCloud, Search, Pencil, ChevronDown, ArrowUpRight, ArrowDownRight, Plus, FolderLock, CheckCircle2, ArrowLeftRight, MessagesSquare, Menu, ArrowLeft, Palette, RotateCcw, ChevronUp, BrainCircuit, Bot, LayoutGrid, FileJson, Download, Crop, ImagePlus, Upload, Link2, Check } from 'lucide-react';
 import { Textarea, cn, DocumentEntity, useArbi, ArbiProvider, useAiTask, useWorkspaceDocs as useWorkspaceDocs$1, useSemanticSearch as useSemanticSearch$1, Table, TableHeader, TableRow, TableHead, TableBody, TableCell, Input, Avatar, AvatarImage, AvatarFallback, Card, Button, CardHeader, CardTitle, CardDescription, CardContent, Tooltip, TooltipTrigger, TooltipContent, CardFooter, TooltipProvider, NotificationBell, UserMenu, useThumbnails, Badge, Switch, useConfigs, useAgents, Checkbox, Tabs, TabsList, TabsTrigger, TabsContent, Separator, ArbiWebSocketProvider, useDocuments, ImageCropModal, DEFAULT_ASPECT_OPTIONS, useConversations } from '@arbidocs/react';
@@ -219,27 +219,25 @@ function CitationEditor({
       setLocalValue(value);
     }
   }, [value, isEditing]);
-  const passages = useMemo(() => citations?.passages ?? [], [citations]);
-  const hasCitations = passages.length > 0;
+  const sources = useMemo(() => citations ?? [], [citations]);
+  const hasCitations = sources.length > 0;
   const byDoc = useMemo(() => {
     const groups = /* @__PURE__ */ new Map();
-    for (const passage of passages) {
-      if (!passage.doc_ext_id) continue;
-      const group = groups.get(passage.doc_ext_id) ?? { pages: [], count: 0 };
-      group.count += 1;
-      if (passage.page != null && !group.pages.includes(passage.page))
-        group.pages.push(passage.page);
-      groups.set(passage.doc_ext_id, group);
+    for (const doc of sources) {
+      const chunks = doc.chunks ?? [];
+      const pages = [];
+      for (const c of chunks) if (c.page != null && !pages.includes(c.page)) pages.push(c.page);
+      groups.set(doc.doc_ext_id, { pages, count: chunks.length });
     }
     return groups;
-  }, [passages]);
+  }, [sources]);
   const docIds = Array.from(byDoc.keys());
   const handleRemoveDocument = useCallback(
     (docExtId) => {
-      const remaining = passages.filter((p) => p.doc_ext_id !== docExtId);
-      onChange(localValue, remaining.length ? { passages: remaining } : null);
+      const remaining = sources.filter((d) => d.doc_ext_id !== docExtId);
+      onChange(localValue, remaining.length ? remaining : null);
     },
-    [passages, localValue, onChange]
+    [sources, localValue, onChange]
   );
   const handleToggleDocument = useCallback(
     (docExtId) => {
@@ -346,10 +344,6 @@ function CitationEditor({
           docId
         );
       }),
-      passages.some((p) => !p.doc_ext_id) && /* @__PURE__ */ jsxs("span", { className: "text-sm text-muted-foreground", children: [
-        passages.filter((p) => !p.doc_ext_id).length,
-        " passage(s) without a recorded document"
-      ] }),
       !readOnly && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", children: /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-0", "data-testid": "citation-document-picker", children: renderDocumentPicker?.(handleToggleDocument, docIds) }) })
     ] }),
     activeCitationKey && /* @__PURE__ */ jsxs("p", { className: "text-sm text-blue-text", children: [
@@ -1269,16 +1263,24 @@ function EntityIdentityBar({
       children: [
         /* @__PURE__ */ jsxs("dl", { className: "min-w-0 flex-1 space-y-1.5", children: [
           fields.map((field) => /* @__PURE__ */ jsx(IdentityFieldRow, { field, canEdit }, field.label)),
-          extraRows.map((row) => /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2", "data-testid": row.testId, children: [
-            /* @__PURE__ */ jsxs("dt", { className: "w-24 shrink-0 text-sm font-medium text-muted-foreground", children: [
-              row.label,
-              ":"
-            ] }),
-            /* @__PURE__ */ jsxs("dd", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
-              row.content,
-              row.trailing ? /* @__PURE__ */ jsx("div", { className: "ml-auto shrink-0", children: row.trailing }) : null
-            ] })
-          ] }, row.label)),
+          extraRows.map((row) => /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "flex min-h-7 min-w-0 items-center gap-2",
+              "data-testid": row.testId,
+              children: [
+                /* @__PURE__ */ jsxs("dt", { className: "w-24 shrink-0 text-sm font-medium text-muted-foreground", children: [
+                  row.label,
+                  ":"
+                ] }),
+                /* @__PURE__ */ jsxs("dd", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
+                  row.content,
+                  row.trailing ? /* @__PURE__ */ jsx("div", { className: "ml-auto shrink-0", children: row.trailing }) : null
+                ] })
+              ]
+            },
+            row.label
+          )),
           footer ? /* @__PURE__ */ jsx("div", { className: "flex items-center pt-0.5", children: footer }) : null
         ] }),
         actions ? /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center gap-2", children: actions }) : null
@@ -1295,6 +1297,8 @@ function IdentityFieldRow({ field, canEdit }) {
     multiline = false,
     maxLength,
     valueClassName,
+    leading,
+    hideLabel,
     trailing,
     testId
   } = field;
@@ -1333,13 +1337,12 @@ function IdentityFieldRow({ field, canEdit }) {
       }
     }
   };
-  return /* @__PURE__ */ jsxs("div", { className: cn("flex min-w-0 gap-2", multiline ? "items-start" : "items-center"), children: [
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex min-h-7 min-w-0 gap-2", multiline ? "items-start" : "items-center"), children: [
     /* @__PURE__ */ jsxs(
       "dt",
       {
         className: cn(
-          "w-24 shrink-0 text-sm font-medium text-muted-foreground",
-          multiline && "pt-1"
+          hideLabel ? "sr-only" : cn("w-24 shrink-0 text-sm font-medium text-muted-foreground", multiline && "pt-1")
         ),
         children: [
           label,
@@ -1348,6 +1351,7 @@ function IdentityFieldRow({ field, canEdit }) {
       }
     ),
     /* @__PURE__ */ jsxs("dd", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
+      leading,
       isEditing ? /* @__PURE__ */ jsxs("div", { className: "relative min-w-0 flex-1", children: [
         multiline ? /* @__PURE__ */ jsx(
           Textarea,
@@ -1577,7 +1581,7 @@ function RecentActivityCard({
           /* @__PURE__ */ jsx(
             "p",
             {
-              className: "mt-1 px-4 pb-1 text-[11px] font-medium uppercase tracking-wide text-muted-foreground",
+              className: "mt-1 px-4 pb-1 text-right text-[11px] font-medium uppercase tracking-wide text-muted-foreground",
               "data-testid": testId && `${testId}-caption`,
               children: caption
             }
@@ -1603,18 +1607,18 @@ function RecentActivityCard({
                     onClick: row.onClick,
                     title: row.title,
                     className: cn(
-                      "flex min-w-0 flex-1 items-start gap-3 py-2.5 pl-4 pr-2 text-left focus-visible:outline-none",
+                      "flex min-w-0 flex-1 items-start gap-3 py-1.5 pl-4 pr-2 text-left focus-visible:outline-none",
                       row.onClick && "cursor-pointer"
                     ),
                     "data-testid": testId && `${testId}-row`,
                     children: [
                       row.leading,
                       /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-                        /* @__PURE__ */ jsx("span", { className: "block truncate text-sm font-semibold text-foreground group-hover:text-primary", children: row.title }),
-                        /* @__PURE__ */ jsxs("div", { className: "mt-0.5 flex items-center gap-1.5", children: [
-                          /* @__PURE__ */ jsx("p", { className: "min-w-0 flex-1 truncate text-xs text-muted-foreground", children: row.subtitle }),
+                        /* @__PURE__ */ jsxs("div", { className: "flex items-baseline gap-1.5", children: [
+                          /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-sm font-semibold text-foreground group-hover:text-primary", children: row.title }),
                           !row.trailing && row.meta && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-[11px] text-muted-foreground", children: row.meta })
-                        ] })
+                        ] }),
+                        /* @__PURE__ */ jsx("p", { className: "mt-0.5 truncate text-xs text-muted-foreground", children: row.subtitle })
                       ] })
                     ]
                   }
@@ -1758,6 +1762,74 @@ function ResumeStrip({
     )) })
   ] });
 }
+function SectionCaption({ children, className, testId }) {
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      className: cn(
+        "text-[11px] font-medium uppercase tracking-wide text-muted-foreground",
+        className
+      ),
+      "data-testid": testId,
+      children
+    }
+  );
+}
+function QuickActionCards({
+  items,
+  caption,
+  className,
+  testId = "quick-action-cards"
+}) {
+  if (items.length === 0) return null;
+  return /* @__PURE__ */ jsxs("section", { className: cn("flex flex-col gap-2", className), "data-testid": testId, children: [
+    caption && /* @__PURE__ */ jsx(SectionCaption, { children: caption }),
+    /* @__PURE__ */ jsx("div", { className: "grid gap-2 [grid-template-columns:repeat(auto-fit,minmax(190px,1fr))]", children: items.map((item) => {
+      const Icon = item.icon;
+      return /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: item.onClick,
+          disabled: item.disabled,
+          title: item.disabled ? item.disabledReason : void 0,
+          "aria-describedby": void 0,
+          className: cn(
+            "group flex h-full items-start gap-3 rounded-2xl border-2 border-border bg-card p-4 text-left",
+            "transition-colors",
+            // `[&:hover]` rather than `hover:` — Tailwind v4 wraps the hover
+            // variant in @media (hover: hover), so on a touchscreen the
+            // affordance would never appear at all.
+            "[&:hover]:border-theme-cyan/50 [&:hover]:bg-theme-cyan/5",
+            "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-theme-cyan focus-visible:ring-offset-2",
+            "disabled:cursor-default disabled:opacity-55",
+            "disabled:[&:hover]:border-border disabled:[&:hover]:bg-card"
+          ),
+          "data-testid": item.testId,
+          children: [
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn(
+                  "flex h-10 w-10 shrink-0 items-center justify-center rounded-full",
+                  "bg-theme-cyan/10 text-theme-cyan transition-colors",
+                  "[.group:hover_&]:bg-theme-cyan/20",
+                  item.disabled && "bg-muted text-muted-foreground [.group:hover_&]:bg-muted"
+                ),
+                children: /* @__PURE__ */ jsx(Icon, { className: "h-5 w-5" })
+              }
+            ),
+            /* @__PURE__ */ jsxs("span", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsx("span", { className: "block text-base font-medium text-foreground", children: item.title }),
+              /* @__PURE__ */ jsx("span", { className: "mt-0.5 block text-sm leading-snug text-muted-foreground", children: item.disabled && item.disabledReason ? item.disabledReason : item.description })
+            ] })
+          ]
+        },
+        item.id
+      );
+    }) })
+  ] });
+}
 function SectionStrip({
   icon: Icon,
   title,
@@ -1773,7 +1845,10 @@ function SectionStrip({
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: cn("rounded-xl border border-border/60 bg-card p-2 shadow-sm", className),
+      className: cn(
+        "@container rounded-xl border border-border/60 bg-card p-2 shadow-sm",
+        className
+      ),
       "data-testid": testId,
       children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
@@ -1842,7 +1917,7 @@ function SectionStrip({
             ]
           }
         ) : null : /* @__PURE__ */ jsx("div", { className: "grid gap-x-4 @2xl:grid-cols-2", children: filledGroups.map((group) => /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("p", { className: "mt-1 px-2 pb-0.5 text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: group.caption }),
+          /* @__PURE__ */ jsx("p", { className: "mt-1 px-2 pb-0.5 text-right text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: group.caption }),
           /* @__PURE__ */ jsx("ul", { children: group.rows.map((row) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
             "button",
             {
@@ -2049,18 +2124,18 @@ function WorkspaceCard({
           )
         ] }),
         /* @__PURE__ */ jsxs(CardFooter, { className: "mt-auto flex w-full min-w-0 flex-col items-stretch gap-3 overflow-hidden p-0", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center gap-x-3 text-sm", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center gap-x-3 text-[15px]", children: [
             /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-3", children: [
               /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 text-foreground", title: "Documents", children: [
-                /* @__PURE__ */ jsx(FileText, { className: "size-3.5 text-muted-foreground" }),
+                /* @__PURE__ */ jsx(FileText, { className: "size-4 text-muted-foreground" }),
                 /* @__PURE__ */ jsx("span", { className: "font-medium tabular-nums", children: docCount.toLocaleString() })
               ] }),
               chatCount !== void 0 && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 text-foreground", title: "Chats", children: [
-                /* @__PURE__ */ jsx(MessagesSquare, { className: "size-3.5 text-muted-foreground" }),
+                /* @__PURE__ */ jsx(MessagesSquare, { className: "size-4 text-muted-foreground" }),
                 /* @__PURE__ */ jsx("span", { className: "font-medium tabular-nums", children: chatCount.toLocaleString() })
               ] }),
               /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 text-foreground", title: "Members", children: [
-                /* @__PURE__ */ jsx(Users, { className: "size-3.5 text-muted-foreground" }),
+                /* @__PURE__ */ jsx(Users, { className: "size-4 text-muted-foreground" }),
                 /* @__PURE__ */ jsx(
                   "span",
                   {
@@ -5532,6 +5607,6 @@ function VerticalBuilder({
   ] });
 }
 
-export { AgentsPanel, AppHeader, AppShell, AskBar, AssetThumb, CitationEditor, ConnectionProvider, DataTable, DataTableBlock, EmptyState, EntityIdentityBar, GridView, IDENTITY_NAME_MAX_LENGTH, LegalArbiProvider, LiveDataProvider, MemberAvatarStack, MetricCard, ModuleManager, PageHeader, PageRenderer, RecentActivityCard, ResumeStrip, Section, SectionStrip, StartHero, StatGroup, StudioEditor, Toolbar, UploadDropzone, UsageMeter, VerticalBuilder, WidgetPlaceholder, WorkspaceCard, createAgentSelectionStore, createAiFields, createArbiBlocksConfig, createArbiMaterializer, createBlockKit, createImageField, createLiveWidgets, createModuleRegistry, createModuleStore, createPromptLibrary, createSiteBlocks, createStudioPersistence, createVerticalExport, createWebsiteBlocks, iconMap, isAuthenticated, materializePageData, matterToContext, useAssetImage, useConnection, useFirmAiTask, useImageGen, useLiveDataActive, useSemanticSearch, useWorkspaceDocs };
+export { AgentsPanel, AppHeader, AppShell, AskBar, AssetThumb, CitationEditor, ConnectionProvider, DataTable, DataTableBlock, EmptyState, EntityIdentityBar, GridView, IDENTITY_NAME_MAX_LENGTH, LegalArbiProvider, LiveDataProvider, MemberAvatarStack, MetricCard, ModuleManager, PageHeader, PageRenderer, QuickActionCards, RecentActivityCard, ResumeStrip, Section, SectionCaption, SectionStrip, StartHero, StatGroup, StudioEditor, Toolbar, UploadDropzone, UsageMeter, VerticalBuilder, WidgetPlaceholder, WorkspaceCard, createAgentSelectionStore, createAiFields, createArbiBlocksConfig, createArbiMaterializer, createBlockKit, createImageField, createLiveWidgets, createModuleRegistry, createModuleStore, createPromptLibrary, createSiteBlocks, createStudioPersistence, createVerticalExport, createWebsiteBlocks, iconMap, isAuthenticated, materializePageData, matterToContext, useAssetImage, useConnection, useFirmAiTask, useImageGen, useLiveDataActive, useSemanticSearch, useWorkspaceDocs };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map