@unofficialbox/box-open-elements 0.19.0 → 0.20.0

package/dist/components/collections/check-list.d.ts

@@ -0,0 +1,10 @@
+import { ResultBlocks, type ResultBlock } from "./result-blocks.js";
+export declare class CheckList extends ResultBlocks {
+    static readonly tagName = "box-check-list";
+    get rows(): Extract<ResultBlock, {
+        type: "checks";
+    }>["rows"];
+    set rows(rows: Extract<ResultBlock, {
+        type: "checks";
+    }>["rows"]);
+}

package/dist/components/collections/check-list.js

@@ -0,0 +1,8 @@
+import { ResultBlocks } from "./result-blocks.js";
+const DEFAULT_TAG_NAME = "box-check-list";
+export class CheckList extends ResultBlocks {
+    static tagName = DEFAULT_TAG_NAME;
+    get rows() { const b = this.blocks[0]; return b?.type === "checks" ? b.rows : []; }
+    set rows(rows) { this.blocks = [{ type: "checks", rows }]; }
+}
+CheckList.register();

package/dist/components/collections/document-list.d.ts

@@ -0,0 +1,10 @@
+import { ResultBlocks, type ResultBlock } from "./result-blocks.js";
+export declare class DocumentList extends ResultBlocks {
+    static readonly tagName = "box-document-list";
+    get items(): Extract<ResultBlock, {
+        type: "documents";
+    }>["items"];
+    set items(items: Extract<ResultBlock, {
+        type: "documents";
+    }>["items"]);
+}

package/dist/components/collections/document-list.js

@@ -0,0 +1,8 @@
+import { ResultBlocks } from "./result-blocks.js";
+const DEFAULT_TAG_NAME = "box-document-list";
+export class DocumentList extends ResultBlocks {
+    static tagName = DEFAULT_TAG_NAME;
+    get items() { const b = this.blocks[0]; return b?.type === "documents" ? b.items : []; }
+    set items(items) { this.blocks = [{ type: "documents", items }]; }
+}
+DocumentList.register();

package/dist/components/collections/fact-list.d.ts

@@ -0,0 +1,10 @@
+import { ResultBlocks, type ResultBlock } from "./result-blocks.js";
+export declare class FactList extends ResultBlocks {
+    static readonly tagName = "box-fact-list";
+    get rows(): Extract<ResultBlock, {
+        type: "facts";
+    }>["rows"];
+    set rows(rows: Extract<ResultBlock, {
+        type: "facts";
+    }>["rows"]);
+}

package/dist/components/collections/fact-list.js

@@ -0,0 +1,8 @@
+import { ResultBlocks } from "./result-blocks.js";
+const DEFAULT_TAG_NAME = "box-fact-list";
+export class FactList extends ResultBlocks {
+    static tagName = DEFAULT_TAG_NAME;
+    get rows() { const b = this.blocks[0]; return b?.type === "facts" ? b.rows : []; }
+    set rows(rows) { this.blocks = [{ type: "facts", rows }]; }
+}
+FactList.register();

package/dist/components/collections/result-blocks.d.ts

@@ -0,0 +1,54 @@
+import { BaseElement } from "../../core/element.js";
+export type CheckStatus = "pass" | "warn" | "fail" | "info";
+export type ResultBlock = {
+    id?: string;
+} & ({
+    type: "facts";
+    title?: string;
+    rows: {
+        label: string;
+        value: string;
+    }[];
+} | {
+    type: "checks";
+    title?: string;
+    rows: {
+        label: string;
+        value?: string;
+        detail?: string;
+        status: CheckStatus;
+    }[];
+} | {
+    type: "table";
+    title?: string;
+    columns: string[];
+    rows: {
+        cells: string[];
+        status?: CheckStatus;
+        note?: string;
+    }[];
+    footnote?: string;
+} | {
+    type: "documents";
+    title?: string;
+    items: {
+        id: string;
+        name: string;
+        detail?: string;
+        href?: string;
+    }[];
+});
+export declare const resultDocumentIds: (blocks: readonly ResultBlock[]) => string[];
+/** Pure escaped renderer also usable by host-composed conversations. */
+export declare function renderResultBlock(block: ResultBlock): string;
+export declare const resultBlockStyles: string;
+export declare class ResultBlocks extends BaseElement {
+    static readonly tagName: string;
+    private value;
+    get blocks(): ResultBlock[];
+    set blocks(value: ResultBlock[]);
+    get documentIds(): string[];
+    protected renderTemplate(): void;
+    protected setupListeners(): void;
+    protected update(): void;
+}

package/dist/components/collections/result-blocks.js

@@ -0,0 +1,71 @@
+import { BaseElement } from "../../core/element.js";
+import { isSafeHref } from "../../patterns/internal/safe-href.js";
+import { boeStatusGlyph, boeStatusStyles, statusLabel, toStatusKind } from "../../foundations/status/index.js";
+import { boeEntrance, boeEntranceKeyframes, boeReducedMotionPolicy, boeStaggerStyles } from "../../foundations/motion/index.js";
+const escape = (s) => s.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
+const verdict = (s) => ({ pass: "Within policy", warn: "Needs exception", fail: "Outside policy", info: "Information" })[s];
+const glyph = (s) => boeStatusGlyph(toStatusKind(s));
+export const resultDocumentIds = (blocks) => [...new Set(blocks.flatMap(b => b.type === "documents" ? b.items.map(i => i.id) : []))];
+/** Pure escaped renderer also usable by host-composed conversations. */
+export function renderResultBlock(block) {
+    const heading = block.title ? `<h3 part="title">${escape(block.title)}</h3>` : "";
+    if (block.type === "facts")
+        return `${heading}<dl part="facts">${block.rows.map(r => `<div part="row"><dt>${escape(r.label)}</dt><dd>${escape(r.value)}</dd></div>`).join("")}</dl>`;
+    if (block.type === "checks")
+        return `${heading}<ul part="checks">${block.rows.map(r => `<li part="row">${glyph(r.status)}<div><strong>${escape(r.label)}</strong>${r.detail ? `<p>${escape(r.detail)}</p>` : ""}</div><span part="verdict" data-status="${r.status}">${escape(r.value ?? verdict(r.status))}</span></li>`).join("")}</ul>`;
+    if (block.type === "documents")
+        return `${heading}<ul part="documents">${block.items.map(i => {
+            const content = `<svg aria-hidden="true" width="16" height="20" viewBox="0 0 16 20"><path d="M2 1h8l4 4v14H2zM10 1v5h4" fill="none" stroke="currentColor"/></svg><span><strong>${escape(i.name)}</strong>${i.detail ? `<small>${escape(i.detail)}</small>` : ""}</span>`;
+            return `<li part="row">${i.href && isSafeHref(i.href) ? `<a part="document" data-document-id="${escape(i.id)}" href="${escape(i.href)}" target="_blank" rel="noopener noreferrer">${content}</a>` : `<button part="document" data-document-id="${escape(i.id)}">${content}</button>`}</li>`;
+        }).join("")}</ul>`;
+    return `${heading}<div part="table-frame" role="region" aria-label="${escape(block.title ?? "Results")}" tabindex="0"><table><thead><tr>${block.columns.map(c => `<th scope="col">${escape(c)}</th>`).join("")}</tr></thead><tbody>${block.rows.map(r => `<tr>${r.cells.map((cell, index) => index === 0 ? `<th scope="row">${r.status ? `${glyph(r.status)}<span class="sr">${statusLabel(toStatusKind(r.status))}: </span>` : ""}${escape(cell)}${r.note ? `<small>${escape(r.note)}</small>` : ""}</th>` : `<td>${escape(cell)}</td>`).join("")}</tr>`).join("")}</tbody></table></div>${block.footnote ? `<p>${escape(block.footnote)}</p>` : ""}`;
+}
+export const resultBlockStyles = `
+:host { display:block; min-width:0; color:var(--boe-token-text-text,#222); font:inherit; }
+:host([hidden]){display:none !important} *{box-sizing:border-box} h3{font-size:1em;margin:0 0 .5rem} dl,ul{padding:0;margin:0;list-style:none}
+[part="row"]{border-bottom:1px solid var(--boe-token-stroke-stroke,#ddd);padding:.7rem 0;display:flex;gap:.6rem;align-items:baseline}
+dt{color:var(--boe-token-text-text-secondary,#666)} dd{margin:0 0 0 auto;font-variant-numeric:tabular-nums}
+p{margin:.25rem 0;color:var(--boe-token-text-text-secondary,#666)} small{display:block;font-weight:normal;color:var(--boe-token-text-text-secondary,#666)}
+[part="verdict"]{margin-left:auto;text-align:right} [data-status="warn"]{color:var(--boe-token-text-status-text-warning,#946400)} [data-status="fail"]{color:var(--boe-token-text-status-text-error,#c52a46)}
+[part="document"]{display:flex;gap:.6rem;align-items:center;width:100%;text-align:left;color:inherit;font:inherit;background:none;border:0;text-decoration:none;cursor:pointer}
+[part="table-frame"]{overflow:auto;max-width:100%} table{border-collapse:collapse;min-width:100%;font-variant-numeric:tabular-nums} td,th{padding:.7rem;text-align:left;border-bottom:1px solid var(--boe-token-stroke-stroke,#ddd)} td:last-child{font-weight:600;background:var(--boe-token-surface-surface-secondary,#f7f7f7)}
+.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
+[part="block"]{${boeEntrance()}${boeStaggerStyles};margin-block:1rem;min-width:0}
+${boeEntranceKeyframes}${boeStatusStyles}${boeReducedMotionPolicy}`;
+const DEFAULT_TAG_NAME = "box-result-blocks";
+export class ResultBlocks extends BaseElement {
+    static tagName = DEFAULT_TAG_NAME;
+    value = [];
+    get blocks() { return this.value; }
+    set blocks(value) { this.value = value; if (this.isRendered)
+        this.update(); }
+    get documentIds() { return resultDocumentIds(this.value); }
+    renderTemplate() { this.shadowRoot.innerHTML = `<style>${resultBlockStyles}</style><div part="blocks"></div>`; }
+    setupListeners() {
+        this.shadowRoot.addEventListener("click", event => {
+            const row = event.target.closest("[data-document-id]");
+            if (row)
+                this.dispatchEvent(new CustomEvent("document-selected", { bubbles: true, composed: true, detail: { id: row.dataset.documentId } }));
+        });
+    }
+    update() {
+        const parent = this.shadowRoot.querySelector('[part="blocks"]');
+        this.value.forEach((block, index) => {
+            let node = parent.children[index];
+            const signature = JSON.stringify(block);
+            if (!node) {
+                node = document.createElement("section");
+                node.setAttribute("part", "block");
+                parent.append(node);
+            }
+            node.style.setProperty("--i", String(index));
+            if (node.dataset.signature !== signature) {
+                node.innerHTML = renderResultBlock(block);
+                node.dataset.signature = signature;
+            }
+        });
+        while (parent.children.length > this.value.length)
+            parent.lastElementChild.remove();
+    }
+}
+ResultBlocks.register();

package/dist/components/feedback/progress-bar.d.ts

@@ -9,6 +9,15 @@ export declare class ProgressBar extends BaseElement {
     private indicatorEl;
     get label(): string;
     set label(value: string);
+    /**
+     * Keep the label as the bar's accessible name but drop it from the layout.
+     *
+     * For a bar sitting under something that already names it — an upload row
+     * showing the filename above it — the visible label is a second copy of text
+     * the reader can already see.
+     */
+    get hideLabel(): boolean;
+    set hideLabel(value: boolean);
     get max(): number;
     set max(value: number);
     get value(): number;

package/dist/components/feedback/progress-bar.js

@@ -35,6 +35,14 @@ const progressBarStyles = `
     color: var(--boe-token-text-text-secondary, #6f6f6f);
   }
 
+  /* Fully hidden rather than the sr-only clip the form fields use. There the
+     label element *is* the control's accessible name, so it has to stay
+     readable; here the name lives on [part="track"]'s aria-label, and leaving
+     a clipped copy behind would just make a screen reader read it twice. */
+  :host([hide-label]) [part="label"] {
+    display: none;
+  }
+
   [part="value"] {
     font-size: 0.86rem;
     font-weight: 700;
@@ -61,7 +69,7 @@ const progressBarStyles = `
 export class ProgressBar extends BaseElement {
     static tagName = DEFAULT_TAG_NAME;
     static get observedAttributes() {
-        return ["label", "max", "value"];
+        return ["hide-label", "label", "max", "value"];
     }
     progressEl;
     labelEl;
@@ -74,6 +82,19 @@ export class ProgressBar extends BaseElement {
     set label(value) {
         this.setAttribute("label", value);
     }
+    /**
+     * Keep the label as the bar's accessible name but drop it from the layout.
+     *
+     * For a bar sitting under something that already names it — an upload row
+     * showing the filename above it — the visible label is a second copy of text
+     * the reader can already see.
+     */
+    get hideLabel() {
+        return this.hasAttribute("hide-label");
+    }
+    set hideLabel(value) {
+        this.toggleAttribute("hide-label", Boolean(value));
+    }
     get max() {
         return Number(this.getAttribute("max") ?? "100");
     }
@@ -92,7 +113,7 @@ export class ProgressBar extends BaseElement {
         }
         this.shadowRoot.innerHTML = `
       <style>${progressBarStyles}</style>
-      <div part="progress" role="group">
+      <div part="progress">
         <div part="meta">
           <span part="label"></span>
           <span part="value"></span>
@@ -115,7 +136,12 @@ export class ProgressBar extends BaseElement {
         const max = Math.max(1, this.max);
         const value = clamp(this.value, 0, max);
         const percentage = Math.round((value / max) * 100);
-        this.progressEl.setAttribute("aria-label", `${this.label} progress`);
+        // The name belongs to [part="track"] — the element carrying the
+        // progressbar role — and to nothing else. The wrapper used to be a
+        // role="group" named `${label} progress`, which both duplicated that name
+        // and stuttered: the default label is "Progress", so it announced
+        // "Progress progress", and the uploader's "<file> upload progress" became
+        // "<file> upload progress progress".
         this.labelEl.textContent = this.label;
         this.valueEl.textContent = `${percentage}%`;
         this.trackEl.setAttribute("aria-label", this.label);

package/dist/components/feedback/status-icon.d.ts

@@ -0,0 +1,10 @@
+import { BaseElement } from "../../core/element.js";
+import { type StatusKind } from "../../foundations/status/index.js";
+export declare class StatusIcon extends BaseElement {
+    static readonly tagName = "box-status-icon";
+    static get observedAttributes(): string[];
+    get kind(): StatusKind;
+    set kind(value: StatusKind);
+    protected renderTemplate(): void;
+    protected update(): void;
+}

package/dist/components/feedback/status-icon.js

@@ -0,0 +1,26 @@
+import { BaseElement } from "../../core/element.js";
+import { boeStatusGlyph, boeStatusStyles, statusLabel, toStatusKind } from "../../foundations/status/index.js";
+import { boeEntranceKeyframes, boeReducedMotionPolicy } from "../../foundations/motion/index.js";
+const DEFAULT_TAG_NAME = "box-status-icon";
+export class StatusIcon extends BaseElement {
+    static tagName = DEFAULT_TAG_NAME;
+    static get observedAttributes() { return ["kind"]; }
+    get kind() { return toStatusKind(this.getAttribute("kind") ?? "pending"); }
+    set kind(value) { this.setAttribute("kind", value); }
+    renderTemplate() {
+        this.shadowRoot.innerHTML = `<style>:host{display:inline-flex} :host([hidden]){display:none !important}
+    .label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
+    ${boeEntranceKeyframes}${boeStatusStyles}${boeReducedMotionPolicy}</style><span part="glyph"></span><span class="label" part="label"></span>`;
+    }
+    update() {
+        if (!this.isRendered)
+            return;
+        const glyph = this.shadowRoot.querySelector('[part="glyph"]');
+        if (glyph.getAttribute("data-kind") !== this.kind) {
+            glyph.setAttribute("data-kind", this.kind);
+            glyph.innerHTML = boeStatusGlyph(this.kind);
+        }
+        this.shadowRoot.querySelector('[part="label"]').textContent = statusLabel(this.kind);
+    }
+}
+StatusIcon.register();

package/dist/element-maps.d.ts

@@ -10,6 +10,7 @@ import type { AccessStats } from "./patterns/share/access-stats.js";
 import type { Accordion } from "./components/navigation/accordion.js";
 import type { ActivityDensityStrip } from "./patterns/audit/activity-density.js";
 import type { AgentChat } from "./patterns/agent-chat/agent-chat.js";
+import type { AgentWorkspace } from "./patterns/agent-workspace/agent-workspace.js";
 import type { Alert } from "./components/feedback/alert.js";
 import type { AnnotationInspector } from "./patterns/preview/annotation-inspector.js";
 import type { AnnotationThread } from "./patterns/preview/annotation-thread.js";
@@ -25,25 +26,21 @@ import type { BulkActionBar } from "./patterns/item/bulk-action-bar.js";
 import type { Button } from "./components/actions/button.js";
 import type { ButtonGroup } from "./components/actions/button-group.js";
 import type { Calendar } from "./components/forms/calendar.js";
+import type { CallConsole } from "./patterns/call-console/call-console.js";
 import type { Card } from "./components/collections/card.js";
 import type { Carousel } from "./components/collections/carousel.js";
 import type { CategorySelector } from "./components/forms/category-selector.js";
 import type { ChartPanel } from "./patterns/insights/chart-panel.js";
+import type { CheckList } from "./components/collections/check-list.js";
 import type { Checkbox } from "./components/forms/checkbox.js";
 import type { CheckboxGroup } from "./components/forms/checkbox-group.js";
 import type { Chip } from "./components/feedback/chip.js";
+import type { CodeBlock } from "./components/output/code-block.js";
 import type { CollaboratorAvatars } from "./patterns/share/collaborator-avatars.js";
 import type { ColorPicker } from "./components/forms/color-picker.js";
 import type { Combobox } from "./components/forms/combobox.js";
 import type { CommandPalette } from "./components/overlays/command-palette.js";
 import type { CommentThread } from "./patterns/comments/comment-thread.js";
-import type { CodeBlock } from "./components/output/code-block.js";
-import type { FormattedDate } from "./components/output/formatted-date.js";
-import type { Indicator } from "./components/feedback/indicator.js";
-import type { TileGroup } from "./components/forms/tile-group.js";
-import type { FormattedFileSize } from "./components/output/formatted-file-size.js";
-import type { FormattedNumber } from "./components/output/formatted-number.js";
-import type { RelativeTime } from "./components/output/relative-time.js";
 import type { CompareView } from "./patterns/diff/compare-view.js";
 import type { ContactDatalistItem } from "./components/identity/contact-datalist-item.js";
 import type { ContentExplorer } from "./patterns/content-explorer/content-explorer.js";
@@ -56,7 +53,7 @@ import type { DateField } from "./components/forms/date-field.js";
 import type { Dialog } from "./components/overlays/dialog.js";
 import type { DiffViewer } from "./patterns/diff/diff-viewer.js";
 import type { Divider } from "./components/layout/divider.js";
-import type { Grid } from "./components/layout/grid.js";
+import type { DocumentList } from "./components/collections/document-list.js";
 import type { DonutChart } from "./patterns/insights/donut-chart.js";
 import type { DraggableList } from "./components/collections/draggable-list.js";
 import type { Drawer } from "./components/overlays/drawer.js";
@@ -72,16 +69,23 @@ import type { ExplorerItems } from "./patterns/content-explorer/adapters/items.j
 import type { ExplorerList } from "./patterns/content-explorer/adapters/list.js";
 import type { ExplorerTable } from "./patterns/content-explorer/adapters/table.js";
 import type { ExplorerToolbar } from "./patterns/content-explorer/adapters/toolbar.js";
+import type { FactList } from "./components/collections/fact-list.js";
 import type { Fieldset } from "./components/forms/fieldset.js";
 import type { FileRequestBuilder } from "./patterns/file-request/file-request-builder.js";
 import type { FilterBar } from "./patterns/search/filter-bar.js";
 import type { FormWizard } from "./patterns/form-wizard/form-wizard.js";
+import type { FormattedDate } from "./components/output/formatted-date.js";
+import type { FormattedDuration } from "./components/output/formatted-duration.js";
+import type { FormattedFileSize } from "./components/output/formatted-file-size.js";
+import type { FormattedNumber } from "./components/output/formatted-number.js";
 import type { GovernancePanel } from "./patterns/governance/governance-panel.js";
+import type { Grid } from "./components/layout/grid.js";
 import type { GridView } from "./components/collections/grid-view.js";
 import type { GuideTooltip } from "./components/overlays/guide-tooltip.js";
 import type { HelpText } from "./components/feedback/help-text.js";
 import type { IconButton } from "./components/actions/icon-button.js";
 import type { Illustration } from "./components/visuals/illustration.js";
+import type { Indicator } from "./components/feedback/indicator.js";
 import type { InviteCollaboratorsModal } from "./patterns/share/invite-collaborators-modal.js";
 import type { ItemDetailsPanel } from "./patterns/item/item-details-panel.js";
 import type { ItemForm } from "./patterns/item/item-form.js";
@@ -100,6 +104,7 @@ import type { NotificationInbox } from "./patterns/notifications/notification-in
 import type { Nudge } from "./components/feedback/nudge.js";
 import type { NumberInput } from "./components/forms/number-input.js";
 import type { Pagination } from "./components/collections/pagination.js";
+import type { Path } from "./components/feedback/path.js";
 import type { PermissionMatrix } from "./patterns/share/permission-matrix.js";
 import type { Persona } from "./components/identity/persona.js";
 import type { PillCloud } from "./components/forms/pill-cloud.js";
@@ -115,8 +120,11 @@ import type { ProvenanceStrip } from "./patterns/lineage/provenance-strip.js";
 import type { RadioGroup } from "./components/forms/radio-group.js";
 import type { RangeSlider } from "./components/forms/range-slider.js";
 import type { Rating } from "./components/forms/rating.js";
+import type { RelativeTime } from "./components/output/relative-time.js";
+import type { ResultBlocks } from "./components/collections/result-blocks.js";
 import type { ReviewQueueItem } from "./patterns/task/review-queue-item.js";
 import type { RichTextInput } from "./components/forms/rich-text-input.js";
+import type { RunSummary } from "./patterns/run/run-summary.js";
 import type { RunTrace } from "./patterns/run/run-trace.js";
 import type { SavedViewPicker } from "./patterns/search/saved-view-picker.js";
 import type { SearchField } from "./components/forms/search-field.js";
@@ -133,7 +141,7 @@ import type { Slider } from "./components/forms/slider.js";
 import type { SpinButton } from "./components/forms/spin-button.js";
 import type { Spinner } from "./components/feedback/spinner.js";
 import type { SplitView } from "./components/layout/split-view.js";
-import type { Path } from "./components/feedback/path.js";
+import type { StatusIcon } from "./components/feedback/status-icon.js";
 import type { Switch } from "./components/forms/switch.js";
 import type { Table } from "./components/collections/table.js";
 import type { Tabs } from "./components/navigation/tabs.js";
@@ -142,9 +150,11 @@ import type { TaskAssignmentPanel } from "./patterns/task/task-assignment-panel.
 import type { TextArea } from "./components/forms/text-area.js";
 import type { TextField } from "./components/forms/text-field.js";
 import type { ThumbnailCard } from "./components/collections/thumbnail-card.js";
+import type { TileGroup } from "./components/forms/tile-group.js";
 import type { TimeField } from "./components/forms/time-field.js";
 import type { Timeline } from "./patterns/timeline/timeline.js";
 import type { Toast } from "./components/feedback/toast.js";
+import type { Toolbar } from "./components/actions/toolbar.js";
 import type { Tooltip } from "./components/overlays/tooltip.js";
 import type { Tree } from "./components/collections/tree.js";
 import type { TreeGrid } from "./components/collections/tree-grid.js";
@@ -160,6 +170,7 @@ declare global {
         "box-accordion": Accordion;
         "box-activity-density": ActivityDensityStrip;
         "box-agent-chat": AgentChat;
+        "box-agent-workspace": AgentWorkspace;
         "box-alert": Alert;
         "box-annotation-inspector": AnnotationInspector;
         "box-annotation-thread": AnnotationThread;
@@ -175,25 +186,21 @@ declare global {
         "box-button": Button;
         "box-button-group": ButtonGroup;
         "box-calendar": Calendar;
+        "box-call-console": CallConsole;
         "box-card": Card;
         "box-carousel": Carousel;
         "box-category-selector": CategorySelector;
         "box-chart-panel": ChartPanel;
+        "box-check-list": CheckList;
         "box-checkbox": Checkbox;
         "box-checkbox-group": CheckboxGroup;
         "box-chip": Chip;
+        "box-code-block": CodeBlock;
         "box-collaborator-avatars": CollaboratorAvatars;
         "box-color-picker": ColorPicker;
         "box-combobox": Combobox;
         "box-command-palette": CommandPalette;
         "box-comment-thread": CommentThread;
-        "box-code-block": CodeBlock;
-        "box-formatted-date": FormattedDate;
-        "box-indicator": Indicator;
-        "box-tile-group": TileGroup;
-        "box-formatted-file-size": FormattedFileSize;
-        "box-formatted-number": FormattedNumber;
-        "box-relative-time": RelativeTime;
         "box-compare-view": CompareView;
         "box-contact-datalist-item": ContactDatalistItem;
         "box-content-explorer": ContentExplorer;
@@ -206,7 +213,7 @@ declare global {
         "box-dialog": Dialog;
         "box-diff-viewer": DiffViewer;
         "box-divider": Divider;
-        "box-grid": Grid;
+        "box-document-list": DocumentList;
         "box-donut-chart": DonutChart;
         "box-draggable-list": DraggableList;
         "box-drawer": Drawer;
@@ -222,16 +229,23 @@ declare global {
         "box-explorer-list": ExplorerList;
         "box-explorer-table": ExplorerTable;
         "box-explorer-toolbar": ExplorerToolbar;
+        "box-fact-list": FactList;
         "box-fieldset": Fieldset;
         "box-file-request-builder": FileRequestBuilder;
         "box-filter-bar": FilterBar;
         "box-form-wizard": FormWizard;
+        "box-formatted-date": FormattedDate;
+        "box-formatted-duration": FormattedDuration;
+        "box-formatted-file-size": FormattedFileSize;
+        "box-formatted-number": FormattedNumber;
         "box-governance-panel": GovernancePanel;
+        "box-grid": Grid;
         "box-grid-view": GridView;
         "box-guide-tooltip": GuideTooltip;
         "box-help-text": HelpText;
         "box-icon-button": IconButton;
         "box-illustration": Illustration;
+        "box-indicator": Indicator;
         "box-invite-collaborators-modal": InviteCollaboratorsModal;
         "box-item-details-panel": ItemDetailsPanel;
         "box-item-form": ItemForm;
@@ -250,6 +264,7 @@ declare global {
         "box-nudge": Nudge;
         "box-number-input": NumberInput;
         "box-pagination": Pagination;
+        "box-path": Path;
         "box-permission-matrix": PermissionMatrix;
         "box-persona": Persona;
         "box-pill-cloud": PillCloud;
@@ -265,8 +280,11 @@ declare global {
         "box-radio-group": RadioGroup;
         "box-range-slider": RangeSlider;
         "box-rating": Rating;
+        "box-relative-time": RelativeTime;
+        "box-result-blocks": ResultBlocks;
         "box-review-queue-item": ReviewQueueItem;
         "box-rich-text-input": RichTextInput;
+        "box-run-summary": RunSummary;
         "box-run-trace": RunTrace;
         "box-saved-view-picker": SavedViewPicker;
         "box-search-field": SearchField;
@@ -283,7 +301,7 @@ declare global {
         "box-spin-button": SpinButton;
         "box-spinner": Spinner;
         "box-split-view": SplitView;
-        "box-path": Path;
+        "box-status-icon": StatusIcon;
         "box-switch": Switch;
         "box-table": Table;
         "box-tabs": Tabs;
@@ -292,9 +310,11 @@ declare global {
         "box-text-area": TextArea;
         "box-text-field": TextField;
         "box-thumbnail-card": ThumbnailCard;
+        "box-tile-group": TileGroup;
         "box-time-field": TimeField;
         "box-timeline": Timeline;
         "box-toast": Toast;
+        "box-toolbar": Toolbar;
         "box-tooltip": Tooltip;
         "box-tree": Tree;
         "box-tree-grid": TreeGrid;
@@ -307,4 +327,4 @@ declare global {
     }
 }
 /** Every element tag the library registers, for host-side narrowing. */
-export type BoxElementTagName = "box-access-stats" | "box-accordion" | "box-activity-density" | "box-agent-chat" | "box-alert" | "box-annotation-inspector" | "box-annotation-thread" | "box-annotation-toolbar" | "box-app-shell" | "box-audit-log" | "box-avatar" | "box-badge" | "box-badgeable" | "box-bar-chart" | "box-breadcrumb" | "box-bulk-action-bar" | "box-button" | "box-button-group" | "box-calendar" | "box-card" | "box-carousel" | "box-category-selector" | "box-chart-panel" | "box-checkbox" | "box-checkbox-group" | "box-chip" | "box-collaborator-avatars" | "box-color-picker" | "box-combobox" | "box-command-palette" | "box-comment-thread" | "box-code-block" | "box-formatted-date" | "box-indicator" | "box-tile-group" | "box-formatted-file-size" | "box-formatted-number" | "box-relative-time" | "box-compare-view" | "box-contact-datalist-item" | "box-content-explorer" | "box-content-picker" | "box-content-sidebar" | "box-content-uploader" | "box-context-menu" | "box-datalist-item" | "box-date-field" | "box-dialog" | "box-diff-viewer" | "box-divider" | "box-grid" | "box-donut-chart" | "box-draggable-list" | "box-drawer" | "box-drop-zone" | "box-dropdown" | "box-dual-listbox" | "box-due-badge" | "box-empty-state" | "box-error-mask" | "box-explorer-action-menu" | "box-explorer-breadcrumbs" | "box-explorer-items" | "box-explorer-list" | "box-explorer-table" | "box-explorer-toolbar" | "box-fieldset" | "box-file-request-builder" | "box-filter-bar" | "box-form-wizard" | "box-governance-panel" | "box-grid-view" | "box-guide-tooltip" | "box-help-text" | "box-icon-button" | "box-illustration" | "box-invite-collaborators-modal" | "box-item-details-panel" | "box-item-form" | "box-line-chart" | "box-lineage-graph" | "box-link-button" | "box-menu" | "box-menu-item" | "box-metadata-filter-builder" | "box-metadata-inspector" | "box-metric-card" | "box-multi-select" | "box-nav-sidebar" | "box-notification-bell" | "box-notification-inbox" | "box-nudge" | "box-number-input" | "box-pagination" | "box-permission-matrix" | "box-persona" | "box-pill-cloud" | "box-pill-selector-dropdown" | "box-popover" | "box-presence" | "box-preview-element" | "box-preview-header" | "box-progress-bar" | "box-progress-ring" | "box-progress-steps" | "box-provenance-strip" | "box-radio-group" | "box-range-slider" | "box-rating" | "box-review-queue-item" | "box-rich-text-input" | "box-run-trace" | "box-saved-view-picker" | "box-search-field" | "box-search-results-header" | "box-section" | "box-segmented-control" | "box-select" | "box-share-panel" | "box-shortcuts-overlay" | "box-sidebar-toggle-button" | "box-signature-ceremony" | "box-skeleton" | "box-slider" | "box-spin-button" | "box-spinner" | "box-split-view" | "box-path" | "box-switch" | "box-table" | "box-tabs" | "box-tag-input" | "box-task-assignment-panel" | "box-text-area" | "box-text-field" | "box-thumbnail-card" | "box-time-field" | "box-timeline" | "box-toast" | "box-tooltip" | "box-tree" | "box-tree-grid" | "box-unified-share-modal" | "box-version-graph" | "box-version-list" | "box-wizard-summary" | "box-work-queue" | "box-workload-board";
+export type BoxElementTagName = "box-access-stats" | "box-accordion" | "box-activity-density" | "box-agent-chat" | "box-agent-workspace" | "box-alert" | "box-annotation-inspector" | "box-annotation-thread" | "box-annotation-toolbar" | "box-app-shell" | "box-audit-log" | "box-avatar" | "box-badge" | "box-badgeable" | "box-bar-chart" | "box-breadcrumb" | "box-bulk-action-bar" | "box-button" | "box-button-group" | "box-calendar" | "box-call-console" | "box-card" | "box-carousel" | "box-category-selector" | "box-chart-panel" | "box-check-list" | "box-checkbox" | "box-checkbox-group" | "box-chip" | "box-code-block" | "box-collaborator-avatars" | "box-color-picker" | "box-combobox" | "box-command-palette" | "box-comment-thread" | "box-compare-view" | "box-contact-datalist-item" | "box-content-explorer" | "box-content-picker" | "box-content-sidebar" | "box-content-uploader" | "box-context-menu" | "box-datalist-item" | "box-date-field" | "box-dialog" | "box-diff-viewer" | "box-divider" | "box-document-list" | "box-donut-chart" | "box-draggable-list" | "box-drawer" | "box-drop-zone" | "box-dropdown" | "box-dual-listbox" | "box-due-badge" | "box-empty-state" | "box-error-mask" | "box-explorer-action-menu" | "box-explorer-breadcrumbs" | "box-explorer-items" | "box-explorer-list" | "box-explorer-table" | "box-explorer-toolbar" | "box-fact-list" | "box-fieldset" | "box-file-request-builder" | "box-filter-bar" | "box-form-wizard" | "box-formatted-date" | "box-formatted-duration" | "box-formatted-file-size" | "box-formatted-number" | "box-governance-panel" | "box-grid" | "box-grid-view" | "box-guide-tooltip" | "box-help-text" | "box-icon-button" | "box-illustration" | "box-indicator" | "box-invite-collaborators-modal" | "box-item-details-panel" | "box-item-form" | "box-line-chart" | "box-lineage-graph" | "box-link-button" | "box-menu" | "box-menu-item" | "box-metadata-filter-builder" | "box-metadata-inspector" | "box-metric-card" | "box-multi-select" | "box-nav-sidebar" | "box-notification-bell" | "box-notification-inbox" | "box-nudge" | "box-number-input" | "box-pagination" | "box-path" | "box-permission-matrix" | "box-persona" | "box-pill-cloud" | "box-pill-selector-dropdown" | "box-popover" | "box-presence" | "box-preview-element" | "box-preview-header" | "box-progress-bar" | "box-progress-ring" | "box-progress-steps" | "box-provenance-strip" | "box-radio-group" | "box-range-slider" | "box-rating" | "box-relative-time" | "box-result-blocks" | "box-review-queue-item" | "box-rich-text-input" | "box-run-summary" | "box-run-trace" | "box-saved-view-picker" | "box-search-field" | "box-search-results-header" | "box-section" | "box-segmented-control" | "box-select" | "box-share-panel" | "box-shortcuts-overlay" | "box-sidebar-toggle-button" | "box-signature-ceremony" | "box-skeleton" | "box-slider" | "box-spin-button" | "box-spinner" | "box-split-view" | "box-status-icon" | "box-switch" | "box-table" | "box-tabs" | "box-tag-input" | "box-task-assignment-panel" | "box-text-area" | "box-text-field" | "box-thumbnail-card" | "box-tile-group" | "box-time-field" | "box-timeline" | "box-toast" | "box-toolbar" | "box-tooltip" | "box-tree" | "box-tree-grid" | "box-unified-share-modal" | "box-version-graph" | "box-version-list" | "box-wizard-summary" | "box-work-queue" | "box-workload-board";

package/dist/entries/agent-workspace.d.ts

@@ -0,0 +1 @@
+export * from "../patterns/agent-workspace/index.js";

package/dist/entries/agent-workspace.js

@@ -0,0 +1 @@
+export * from "../patterns/agent-workspace/index.js";

package/dist/entries/call-console.d.ts

@@ -0,0 +1 @@
+export * from "../patterns/call-console/index.js";

package/dist/entries/call-console.js

@@ -0,0 +1 @@
+export * from "../patterns/call-console/index.js";

package/dist/entries/check-list.d.ts

@@ -0,0 +1 @@
+export * from "../components/collections/check-list.js";

package/dist/entries/check-list.js

@@ -0,0 +1 @@
+export * from "../components/collections/check-list.js";

package/dist/entries/document-list.d.ts

@@ -0,0 +1 @@
+export * from "../components/collections/document-list.js";

package/dist/entries/document-list.js

@@ -0,0 +1 @@
+export * from "../components/collections/document-list.js";

package/dist/entries/fact-list.d.ts

@@ -0,0 +1 @@
+export * from "../components/collections/fact-list.js";

package/dist/entries/fact-list.js

@@ -0,0 +1 @@
+export * from "../components/collections/fact-list.js";

package/dist/entries/result-blocks.d.ts

@@ -0,0 +1 @@
+export * from "../components/collections/result-blocks.js";

package/dist/entries/result-blocks.js

@@ -0,0 +1 @@
+export * from "../components/collections/result-blocks.js";

package/dist/entries/run-summary.d.ts

@@ -0,0 +1 @@
+export * from "../patterns/run/run-summary.js";

package/dist/entries/run-summary.js

@@ -0,0 +1 @@
+export * from "../patterns/run/run-summary.js";

package/dist/entries/status-icon.d.ts

@@ -0,0 +1 @@
+export * from "../components/feedback/status-icon.js";

package/dist/entries/status-icon.js

@@ -0,0 +1 @@
+export * from "../components/feedback/status-icon.js";

package/dist/foundations/motion/behaviors.d.ts

@@ -0,0 +1,8 @@
+export declare const boeMotionStagger = "var(--boe-profile-motion-stagger, 50ms)";
+export declare const boeEntranceKeyframes = "\n@keyframes boe-rise { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }\n@keyframes boe-pop { from { opacity: 0; transform: scale(.8); } to { opacity: 1; transform: none; } }\n@keyframes boe-fade-in { from { opacity: 0; } to { opacity: 1; } }\n@keyframes boe-status-check { from { stroke-dashoffset: 20; } to { stroke-dashoffset: 0; } }\n@keyframes boe-status-spin { to { transform: rotate(360deg); } }\n";
+export declare const boeEntrance: (name?: "rise" | "pop" | "fade-in") => string;
+export declare const boeStaggerStyles = "animation-delay: calc(var(--i, 0) * var(--boe-profile-motion-stagger, 50ms));";
+/** Put padding on a grandchild, not the collapsible child. Pair with inert. */
+export declare const boeDisclosureStyles: (selector?: string) => string;
+/** Include in document and shadow styles: media rules do not cross shadow roots. */
+export declare const boeReducedMotionPolicy = "\n@media (prefers-reduced-motion: reduce) {\n  *, *::before, *::after { animation-duration: 1ms !important; animation-iteration-count: 1 !important;\n    animation-delay: 0ms !important; transition-duration: 1ms !important; transition-delay: 0ms !important; scroll-behavior: auto !important; }\n}\n";