@agent-native/toolkit 0.15.1 → 0.16.1

package/dist/data-grid/DataGrid.spec.js

@@ -0,0 +1,134 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// @vitest-environment happy-dom
+import { act } from "react";
+import { createRoot } from "react-dom/client";
+import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+import { DataGrid, dataGridColumnTemplate, } from "./index.js";
+const columns = [
+    {
+        id: "name",
+        label: "Name",
+        width: 180,
+        getValue: (row) => row.name,
+        renderCell: ({ value }) => String(value ?? ""),
+    },
+    {
+        id: "status",
+        label: "Status",
+        width: 120,
+        getValue: (row) => row.status,
+        renderCell: ({ value }) => String(value ?? ""),
+        renderEditor: ({ value, onCommit }) => (_jsx("input", { "aria-label": "Status editor", defaultValue: String(value ?? ""), onKeyDown: (event) => {
+                if (event.key === "Enter")
+                    onCommit(event.currentTarget.value);
+            } })),
+    },
+];
+const rows = [
+    { id: "row-1", name: "First", status: "Open" },
+    { id: "row-2", name: "Second", status: "Closed" },
+];
+describe("data-grid", () => {
+    it("builds a bounded template and includes the selection column only when requested", () => {
+        expect(dataGridColumnTemplate(columns, { name: 40 }, "none")).toBe("96px 120px");
+        expect(dataGridColumnTemplate(columns, { name: 220 }, "multiple")).toBe("40px 220px 120px");
+    });
+    describe("DataGrid", () => {
+        let container;
+        let root;
+        beforeEach(() => {
+            vi.stubGlobal("IS_REACT_ACT_ENVIRONMENT", true);
+            container = document.createElement("div");
+            document.body.appendChild(container);
+            root = createRoot(container);
+        });
+        afterEach(() => {
+            act(() => root.unmount());
+            container.remove();
+            vi.restoreAllMocks();
+            vi.unstubAllGlobals();
+        });
+        it("moves the active cell with arrows and commits an editor value", () => {
+            const onActiveCellChange = vi.fn();
+            const onCellCommit = vi.fn();
+            act(() => {
+                root.render(_jsx(DataGrid, { rows: rows, columns: columns, getRowId: (row) => row.id, onActiveCellChange: onActiveCellChange, onCellCommit: onCellCommit }));
+            });
+            const firstNameCell = container.querySelector('[data-data-grid-row-id="row-1"][data-data-grid-column-id="name"]');
+            expect(firstNameCell?.getAttribute("tabindex")).toBe("0");
+            act(() => {
+                firstNameCell?.dispatchEvent(new KeyboardEvent("keydown", { bubbles: true, key: "ArrowRight" }));
+            });
+            expect(onActiveCellChange).toHaveBeenCalledWith({
+                rowId: "row-1",
+                columnId: "status",
+                editing: false,
+            });
+            const statusCell = container.querySelector('[data-data-grid-row-id="row-1"][data-data-grid-column-id="status"]');
+            act(() => {
+                statusCell?.dispatchEvent(new KeyboardEvent("keydown", { bubbles: true, key: "Enter" }));
+            });
+            expect(container.querySelector('input[aria-label="Status editor"]')).not.toBeNull();
+            const input = container.querySelector('input[aria-label="Status editor"]');
+            expect(input).not.toBeNull();
+            if (input) {
+                input.value = "In progress";
+                act(() => {
+                    input.dispatchEvent(new KeyboardEvent("keydown", { bubbles: true, key: "Enter" }));
+                });
+            }
+            expect(onCellCommit).toHaveBeenCalledWith({
+                row: rows[0],
+                rowIndex: 0,
+                column: columns[1],
+                previousValue: "Open",
+                value: "In progress",
+            });
+        });
+        it("supports controlled multi-row selection", () => {
+            const onSelectedRowIdsChange = vi.fn();
+            act(() => {
+                root.render(_jsx(DataGrid, { rows: rows, columns: columns, getRowId: (row) => row.id, selection: "multiple", onSelectedRowIdsChange: onSelectedRowIdsChange }));
+            });
+            const rowCheckbox = container.querySelector('[aria-label="Select row row-1"]');
+            act(() => rowCheckbox?.click());
+            expect(onSelectedRowIdsChange).toHaveBeenCalledTimes(1);
+            expect(Array.from(onSelectedRowIdsChange.mock.calls[0][0])).toEqual([
+                "row-1",
+            ]);
+        });
+        it("reports pointer-based column resizing through the app callback", () => {
+            const onColumnWidthsChange = vi.fn();
+            act(() => {
+                root.render(_jsx(DataGrid, { rows: rows, columns: columns, getRowId: (row) => row.id, onColumnWidthsChange: onColumnWidthsChange }));
+            });
+            const resizeHandle = container.querySelector('[aria-label="Resize name column"]');
+            expect(resizeHandle).not.toBeNull();
+            act(() => {
+                resizeHandle?.dispatchEvent(new PointerEvent("pointerdown", {
+                    bubbles: true,
+                    button: 0,
+                    clientX: 100,
+                }));
+                document.dispatchEvent(new PointerEvent("pointermove", {
+                    bubbles: true,
+                    clientX: 180,
+                }));
+                document.dispatchEvent(new PointerEvent("pointerup", { bubbles: true, clientX: 180 }));
+            });
+            expect(onColumnWidthsChange).toHaveBeenLastCalledWith({ name: 260 });
+        });
+        it("lets an app own the outer header and body while sharing the grid template", () => {
+            const renderHeader = vi.fn(({ gridTemplateColumns }) => (_jsx("div", { "data-testid": "custom-header", style: { gridTemplateColumns } })));
+            const renderBody = vi.fn(({ gridTemplateColumns }) => (_jsx("div", { "data-testid": "custom-body", style: { gridTemplateColumns } })));
+            act(() => {
+                root.render(_jsx(DataGrid, { rows: rows, columns: columns, getRowId: (row) => row.id, renderHeader: renderHeader, renderBody: renderBody }));
+            });
+            expect(container.querySelector("[data-testid=custom-header]")).not.toBeNull();
+            expect(container.querySelector("[data-testid=custom-body]")).not.toBeNull();
+            expect(renderHeader).toHaveBeenCalledWith(expect.objectContaining({ gridTemplateColumns: "180px 120px" }));
+            expect(renderBody).toHaveBeenCalledWith(expect.objectContaining({ rows, columns }));
+        });
+    });
+});
+//# sourceMappingURL=DataGrid.spec.js.map

package/dist/data-grid/DataGrid.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataGrid.spec.js","sourceRoot":"","sources":["../../src/data-grid/DataGrid.spec.tsx"],"names":[],"mappings":"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"}

package/dist/data-grid/index.d.ts

@@ -0,0 +1,2 @@
+export { DataGrid, clampDataGridColumnWidth, dataGridColumnTemplate, type DataGridActiveCell, type DataGridCellContext, type DataGridColumn, type DataGridCommitContext, type DataGridDirection, type DataGridEditorContext, type DataGridProps, type DataGridRowContext, type DataGridSelectionMode, type DataGridSlotContext, } from "./DataGrid.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/data-grid/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/data-grid/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,wBAAwB,EACxB,sBAAsB,EACtB,KAAK,kBAAkB,EACvB,KAAK,mBAAmB,EACxB,KAAK,cAAc,EACnB,KAAK,qBAAqB,EAC1B,KAAK,iBAAiB,EACtB,KAAK,qBAAqB,EAC1B,KAAK,aAAa,EAClB,KAAK,kBAAkB,EACvB,KAAK,qBAAqB,EAC1B,KAAK,mBAAmB,GACzB,MAAM,eAAe,CAAC"}

package/dist/data-grid/index.js

@@ -0,0 +1,2 @@
+export { DataGrid, clampDataGridColumnWidth, dataGridColumnTemplate, } from "./DataGrid.js";
+//# sourceMappingURL=index.js.map

package/dist/data-grid/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/data-grid/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,wBAAwB,EACxB,sBAAsB,GAWvB,MAAM,eAAe,CAAC"}

package/dist/sharing/SharePrimitives.d.ts

@@ -17,15 +17,26 @@ export interface ShareCopyRowProps {
 }
 /** Compact copy-only row. The underlying URL is deliberately not rendered. */
 export declare function ShareCopyRow({ value, label, description, disabled, className, copyLabel, copiedLabel, onCopy, }: ShareCopyRowProps): import("react").JSX.Element;
-export interface ShareAgentsSectionProps {
+export interface ShareDisclosureSectionProps {
     children: ReactNode;
-    label?: ReactNode;
+    label: ReactNode;
+    fallbackLabel?: string;
     defaultOpen?: boolean;
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
     className?: string;
     contentClassName?: string;
 }
+/** Shared expandable boundary for optional share-access details. */
+export declare function ShareDisclosureSection({ children, label, fallbackLabel, defaultOpen, open, onOpenChange, className, contentClassName, }: ShareDisclosureSectionProps): import("react").JSX.Element;
+export type ShareAgentsSectionProps = Omit<ShareDisclosureSectionProps, "label" | "fallbackLabel"> & {
+    label?: ReactNode;
+};
 /** Shared expandable boundary for agent-readable sharing details. */
-export declare function ShareAgentsSection({ children, label, defaultOpen, open, onOpenChange, className, contentClassName, }: ShareAgentsSectionProps): import("react").JSX.Element;
+export declare function ShareAgentsSection({ label, ...props }: ShareAgentsSectionProps): import("react").JSX.Element;
+export type SharePeopleSectionProps = Omit<ShareDisclosureSectionProps, "label" | "fallbackLabel"> & {
+    label?: ReactNode;
+};
+/** Shared expandable boundary for individual people access. */
+export declare function SharePeopleSection({ label, ...props }: SharePeopleSectionProps): import("react").JSX.Element;
 //# sourceMappingURL=SharePrimitives.d.ts.map

package/dist/sharing/SharePrimitives.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SharePrimitives.d.ts","sourceRoot":"","sources":["../../src/sharing/SharePrimitives.tsx"],"names":[],"mappings":"AACA,OAAO,EAA2C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGhF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAQnE,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAC7C,iBAAiB,EACf,YAAY,GACZ,eAAe,GACf,eAAe,GACf,WAAW,GACX,UAAU,GACV,UAAU,GACV,QAAQ,GACR,SAAS,GACT,SAAS,GACT,SAAS,GACT,MAAM,GACN,OAAO,CACV;IACC,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,kEAAkE;AAClE,eAAO,MAAM,YAAY,iHAmBxB,CAAC;AAGF,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,OAAO,GAAG,IAAI,CAAC;CACrE;AAED,8EAA8E;AAC9E,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,KAAK,EACL,WAAW,EACX,QAAgB,EAChB,SAAS,EACT,SAAkB,EAClB,WAAsB,EACtB,MAAM,GACP,EAAE,iBAAiB,+BAyCnB;AAED,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,qEAAqE;AACrE,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,KAA2B,EAC3B,WAAmB,EACnB,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,gBAAgB,GACjB,EAAE,uBAAuB,+BAgDzB"}
+{"version":3,"file":"SharePrimitives.d.ts","sourceRoot":"","sources":["../../src/sharing/SharePrimitives.tsx"],"names":[],"mappings":"AACA,OAAO,EAA2C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGhF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAQnE,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAC7C,iBAAiB,EACf,YAAY,GACZ,eAAe,GACf,eAAe,GACf,WAAW,GACX,UAAU,GACV,UAAU,GACV,QAAQ,GACR,SAAS,GACT,SAAS,GACT,SAAS,GACT,MAAM,GACN,OAAO,CACV;IACC,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,kEAAkE;AAClE,eAAO,MAAM,YAAY,iHAmBxB,CAAC;AAGF,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,OAAO,GAAG,IAAI,CAAC;CACrE;AAED,8EAA8E;AAC9E,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,KAAK,EACL,WAAW,EACX,QAAgB,EAChB,SAAS,EACT,SAAkB,EAClB,WAAsB,EACtB,MAAM,GACP,EAAE,iBAAiB,+BAyCnB;AAED,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,SAAS,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,oEAAoE;AACpE,wBAAgB,sBAAsB,CAAC,EACrC,QAAQ,EACR,KAAK,EACL,aAA+B,EAC/B,WAAmB,EACnB,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,gBAAgB,GACjB,EAAE,2BAA2B,+BA+C7B;AAED,MAAM,MAAM,uBAAuB,GAAG,IAAI,CACxC,2BAA2B,EAC3B,OAAO,GAAG,eAAe,CAC1B,GAAG;IAAE,KAAK,CAAC,EAAE,SAAS,CAAA;CAAE,CAAC;AAE1B,qEAAqE;AACrE,wBAAgB,kBAAkB,CAAC,EACjC,KAA2B,EAC3B,GAAG,KAAK,EACT,EAAE,uBAAuB,+BAQzB;AAED,MAAM,MAAM,uBAAuB,GAAG,IAAI,CACxC,2BAA2B,EAC3B,OAAO,GAAG,eAAe,CAC1B,GAAG;IAAE,KAAK,CAAC,EAAE,SAAS,CAAA;CAAE,CAAC;AAE1B,+DAA+D;AAC/D,wBAAgB,kBAAkB,CAAC,EACjC,KAA4B,EAC5B,GAAG,KAAK,EACT,EAAE,uBAAuB,+BAQzB"}

package/dist/sharing/SharePrimitives.js

@@ -30,11 +30,11 @@ export function ShareCopyRow({ value, label, description, disabled = false, clas
     };
     return (_jsxs("div", { className: cn("flex items-center justify-between gap-3", className), children: [_jsxs("div", { className: "min-w-0", children: [label ? _jsx("div", { className: "text-sm font-medium", children: label }) : null, description ? (_jsx("div", { className: "text-xs text-muted-foreground", children: description })) : null] }), _jsx(ActionButton, { type: "button", emphasis: "outline", size: "compact", disabled: disabled, "aria-label": copied ? String(copiedLabel) : String(copyLabel), onPress: () => void handleCopy(), className: "h-9 shrink-0", children: copied ? copiedLabel : copyLabel })] }));
 }
-/** Shared expandable boundary for agent-readable sharing details. */
-export function ShareAgentsSection({ children, label = "Share with agents", defaultOpen = false, open, onOpenChange, className, contentClassName, }) {
+/** Shared expandable boundary for optional share-access details. */
+export function ShareDisclosureSection({ children, label, fallbackLabel = "Share details", defaultOpen = false, open, onOpenChange, className, contentClassName, }) {
     const [internalOpen, setInternalOpen] = useState(defaultOpen);
     const isOpen = open ?? internalOpen;
-    const accessibleLabel = typeof label === "string" ? label : "Share with agents";
+    const accessibleLabel = typeof label === "string" ? label : fallbackLabel;
     const handleOpenChange = (nextOpen) => {
         if (open === undefined)
             setInternalOpen(nextOpen);
@@ -42,4 +42,12 @@ export function ShareAgentsSection({ children, label = "Share with agents", defa
     };
     return (_jsxs(Collapsible, { open: isOpen, onOpenChange: handleOpenChange, className: cn("overflow-hidden rounded-md border border-border", className), children: [_jsx(CollapsibleTrigger, { asChild: true, children: _jsx(ShareTrigger, { label: _jsxs(_Fragment, { children: [_jsx("span", { className: "min-w-0 truncate", children: label }), _jsx(IconChevronDown, { "aria-hidden": "true", className: cn("size-4 shrink-0 text-muted-foreground transition-transform", isOpen && "rotate-180") })] }), emphasis: "ghost", size: "default", "aria-label": accessibleLabel, title: accessibleLabel, "aria-expanded": isOpen, className: "flex min-h-10 w-full items-center justify-between gap-3 px-3 py-2 text-left text-sm font-medium hover:bg-muted/50 focus-visible:ring-inset" }) }), _jsx(CollapsibleContent, { className: cn("border-t border-border px-3 py-3", contentClassName), children: children })] }));
 }
+/** Shared expandable boundary for agent-readable sharing details. */
+export function ShareAgentsSection({ label = "Share with agents", ...props }) {
+    return (_jsx(ShareDisclosureSection, { ...props, label: label, fallbackLabel: "Share with agents" }));
+}
+/** Shared expandable boundary for individual people access. */
+export function SharePeopleSection({ label = "People with access", ...props }) {
+    return (_jsx(ShareDisclosureSection, { ...props, label: label, fallbackLabel: "People with access" }));
+}
 //# sourceMappingURL=SharePrimitives.js.map

package/dist/sharing/SharePrimitives.js.map

@@ -1 +1 @@
-{"version":3,"file":"SharePrimitives.js","sourceRoot":"","sources":["../../src/sharing/SharePrimitives.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SharePrimitives.js","sourceRoot":"","sources":["../../src/sharing/SharePrimitives.tsx"],"names":[],"mappings":"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"}

package/dist/sharing/index.d.ts

@@ -1,3 +1,3 @@
-export { ShareAgentsSection, type ShareAgentsSectionProps, ShareCopyRow, type ShareCopyRowProps, ShareTrigger, type ShareTriggerProps, } from "./SharePrimitives.js";
+export { ShareAgentsSection, type ShareAgentsSectionProps, ShareCopyRow, type ShareCopyRowProps, ShareDisclosureSection, type ShareDisclosureSectionProps, SharePeopleSection, type SharePeopleSectionProps, ShareTrigger, type ShareTriggerProps, } from "./SharePrimitives.js";
 export { VisibilityBadge, type VisibilityBadgeProps, } from "./VisibilityBadge.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/sharing/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/sharing/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,KAAK,uBAAuB,EAC5B,YAAY,EACZ,KAAK,iBAAiB,EACtB,YAAY,EACZ,KAAK,iBAAiB,GACvB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,GAC1B,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/sharing/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,KAAK,uBAAuB,EAC5B,YAAY,EACZ,KAAK,iBAAiB,EACtB,sBAAsB,EACtB,KAAK,2BAA2B,EAChC,kBAAkB,EAClB,KAAK,uBAAuB,EAC5B,YAAY,EACZ,KAAK,iBAAiB,GACvB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,GAC1B,MAAM,sBAAsB,CAAC"}

package/dist/sharing/index.js

@@ -1,3 +1,3 @@
-export { ShareAgentsSection, ShareCopyRow, ShareTrigger, } from "./SharePrimitives.js";
+export { ShareAgentsSection, ShareCopyRow, ShareDisclosureSection, SharePeopleSection, ShareTrigger, } from "./SharePrimitives.js";
 export { VisibilityBadge, } from "./VisibilityBadge.js";
 //# sourceMappingURL=index.js.map

package/dist/sharing/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/sharing/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAElB,YAAY,EAEZ,YAAY,GAEb,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,eAAe,GAEhB,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/sharing/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAElB,YAAY,EAEZ,sBAAsB,EAEtB,kBAAkB,EAElB,YAAY,GAEb,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,eAAe,GAEhB,MAAM,sBAAsB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agent-native/toolkit",
-  "version": "0.15.1",
+  "version": "0.16.1",
   "description": "Reusable app-building UI and helpers for Agent-Native apps.",
   "homepage": "https://github.com/BuilderIO/agent-native#readme",
   "bugs": {
@@ -75,6 +75,20 @@
       "import": "./dist/dashboard/*.js",
       "default": "./dist/dashboard/*.js"
     },
+    "./data-grid": {
+      "types": "./dist/data-grid/index.d.ts",
+      "browser": "./dist/data-grid/index.js",
+      "development": "./dist/data-grid/index.js",
+      "import": "./dist/data-grid/index.js",
+      "default": "./dist/data-grid/index.js"
+    },
+    "./data-grid/*": {
+      "types": "./dist/data-grid/*.d.ts",
+      "browser": "./dist/data-grid/*.js",
+      "development": "./dist/data-grid/*.js",
+      "import": "./dist/data-grid/*.js",
+      "default": "./dist/data-grid/*.js"
+    },
     "./chat-history": {
       "types": "./dist/chat-history/index.d.ts",
       "browser": "./dist/chat-history/index.js",

package/src/composer/ComposerPlusMenu.tsx

@@ -11,6 +11,7 @@ import {
   IconLoader2,
   IconArrowLeft,
   IconX,
+  IconHelpCircle,
 } from "@tabler/icons-react";
 import React, {
   useState,
@@ -196,6 +197,39 @@ function formatAttachmentError(error: unknown, fallback: string): string {
   return error instanceof Error ? error.message : fallback;
 }
 
+function MenuItemHelp({
+  label,
+  description,
+}: {
+  label: string;
+  description?: string;
+}) {
+  const normalizedDescription = description?.trim();
+  if (!normalizedDescription) return null;
+  return (
+    <Tooltip>
+      <TooltipTrigger asChild>
+        <span
+          role="img"
+          tabIndex={0}
+          aria-label={`${label}: ${normalizedDescription}`}
+          onClick={(event) => event.stopPropagation()}
+          className="flex size-5 shrink-0 items-center justify-center rounded text-muted-foreground/60 hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring"
+        >
+          <IconHelpCircle
+            aria-hidden="true"
+            className="size-3"
+            strokeWidth={1.8}
+          />
+        </span>
+      </TooltipTrigger>
+      <TooltipContent side="right" className="max-w-xs">
+        {normalizedDescription}
+      </TooltipContent>
+    </Tooltip>
+  );
+}
+
 function UploadOnlyAttachButton({
   onAttachmentError,
 }: Pick<ComposerPlusMenuProps, "onAttachmentError">) {
@@ -612,7 +646,11 @@ function ComposerPlusMenuFull({
                 return (
                   <div
                     key={item.label}
-                    className={cn("relative", isSkill && "group/skill")}
+                    className={cn(
+                      "relative flex items-center hover:bg-accent/50",
+                      isSkill && "group/skill",
+                      isSkill && skillFlyoutOpen && "bg-accent/50",
+                    )}
                     onMouseEnter={(e) => {
                       if (isSkill) {
                         openSkillFlyout(e.currentTarget);
@@ -640,25 +678,25 @@ function ComposerPlusMenuFull({
                       type="button"
                       onClick={item.action}
                       className={cn(
-                        "flex w-full items-center gap-2.5 px-3 py-2 text-start hover:bg-accent/50",
-                        isSkill && skillFlyoutOpen && "bg-accent/50",
+                        "flex min-w-0 flex-1 items-center gap-2.5 px-3 py-2 text-start",
                       )}
                     >
                       <span className="text-muted-foreground">{item.icon}</span>
-                      <div className="min-w-0 flex-1">
-                        <div className="text-[12px] font-medium text-foreground">
+                      <span className="flex min-w-0 items-center gap-0.5">
+                        <span className="min-w-0 truncate text-[12px] font-medium text-foreground">
                           {item.label}
-                        </div>
-                        <div className="mt-0.5 text-[10px] text-muted-foreground/60">
-                          {item.desc}
-                        </div>
-                      </div>
-                      {isSkill && (
-                        <span className="ms-auto text-muted-foreground/60">
-                          ›
                         </span>
-                      )}
+                        <MenuItemHelp
+                          label={item.label}
+                          description={item.desc}
+                        />
+                      </span>
                     </button>
+                    {isSkill && (
+                      <span className="me-3 ms-auto text-muted-foreground/60">
+                        ›
+                      </span>
+                    )}
                     {isSkill && skillFlyoutOpen && (
                       <div
                         role="menu"
@@ -671,57 +709,76 @@ function ComposerPlusMenuFull({
                             : "right-full mr-1",
                         )}
                       >
-                        <button
-                          type="button"
-                          onClick={() => {
-                            onSelectMode?.("skill");
-                            setSkillFlyoutOpen(false);
-                            setOpen(false);
-                          }}
-                          className="flex w-full items-center gap-2.5 px-3 py-2 text-start hover:bg-accent/50"
-                        >
-                          <span className="text-muted-foreground">
-                            <IconBulb className="h-3.5 w-3.5" />
-                          </span>
-                          <div className="min-w-0">
-                            <div className="text-[12px] font-medium text-foreground">
-                              {t("agentChat.composer.skill.createNew", {
-                                defaultValue: "Create new skill",
-                              })}
-                            </div>
-                            <div className="mt-0.5 text-[10px] text-muted-foreground/60">
-                              {t("agentChat.composer.skill.createDescription", {
-                                defaultValue:
-                                  "Describe a skill and let the agent draft it",
-                              })}
-                            </div>
-                          </div>
-                        </button>
-                        <button
-                          type="button"
-                          onClick={() => {
-                            setSkillFlyoutOpen(false);
-                            skillFileInputRef.current?.click();
-                          }}
-                          className="flex w-full items-center gap-2.5 px-3 py-2 text-start hover:bg-accent/50"
-                        >
-                          <span className="text-muted-foreground">
-                            <IconUpload className="h-3.5 w-3.5" />
-                          </span>
-                          <div className="min-w-0">
-                            <div className="text-[12px] font-medium text-foreground">
-                              {t("agentChat.composer.skill.uploadFile", {
-                                defaultValue: "Upload skill file",
-                              })}
-                            </div>
-                            <div className="mt-0.5 text-[10px] text-muted-foreground/60">
-                              {t("agentChat.composer.skill.uploadDescription", {
-                                defaultValue:
-                                  "Import an existing SKILL.md file",
-                              })}
-                            </div>
-                          </div>
-                        </button>
+                        <div className="flex items-center hover:bg-accent/50">
+                          <button
+                            type="button"
+                            onClick={() => {
+                              onSelectMode?.("skill");
+                              setSkillFlyoutOpen(false);
+                              setOpen(false);
+                            }}
+                            className="flex min-w-0 flex-1 items-center gap-2.5 px-3 py-2 text-start"
+                          >
+                            <span className="text-muted-foreground">
+                              <IconBulb className="h-3.5 w-3.5" />
+                            </span>
+                            <span className="flex min-w-0 items-center gap-0.5">
+                              <span className="min-w-0 truncate text-[12px] font-medium text-foreground">
+                                {t("agentChat.composer.skill.createNew", {
+                                  defaultValue: "Create new skill",
+                                })}
+                              </span>
+                              <MenuItemHelp
+                                label={t("agentChat.composer.skill.createNew", {
+                                  defaultValue: "Create new skill",
+                                })}
+                                description={t(
+                                  "agentChat.composer.skill.createDescription",
+                                  {
+                                    defaultValue:
+                                      "Describe a skill and let the agent draft it",
+                                  },
+                                )}
+                              />
+                            </span>
+                          </button>
+                        </div>
+                        <div className="flex items-center hover:bg-accent/50">
+                          <button
+                            type="button"
+                            onClick={() => {
+                              setSkillFlyoutOpen(false);
+                              skillFileInputRef.current?.click();
+                            }}
+                            className="flex min-w-0 flex-1 items-center gap-2.5 px-3 py-2 text-start"
+                          >
+                            <span className="text-muted-foreground">
+                              <IconUpload className="h-3.5 w-3.5" />
+                            </span>
+                            <span className="flex min-w-0 items-center gap-0.5">
+                              <span className="min-w-0 truncate text-[12px] font-medium text-foreground">
+                                {t("agentChat.composer.skill.uploadFile", {
+                                  defaultValue: "Upload skill file",
+                                })}
+                              </span>
+                              <MenuItemHelp
+                                label={t(
+                                  "agentChat.composer.skill.uploadFile",
+                                  {
+                                    defaultValue: "Upload skill file",
+                                  },
+                                )}
+                                description={t(
+                                  "agentChat.composer.skill.uploadDescription",
+                                  {
+                                    defaultValue:
+                                      "Import an existing SKILL.md file",
+                                  },
+                                )}
+                              />
+                            </span>
+                          </button>
+                        </div>
                       </div>
                     )}
                   </div>

package/src/composer/PromptComposer.tsx

@@ -47,6 +47,7 @@ import {
 import {
   DEFAULT_VOICE_DICTATION_ENABLED,
   TiptapComposer,
+  type ComposerAgentOption,
   type ComposerSubmitIntent,
   type TiptapComposerHandle,
   type TiptapComposerSubmitOptions,
@@ -99,6 +100,8 @@ export interface PromptComposerProps {
   preserveDraftOnSubmit?: boolean;
   /** Show the model selector (default: true). */
   showModelSelector?: boolean;
+  /** Controlled open state for hosts that resize around the model picker. */
+  modelSelectorOpen?: boolean;
   /** Show the legacy provider-level Auto model option (default: true). */
   showAutoModelOption?: boolean;
   /** Show the voice dictation button. Defaults to DEFAULT_VOICE_DICTATION_ENABLED. */
@@ -149,6 +152,14 @@ export interface PromptComposerProps {
   selectedEffort?: ReasoningEffort;
   onModelChange?: (model: string, engine: string) => void;
   onEffortChange?: (effort: ReasoningEffort) => void;
+  /** Local or hosted agent runtimes shown above the model list. */
+  availableAgents?: ComposerAgentOption[];
+  /** Selected agent runtime identifier. */
+  selectedAgent?: string;
+  /** Callback when the user picks an agent runtime. */
+  onAgentChange?: (agent: string) => void;
+  /** Called when the shared model picker opens or closes. */
+  onModelSelectorOpenChange?: (open: boolean) => void;
   /**
    * Enable server-backed model/provider status checks. Defaults off when the
    * host supplies model state and callbacks, otherwise on.
@@ -490,6 +501,7 @@ function PromptComposerInner({
   draftScope,
   preserveDraftOnSubmit = false,
   showModelSelector = true,
+  modelSelectorOpen,
   showAutoModelOption = true,
   voiceEnabled = DEFAULT_VOICE_DICTATION_ENABLED,
   attachmentsEnabled = true,
@@ -515,6 +527,10 @@ function PromptComposerInner({
   selectedEffort,
   onModelChange,
   onEffortChange,
+  availableAgents,
+  selectedAgent,
+  onAgentChange,
+  onModelSelectorOpenChange,
   modelStatusChecksEnabled,
   onTextChange,
   onConnectProvider,
@@ -687,12 +703,17 @@ function PromptComposerInner({
           onTextChange={onTextChange}
           draftScope={draftScope}
           selectedModel={composerModel}
+          modelSelectorOpen={modelSelectorOpen}
           selectedEffort={composerEffort}
           availableModels={composerModelGroups}
+          availableAgents={availableAgents}
+          selectedAgent={selectedAgent}
           showAutoModelOption={showAutoModelOption}
           modelListLoading={composerModelListLoading}
           onModelChange={handleModelChange}
           onEffortChange={handleEffortChange}
+          onAgentChange={onAgentChange}
+          onModelSelectorOpenChange={onModelSelectorOpenChange}
           providerConnectStatusEnabled={resolvedModelStatusChecksEnabled}
           onConnectProvider={onConnectProvider}
           onConnectLocalRuntime={onConnectLocalRuntime}