@agent-native/toolkit 0.2.0 → 0.4.1

package/dist/collab-ui/RecentEditHighlights.js

@@ -0,0 +1,146 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * RecentEditHighlights — lingering, fading highlights over regions another
+ * participant (human or agent) just edited, with their name/avatar flag.
+ *
+ * The Google-Docs/Figma feel: when a collaborator or the AI edits something,
+ * the changed region glows in their color and the flag identifies them; the
+ * highlight fades out over the last portion of its lifetime instead of
+ * vanishing.
+ *
+ * Feed it `useRecentEdits(others)` (which reads participants' `recentEdits`
+ * awareness rings) and a `resolveRect` that maps an edit descriptor to a
+ * viewport DOMRect for your surface:
+ *
+ *   const others = usePresence(awareness, ydoc?.clientID).others;
+ *   const edits = useRecentEdits(others);
+ *   <RecentEditHighlights
+ *     edits={edits}
+ *     resolveRect={(edit) =>
+ *       edit.descriptor.kind === "selector"
+ *         ? container.querySelector(edit.descriptor.selector)?.getBoundingClientRect() ?? null
+ *         : null
+ *     }
+ *     containerRef={containerRef}
+ *   />
+ */
+import { memo, useEffect, useLayoutEffect, useRef, useState, } from "react";
+import { RECENT_EDIT_TTL_MS } from "./types.js";
+const HighlightItem = memo(function HighlightItem({ h }) {
+    return (_jsx("div", { "aria-label": `${h.label} edited this`, style: {
+            position: "absolute",
+            top: h.rect.top,
+            left: h.rect.left,
+            width: h.rect.width,
+            height: h.rect.height,
+            borderRadius: 4,
+            pointerEvents: "none",
+            zIndex: 9997,
+            opacity: h.opacity,
+            transition: "opacity 400ms ease-out",
+            outline: `2px solid ${h.color}`,
+            outlineOffset: 2,
+            backgroundColor: `${h.color}1A`,
+            boxShadow: `0 0 0 1px ${h.color}33, 0 0 12px ${h.color}40`,
+        }, children: _jsxs("div", { style: {
+                position: "absolute",
+                top: -22,
+                left: 0,
+                display: "flex",
+                alignItems: "center",
+                gap: 4,
+                backgroundColor: h.color,
+                color: "#fff",
+                fontSize: 10,
+                fontWeight: 600,
+                padding: "2px 6px",
+                borderRadius: 3,
+                whiteSpace: "nowrap",
+                maxWidth: 180,
+                overflow: "hidden",
+                textOverflow: "ellipsis",
+            }, children: [h.avatarUrl ? (_jsx("img", { src: h.avatarUrl, alt: "", style: {
+                        width: 12,
+                        height: 12,
+                        borderRadius: "50%",
+                        flexShrink: 0,
+                    } })) : null, h.label] }) }));
+});
+export function RecentEditHighlights({ edits, resolveRect, containerRef, ttlMs = RECENT_EDIT_TTL_MS, className, }) {
+    const [highlights, setHighlights] = useState([]);
+    const editsRef = useRef(edits);
+    editsRef.current = edits;
+    const resolveRef = useRef(resolveRect);
+    resolveRef.current = resolveRect;
+    const recompute = () => {
+        const container = containerRef.current;
+        if (!container) {
+            setHighlights([]);
+            return;
+        }
+        const containerRect = container.getBoundingClientRect();
+        const now = Date.now();
+        const next = [];
+        for (const edit of editsRef.current) {
+            const domRect = resolveRef.current(edit);
+            if (!domRect)
+                continue;
+            const top = domRect.top - containerRect.top;
+            const left = domRect.left - containerRect.left;
+            if (left + domRect.width < 0 ||
+                top + domRect.height < 0 ||
+                left > containerRect.width ||
+                top > containerRect.height) {
+                continue;
+            }
+            // Fade over the final 40% of the lifetime.
+            const age = now - edit.at;
+            const fadeStart = ttlMs * 0.6;
+            const opacity = age <= fadeStart
+                ? 1
+                : Math.max(0, 1 - (age - fadeStart) / (ttlMs - fadeStart));
+            next.push({
+                key: `${edit.clientId}:${edit.at}`,
+                color: edit.user.color || "#94a3b8",
+                label: edit.isAgent
+                    ? edit.label
+                        ? `AI — ${edit.label}`
+                        : "AI edited"
+                    : edit.label
+                        ? `${edit.user.name} — ${edit.label}`
+                        : edit.user.name,
+                avatarUrl: edit.user.avatarUrl,
+                isAgent: edit.isAgent,
+                opacity,
+                rect: { top, left, width: domRect.width, height: domRect.height },
+            });
+        }
+        setHighlights(next);
+    };
+    useLayoutEffect(() => {
+        recompute();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [edits, ttlMs]);
+    useEffect(() => {
+        const container = containerRef.current;
+        if (!container)
+            return;
+        const observer = new ResizeObserver(() => recompute());
+        observer.observe(container);
+        container.addEventListener("scroll", recompute, { passive: true });
+        window.addEventListener("scroll", recompute, { passive: true });
+        return () => {
+            observer.disconnect();
+            container.removeEventListener("scroll", recompute);
+            window.removeEventListener("scroll", recompute);
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [containerRef]);
+    return (_jsx("div", { "aria-hidden": true, style: {
+            position: "absolute",
+            inset: 0,
+            pointerEvents: "none",
+            overflow: "hidden",
+        }, className: className, children: highlights.map((h) => (_jsx(HighlightItem, { h: h }, h.key))) }));
+}
+//# sourceMappingURL=RecentEditHighlights.js.map

package/dist/collab-ui/RecentEditHighlights.js.map

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

package/dist/collab-ui/RemoteSelectionRings.d.ts

@@ -0,0 +1,53 @@
+/**
+ * RemoteSelectionRings — renders colored outline rings + name tags over
+ * elements selected by remote participants.
+ *
+ * Each participant's presence payload may contain a `selection` key with an
+ * opaque descriptor (e.g. a CSS selector). The `resolveRect` callback maps
+ * a descriptor to a DOMRect (or null when the element isn't found). Rings
+ * are rendered as absolutely-positioned outlines anchored to the container.
+ *
+ * Usage:
+ *   <div style={{ position: "relative" }}>
+ *     {content}
+ *     <RemoteSelectionRings
+ *       others={others}
+ *       resolveRect={(selector) => document.querySelector(selector)?.getBoundingClientRect() ?? null}
+ *       containerRef={containerRef}
+ *     />
+ *   </div>
+ */
+import { type RefObject } from "react";
+import type { OtherPresence } from "./types.js";
+/**
+ * Selection descriptors may be a plain string (treated as the resolver
+ * input) or an object carrying a resolver input plus a human label
+ * ("Editing hero section").
+ */
+export type SelectionDescriptor = string | {
+    selector: string;
+    label?: string;
+};
+export interface RemoteSelectionRingsProps {
+    /** Remote participants. */
+    others: OtherPresence[];
+    /**
+     * Key inside presence payload that carries the selection descriptor.
+     * Default: "selection"
+     */
+    selectionKey?: string;
+    /**
+     * Resolver: maps a selection descriptor to a DOMRect relative to the
+     * viewport. Return null when the element is not found.
+     */
+    resolveRect: (descriptor: string) => DOMRect | null;
+    /**
+     * Container element ref. Rings are positioned relative to this element's
+     * bounding box.
+     */
+    containerRef: RefObject<HTMLElement | null>;
+    /** Additional CSS class for the overlay div. */
+    className?: string;
+}
+export declare function RemoteSelectionRings({ others, selectionKey, resolveRect, containerRef, className, }: RemoteSelectionRingsProps): import("react").JSX.Element;
+//# sourceMappingURL=RemoteSelectionRings.d.ts.map

package/dist/collab-ui/RemoteSelectionRings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RemoteSelectionRings.d.ts","sourceRoot":"","sources":["../../src/collab-ui/RemoteSelectionRings.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD;;;;GAIG;AACH,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEhF,MAAM,WAAW,yBAAyB;IACxC,2BAA2B;IAC3B,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,WAAW,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,OAAO,GAAG,IAAI,CAAC;IACpD;;;OAGG;IACH,YAAY,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC5C,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAoED,wBAAgB,oBAAoB,CAAC,EACnC,MAAM,EACN,YAA0B,EAC1B,WAAW,EACX,YAAY,EACZ,SAAS,GACV,EAAE,yBAAyB,+BA8F3B"}

package/dist/collab-ui/RemoteSelectionRings.js

@@ -0,0 +1,130 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * RemoteSelectionRings — renders colored outline rings + name tags over
+ * elements selected by remote participants.
+ *
+ * Each participant's presence payload may contain a `selection` key with an
+ * opaque descriptor (e.g. a CSS selector). The `resolveRect` callback maps
+ * a descriptor to a DOMRect (or null when the element isn't found). Rings
+ * are rendered as absolutely-positioned outlines anchored to the container.
+ *
+ * Usage:
+ *   <div style={{ position: "relative" }}>
+ *     {content}
+ *     <RemoteSelectionRings
+ *       others={others}
+ *       resolveRect={(selector) => document.querySelector(selector)?.getBoundingClientRect() ?? null}
+ *       containerRef={containerRef}
+ *     />
+ *   </div>
+ */
+import { useState, useEffect, useRef, useLayoutEffect, memo, } from "react";
+const RingItem = memo(function RingItem({ ring }) {
+    return (_jsx("div", { "aria-label": `${ring.label} selection`, style: {
+            position: "absolute",
+            top: ring.rect.top,
+            left: ring.rect.left,
+            width: ring.rect.width,
+            height: ring.rect.height,
+            outline: `2px solid ${ring.color}`,
+            outlineOffset: 2,
+            borderRadius: 3,
+            pointerEvents: "none",
+            boxShadow: `0 0 0 1px ${ring.color}40`,
+            zIndex: 9998,
+        }, children: _jsxs("div", { style: {
+                position: "absolute",
+                top: -20,
+                left: 0,
+                display: "flex",
+                alignItems: "center",
+                gap: 4,
+                backgroundColor: ring.color,
+                color: "#fff",
+                fontSize: 10,
+                fontWeight: 600,
+                padding: "1px 5px",
+                borderRadius: 3,
+                whiteSpace: "nowrap",
+                maxWidth: 160,
+                overflow: "hidden",
+                textOverflow: "ellipsis",
+            }, children: [ring.avatarUrl ? (_jsx("img", { src: ring.avatarUrl, alt: "", style: {
+                        width: 12,
+                        height: 12,
+                        borderRadius: "50%",
+                        flexShrink: 0,
+                    } })) : null, ring.label] }) }));
+});
+export function RemoteSelectionRings({ others, selectionKey = "selection", resolveRect, containerRef, className, }) {
+    const overlayRef = useRef(null);
+    const [rings, setRings] = useState([]);
+    // Recompute rings whenever others change or on animation frame.
+    const recompute = () => {
+        const container = containerRef.current;
+        if (!container) {
+            setRings([]);
+            return;
+        }
+        const containerRect = container.getBoundingClientRect();
+        const next = [];
+        for (const other of others) {
+            const raw = other.presence[selectionKey];
+            const selector = typeof raw === "string" ? raw : raw ? raw.selector : undefined;
+            if (!selector || typeof selector !== "string")
+                continue;
+            const selectionLabel = raw && typeof raw === "object" ? raw.label : undefined;
+            const domRect = resolveRect(selector);
+            if (!domRect)
+                continue;
+            // Convert viewport-relative rect to container-relative.
+            const top = domRect.top - containerRect.top;
+            const left = domRect.left - containerRect.left;
+            if (left + domRect.width < 0 ||
+                top + domRect.height < 0 ||
+                left > containerRect.width ||
+                top > containerRect.height) {
+                continue; // Out of container bounds — skip.
+            }
+            const baseName = other.isAgent
+                ? "AI"
+                : other.user.name || other.user.email;
+            next.push({
+                clientId: other.clientId,
+                color: other.user.color || "#94a3b8",
+                label: selectionLabel ? `${baseName} — ${selectionLabel}` : baseName,
+                avatarUrl: other.user.avatarUrl,
+                isAgent: other.isAgent,
+                rect: { top, left, width: domRect.width, height: domRect.height },
+            });
+        }
+        setRings(next);
+    };
+    // Recompute on scroll/resize of the container to keep rings in sync.
+    useLayoutEffect(() => {
+        recompute();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [others, selectionKey]);
+    useEffect(() => {
+        const container = containerRef.current;
+        if (!container)
+            return;
+        const observer = new ResizeObserver(() => recompute());
+        observer.observe(container);
+        container.addEventListener("scroll", recompute, { passive: true });
+        window.addEventListener("scroll", recompute, { passive: true });
+        return () => {
+            observer.disconnect();
+            container.removeEventListener("scroll", recompute);
+            window.removeEventListener("scroll", recompute);
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [containerRef]);
+    return (_jsx("div", { ref: overlayRef, "aria-hidden": true, style: {
+            position: "absolute",
+            inset: 0,
+            pointerEvents: "none",
+            overflow: "hidden",
+        }, className: className, children: rings.map((ring) => (_jsx(RingItem, { ring: ring }, ring.clientId))) }));
+}
+//# sourceMappingURL=RemoteSelectionRings.js.map

package/dist/collab-ui/RemoteSelectionRings.js.map

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

package/dist/collab-ui/index.d.ts

@@ -0,0 +1,7 @@
+export { AgentPresenceChip, type AgentPresenceChipProps, } from "./AgentPresenceChip.js";
+export { LiveCursorOverlay, type CursorMapFn, type LiveCursorOverlayProps, } from "./LiveCursorOverlay.js";
+export { PresenceBar, type PresenceBarProps } from "./PresenceBar.js";
+export { RecentEditHighlights, type RecentEditHighlightsProps, } from "./RecentEditHighlights.js";
+export { RemoteSelectionRings, type RemoteSelectionRingsProps, type SelectionDescriptor, } from "./RemoteSelectionRings.js";
+export { RECENT_EDITS_MAX, RECENT_EDIT_TTL_MS, dedupeCollabUsersByEmail, emailToColor, emailToName, type AttributedRecentEdit, type CollabUser, type NormalizedPoint, type OtherPresence, type PresencePayload, type RecentEdit, type RecentEditDescriptor, } from "./types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/collab-ui/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/collab-ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,GAC5B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,iBAAiB,EACjB,KAAK,WAAW,EAChB,KAAK,sBAAsB,GAC5B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACtE,OAAO,EACL,oBAAoB,EACpB,KAAK,yBAAyB,GAC/B,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,oBAAoB,EACpB,KAAK,yBAAyB,EAC9B,KAAK,mBAAmB,GACzB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,gBAAgB,EAChB,kBAAkB,EAClB,wBAAwB,EACxB,YAAY,EACZ,WAAW,EACX,KAAK,oBAAoB,EACzB,KAAK,UAAU,EACf,KAAK,eAAe,EACpB,KAAK,aAAa,EAClB,KAAK,eAAe,EACpB,KAAK,UAAU,EACf,KAAK,oBAAoB,GAC1B,MAAM,YAAY,CAAC"}

package/dist/collab-ui/index.js

@@ -0,0 +1,7 @@
+export { AgentPresenceChip, } from "./AgentPresenceChip.js";
+export { LiveCursorOverlay, } from "./LiveCursorOverlay.js";
+export { PresenceBar } from "./PresenceBar.js";
+export { RecentEditHighlights, } from "./RecentEditHighlights.js";
+export { RemoteSelectionRings, } from "./RemoteSelectionRings.js";
+export { RECENT_EDITS_MAX, RECENT_EDIT_TTL_MS, dedupeCollabUsersByEmail, emailToColor, emailToName, } from "./types.js";
+//# sourceMappingURL=index.js.map

package/dist/collab-ui/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/collab-ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,GAElB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,iBAAiB,GAGlB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,WAAW,EAAyB,MAAM,kBAAkB,CAAC;AACtE,OAAO,EACL,oBAAoB,GAErB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,oBAAoB,GAGrB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,gBAAgB,EAChB,kBAAkB,EAClB,wBAAwB,EACxB,YAAY,EACZ,WAAW,GAQZ,MAAM,YAAY,CAAC"}

package/dist/collab-ui/types.d.ts

@@ -0,0 +1,48 @@
+export interface CollabUser {
+    name: string;
+    email: string;
+    color: string;
+    avatarUrl?: string;
+}
+export type PresencePayload = Record<string, unknown>;
+export interface OtherPresence {
+    clientId: number;
+    user: CollabUser;
+    presence: PresencePayload;
+    isAgent: boolean;
+}
+export interface NormalizedPoint {
+    x: number;
+    y: number;
+}
+export type RecentEditDescriptor = {
+    kind: "text";
+    quote: string;
+} | {
+    kind: "selector";
+    selector: string;
+} | {
+    kind: "paths";
+    paths: string[];
+} | {
+    kind: "doc";
+} | {
+    kind: string;
+    [key: string]: unknown;
+};
+export interface RecentEdit {
+    descriptor: RecentEditDescriptor;
+    label?: string;
+    at: number;
+}
+export interface AttributedRecentEdit extends RecentEdit {
+    clientId: number;
+    user: OtherPresence["user"];
+    isAgent: boolean;
+}
+export declare const RECENT_EDITS_MAX = 5;
+export declare const RECENT_EDIT_TTL_MS = 10000;
+export declare function emailToColor(email: string): string;
+export declare function emailToName(email: string): string;
+export declare function dedupeCollabUsersByEmail(users: CollabUser[]): CollabUser[];
+//# sourceMappingURL=types.d.ts.map

package/dist/collab-ui/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/collab-ui/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAEtD,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,EAAE,eAAe,CAAC;IAC1B,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,eAAe;IAC9B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,MAAM,MAAM,oBAAoB,GAC5B;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAC/B;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,GACtC;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,MAAM,EAAE,CAAA;CAAE,GAClC;IAAE,IAAI,EAAE,KAAK,CAAA;CAAE,GACf;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CAAE,CAAC;AAE7C,MAAM,WAAW,UAAU;IACzB,UAAU,EAAE,oBAAoB,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,oBAAqB,SAAQ,UAAU;IACtD,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC5B,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,gBAAgB,IAAI,CAAC;AAClC,eAAO,MAAM,kBAAkB,QAAS,CAAC;AAezC,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAMlD;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAGjD;AAMD,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,UAAU,EAAE,GAAG,UAAU,EAAE,CAY1E"}

package/dist/collab-ui/types.js

@@ -0,0 +1,43 @@
+export const RECENT_EDITS_MAX = 5;
+export const RECENT_EDIT_TTL_MS = 10_000;
+const CURSOR_COLORS = [
+    "#f87171",
+    "#fb923c",
+    "#fbbf24",
+    "#a3e635",
+    "#34d399",
+    "#22d3ee",
+    "#60a5fa",
+    "#14b8a6",
+    "#f472b6",
+    "#e879f9",
+];
+export function emailToColor(email) {
+    let hash = 0;
+    for (let i = 0; i < email.length; i++) {
+        hash = ((hash << 5) - hash + email.charCodeAt(i)) | 0;
+    }
+    return CURSOR_COLORS[Math.abs(hash) % CURSOR_COLORS.length];
+}
+export function emailToName(email) {
+    const local = email.split("@")[0] || email;
+    return local.charAt(0).toUpperCase() + local.slice(1);
+}
+function normalizeCollabEmail(email) {
+    return email.trim().toLowerCase();
+}
+export function dedupeCollabUsersByEmail(users) {
+    const byEmail = new Map();
+    for (const user of users) {
+        const email = normalizeCollabEmail(user.email);
+        if (!email || byEmail.has(email))
+            continue;
+        byEmail.set(email, {
+            name: user.name || emailToName(email),
+            email,
+            color: user.color || emailToColor(email),
+        });
+    }
+    return Array.from(byEmail.values());
+}
+//# sourceMappingURL=types.js.map

package/dist/collab-ui/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/collab-ui/types.ts"],"names":[],"mappings":"AAwCA,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,CAAC;AAClC,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC;AAEzC,MAAM,aAAa,GAAG;IACpB,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;CACV,CAAC;AAEF,MAAM,UAAU,YAAY,CAAC,KAAa;IACxC,IAAI,IAAI,GAAG,CAAC,CAAC;IACb,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACtC,IAAI,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,GAAG,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;IACxD,CAAC;IACD,OAAO,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;AAC9D,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,KAAa;IACvC,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC;IAC3C,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AACxD,CAAC;AAED,SAAS,oBAAoB,CAAC,KAAa;IACzC,OAAO,KAAK,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC;AACpC,CAAC;AAED,MAAM,UAAU,wBAAwB,CAAC,KAAmB;IAC1D,MAAM,OAAO,GAAG,IAAI,GAAG,EAAsB,CAAC;IAC9C,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;QACzB,MAAM,KAAK,GAAG,oBAAoB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC/C,IAAI,CAAC,KAAK,IAAI,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC;YAAE,SAAS;QAC3C,OAAO,CAAC,GAAG,CAAC,KAAK,EAAE;YACjB,IAAI,EAAE,IAAI,CAAC,IAAI,IAAI,WAAW,CAAC,KAAK,CAAC;YACrC,KAAK;YACL,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,YAAY,CAAC,KAAK,CAAC;SACzC,CAAC,CAAC;IACL,CAAC;IACD,OAAO,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;AACtC,CAAC"}

package/dist/index.d.ts

@@ -1,6 +1,9 @@
 export * from "./app-shell/index.js";
+export * from "./collab-ui/index.js";
 export * from "./hooks/index.js";
 export * from "./onboarding/index.js";
+export * from "./provider.js";
+export * from "./sharing/index.js";
 export * from "./ui/index.js";
 export * from "./utils.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC"}

package/dist/index.js

@@ -1,6 +1,9 @@
 export * from "./app-shell/index.js";
+export * from "./collab-ui/index.js";
 export * from "./hooks/index.js";
 export * from "./onboarding/index.js";
+export * from "./provider.js";
+export * from "./sharing/index.js";
 export * from "./ui/index.js";
 export * from "./utils.js";
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC"}

package/dist/provider.d.ts

@@ -0,0 +1,14 @@
+import { type ReactNode, type ComponentType } from "react";
+import type { ButtonProps } from "./ui/button.js";
+export interface ToolkitComponents {
+    Button?: ComponentType<ButtonProps>;
+}
+interface ToolkitProviderProps {
+    children: ReactNode;
+    components?: ToolkitComponents;
+}
+export declare function ToolkitProvider({ children, components, }: ToolkitProviderProps): import("react").JSX.Element;
+export declare function useToolkitComponents(): ToolkitComponents;
+export declare function useToolkitComponent<Name extends keyof ToolkitComponents>(name: Name): ToolkitComponents[Name];
+export {};
+//# sourceMappingURL=provider.d.ts.map

package/dist/provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../src/provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,aAAa,EACnB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,MAAM,WAAW,iBAAiB;IAChC,MAAM,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;CACrC;AAED,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE,iBAAiB,CAAC;CAChC;AAID,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,UAAU,GACX,EAAE,oBAAoB,+BAYtB;AAED,wBAAgB,oBAAoB,IAAI,iBAAiB,CAExD;AAED,wBAAgB,mBAAmB,CAAC,IAAI,SAAS,MAAM,iBAAiB,EACtE,IAAI,EAAE,IAAI,GACT,iBAAiB,CAAC,IAAI,CAAC,CAEzB"}

package/dist/provider.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useMemo, } from "react";
+const ToolkitComponentsContext = createContext({});
+export function ToolkitProvider({ children, components, }) {
+    const parent = useContext(ToolkitComponentsContext);
+    const value = useMemo(() => ({ ...parent, ...components }), [parent, components]);
+    return (_jsx(ToolkitComponentsContext.Provider, { value: value, children: children }));
+}
+export function useToolkitComponents() {
+    return useContext(ToolkitComponentsContext);
+}
+export function useToolkitComponent(name) {
+    return useToolkitComponents()[name];
+}
+//# sourceMappingURL=provider.js.map

package/dist/provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.js","sourceRoot":"","sources":["../src/provider.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,aAAa,EACb,UAAU,EACV,OAAO,GAGR,MAAM,OAAO,CAAC;AAaf,MAAM,wBAAwB,GAAG,aAAa,CAAoB,EAAE,CAAC,CAAC;AAEtE,MAAM,UAAU,eAAe,CAAC,EAC9B,QAAQ,EACR,UAAU,GACW;IACrB,MAAM,MAAM,GAAG,UAAU,CAAC,wBAAwB,CAAC,CAAC;IACpD,MAAM,KAAK,GAAG,OAAO,CACnB,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,MAAM,EAAE,GAAG,UAAU,EAAE,CAAC,EACpC,CAAC,MAAM,EAAE,UAAU,CAAC,CACrB,CAAC;IAEF,OAAO,CACL,KAAC,wBAAwB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAC5C,QAAQ,GACyB,CACrC,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,oBAAoB;IAClC,OAAO,UAAU,CAAC,wBAAwB,CAAC,CAAC;AAC9C,CAAC;AAED,MAAM,UAAU,mBAAmB,CACjC,IAAU;IAEV,OAAO,oBAAoB,EAAE,CAAC,IAAI,CAAC,CAAC;AACtC,CAAC"}

package/dist/sharing/VisibilityBadge.d.ts

@@ -0,0 +1,11 @@
+export interface VisibilityBadgeProps {
+    visibility: "private" | "org" | "public" | null | undefined;
+    size?: number;
+    className?: string;
+}
+/**
+ * Tiny visibility chip for list views. Renders a small icon + label so users
+ * can spot shared/public resources at a glance.
+ */
+export declare function VisibilityBadge({ visibility, size, className, }: VisibilityBadgeProps): import("react").JSX.Element;
+//# sourceMappingURL=VisibilityBadge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VisibilityBadge.d.ts","sourceRoot":"","sources":["../../src/sharing/VisibilityBadge.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,oBAAoB;IACnC,UAAU,EAAE,SAAS,GAAG,KAAK,GAAG,QAAQ,GAAG,IAAI,GAAG,SAAS,CAAC;IAC5D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAC9B,UAAU,EACV,IAAS,EACT,SAAS,GACV,EAAE,oBAAoB,+BAoBtB"}

package/dist/sharing/VisibilityBadge.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IconLock, IconBuilding, IconWorld } from "@tabler/icons-react";
+/**
+ * Tiny visibility chip for list views. Renders a small icon + label so users
+ * can spot shared/public resources at a glance.
+ */
+export function VisibilityBadge({ visibility, size = 12, className, }) {
+    const v = visibility ?? "private";
+    const Icon = v === "public" ? IconWorld : v === "org" ? IconBuilding : IconLock;
+    const label = v === "public" ? "Public" : v === "org" ? "Org" : "Private";
+    return (_jsxs("span", { className: className, style: {
+            display: "inline-flex",
+            alignItems: "center",
+            gap: 4,
+            fontSize: size,
+            color: "hsl(var(--muted-foreground))",
+        }, children: [_jsx(Icon, { size: size + 2 }), label] }));
+}
+//# sourceMappingURL=VisibilityBadge.js.map

package/dist/sharing/VisibilityBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisibilityBadge.js","sourceRoot":"","sources":["../../src/sharing/VisibilityBadge.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAQxE;;;GAGG;AACH,MAAM,UAAU,eAAe,CAAC,EAC9B,UAAU,EACV,IAAI,GAAG,EAAE,EACT,SAAS,GACY;IACrB,MAAM,CAAC,GAAG,UAAU,IAAI,SAAS,CAAC;IAClC,MAAM,IAAI,GACR,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC;IACrE,MAAM,KAAK,GAAG,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;IAC1E,OAAO,CACL,gBACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE;YACL,OAAO,EAAE,aAAa;YACtB,UAAU,EAAE,QAAQ;YACpB,GAAG,EAAE,CAAC;YACN,QAAQ,EAAE,IAAI;YACd,KAAK,EAAE,8BAA8B;SACtC,aAED,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,GAAG,CAAC,GAAI,EACvB,KAAK,IACD,CACR,CAAC;AACJ,CAAC"}

package/dist/sharing/index.d.ts

@@ -0,0 +1,2 @@
+export { VisibilityBadge, type VisibilityBadgeProps, } from "./VisibilityBadge.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/sharing/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,GAC1B,MAAM,sBAAsB,CAAC"}

package/dist/sharing/index.js

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

package/dist/sharing/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/sharing/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,GAEhB,MAAM,sBAAsB,CAAC"}

package/dist/styles.css

@@ -0,0 +1,19 @@
+/*
+ * Registers @agent-native/toolkit's compiled components with Tailwind so apps
+ * that render toolkit UI (dropdowns, dialogs, popovers, etc.) generate the
+ * classes those components use. Without this, classes that appear ONLY inside
+ * toolkit components (e.g. the dropdown content's `z-[250]` and enter/exit
+ * animations) are never generated, and the components render unstyled/invisible.
+ *
+ * Import in an app's `app/global.css` AFTER `@import "tailwindcss";`, alongside
+ * the core stylesheet:
+ *
+ *   @import "tailwindcss";
+ *   @import "@agent-native/core/styles/agent-native.css";
+ *   @import "@agent-native/toolkit/styles.css";
+ *
+ * The @source path is self-relative to this file's shipped location in `dist/`,
+ * so it is robust to install layout — mirroring @agent-native/core's
+ * agent-native.css. Do NOT reach into node_modules from app CSS instead.
+ */
+@source "./**/*.js";