@pantheon-systems/puck-css 0.4.0

package/dist/auth/P1LoginPage.js

@@ -0,0 +1,105 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * P1LoginPage
+ *
+ * Default login page component for P1 auth integration.
+ * This is a convenience component — consumers can build their own login UI
+ * using the useP1Auth() hook instead.
+ *
+ * Renders login UI appropriate for the current auth mode:
+ * - mock: Demo user dropdown selector
+ * - broker: "Sign in" button via auth broker
+ */
+import { useState } from 'react';
+import { useP1Auth, DEMO_USERS } from './P1AuthProvider.js';
+const LOGIN_BUTTON_CSS = `
+.css-login-btn { background: #2563eb; }
+.css-login-btn:hover:not(:disabled) { background: #1d4ed8; }
+.css-login-btn:disabled { opacity: 0.7; cursor: not-allowed; }
+`;
+const containerStyle = {
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    minHeight: '100vh',
+    fontFamily: 'system-ui, -apple-system, sans-serif',
+    background: '#f5f5f5',
+};
+const cardStyle = {
+    background: 'white',
+    borderRadius: '12px',
+    boxShadow: '0 4px 24px rgba(0,0,0,0.1)',
+    padding: '40px',
+    maxWidth: '400px',
+    width: '100%',
+    textAlign: 'center',
+};
+const titleStyle = {
+    fontSize: '24px',
+    fontWeight: 600,
+    marginBottom: '8px',
+    color: '#1a1a1a',
+};
+const subtitleStyle = {
+    fontSize: '14px',
+    color: '#666',
+    marginBottom: '32px',
+};
+const selectStyle = {
+    width: '100%',
+    padding: '12px 16px',
+    fontSize: '16px',
+    borderRadius: '8px',
+    border: '1px solid #ddd',
+    background: 'white',
+    cursor: 'pointer',
+    marginBottom: '16px',
+};
+const errorStyle = {
+    color: '#dc3545',
+    fontSize: '14px',
+    marginTop: '16px',
+    padding: '8px 12px',
+    background: '#fff0f0',
+    borderRadius: '6px',
+};
+const primaryButtonStyle = {
+    width: '100%',
+    padding: '12px 24px',
+    fontSize: '16px',
+    fontWeight: 600,
+    color: '#fff',
+    border: 'none',
+    borderRadius: '8px',
+    cursor: 'pointer',
+    transition: 'background 0.15s',
+};
+function MockLogin() {
+    const { login, isLoading } = useP1Auth();
+    const [selectedUserId, setSelectedUserId] = useState(DEMO_USERS[0]?.id ?? '');
+    return (_jsxs(_Fragment, { children: [_jsx("select", { style: selectStyle, value: selectedUserId, onChange: (e) => setSelectedUserId(e.target.value), disabled: isLoading, children: DEMO_USERS.map((user) => (_jsx("option", { value: user.id, children: user.name }, user.id))) }), _jsx("button", { className: "css-login-btn", style: primaryButtonStyle, onClick: () => void login(selectedUserId), disabled: isLoading, children: isLoading ? 'Signing in...' : 'Sign in as Demo User' })] }));
+}
+function BrokerLogin() {
+    const { login, isLoading } = useP1Auth();
+    return (_jsx("button", { className: "css-login-btn", style: primaryButtonStyle, onClick: () => void login(), disabled: isLoading, children: isLoading ? 'Signing in...' : 'Sign in' }));
+}
+function getAuthModeLabel(mode) {
+    switch (mode) {
+        case 'mock':
+            return 'Demo Mode';
+        case 'broker':
+            return 'Broker';
+    }
+}
+/**
+ * Default login page for P1 auth.
+ * Uses useP1Auth() internally — must be rendered within a P1AuthProvider.
+ *
+ * This is a convenience component. For custom login UIs (e.g., embedded in
+ * a larger app), use useP1Auth() directly to access login/logout/state.
+ */
+export function P1LoginPage({ title = 'P1 Puck Editor', subtitle = 'Sign in to start editing', }) {
+    const { error, authMode } = useP1Auth();
+    return (_jsxs("div", { style: containerStyle, children: [_jsx("style", { dangerouslySetInnerHTML: { __html: LOGIN_BUTTON_CSS } }), _jsxs("div", { style: cardStyle, children: [_jsx("h1", { style: titleStyle, children: title }), _jsxs("p", { style: subtitleStyle, children: [subtitle, " \u00B7 ", getAuthModeLabel(authMode)] }), authMode === 'mock' && _jsx(MockLogin, {}), authMode === 'broker' && _jsx(BrokerLogin, {}), error && _jsx("div", { style: errorStyle, children: error })] })] }));
+}
+//# sourceMappingURL=P1LoginPage.js.map

package/dist/auth/P1LoginPage.js.map

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

package/dist/auth/index.d.ts

@@ -0,0 +1,14 @@
+/**
+ * P1 Auth module
+ *
+ * Reusable authentication components for P1-integrated React apps.
+ * Exports P1AuthProvider, useP1Auth, and P1LoginPage.
+ *
+ * For standalone apps, use P1LoginPage as a ready-made login screen.
+ * For embedded apps, use useP1Auth() to build your own login UI.
+ */
+export { P1AuthProvider, useP1Auth, useOptionalP1Auth, DEMO_USERS, } from './P1AuthProvider.js';
+export type { AuthMode, AuthUser, P1AuthContextValue, P1AuthProviderProps, } from './P1AuthProvider.js';
+export { P1LoginPage } from './P1LoginPage.js';
+export type { P1LoginPageProps } from './P1LoginPage.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/auth/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EACL,cAAc,EACd,SAAS,EACT,iBAAiB,EACjB,UAAU,GACX,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EACV,QAAQ,EACR,QAAQ,EACR,kBAAkB,EAClB,mBAAmB,GACpB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,YAAY,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/auth/index.js

@@ -0,0 +1,12 @@
+/**
+ * P1 Auth module
+ *
+ * Reusable authentication components for P1-integrated React apps.
+ * Exports P1AuthProvider, useP1Auth, and P1LoginPage.
+ *
+ * For standalone apps, use P1LoginPage as a ready-made login screen.
+ * For embedded apps, use useP1Auth() to build your own login UI.
+ */
+export { P1AuthProvider, useP1Auth, useOptionalP1Auth, DEMO_USERS, } from './P1AuthProvider.js';
+export { P1LoginPage } from './P1LoginPage.js';
+//# sourceMappingURL=index.js.map

package/dist/auth/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/auth/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EACL,cAAc,EACd,SAAS,EACT,iBAAiB,EACjB,UAAU,GACX,MAAM,qBAAqB,CAAC;AAQ7B,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/collaboration/collaborationPlugin.d.ts

@@ -0,0 +1,3 @@
+import type { P1FeaturePlugin } from '../core/plugin-types.js';
+export declare const collaborationPlugin: P1FeaturePlugin;
+//# sourceMappingURL=collaborationPlugin.d.ts.map

package/dist/collaboration/collaborationPlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collaborationPlugin.d.ts","sourceRoot":"","sources":["../../src/collaboration/collaborationPlugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE/D,eAAO,MAAM,mBAAmB,EAAE,eAIjC,CAAC"}

package/dist/collaboration/collaborationPlugin.js

@@ -0,0 +1,6 @@
+export const collaborationPlugin = {
+    name: 'collaboration',
+    featureFlags: ['presenceEnabled'],
+    priority: 50,
+};
+//# sourceMappingURL=collaborationPlugin.js.map

package/dist/collaboration/collaborationPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collaborationPlugin.js","sourceRoot":"","sources":["../../src/collaboration/collaborationPlugin.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,mBAAmB,GAAoB;IAClD,IAAI,EAAE,eAAe;IACrB,YAAY,EAAE,CAAC,iBAAiB,CAAC;IACjC,QAAQ,EAAE,EAAE;CACb,CAAC"}

package/dist/collaboration/components/AgentActivityBanner.d.ts

@@ -0,0 +1,26 @@
+/**
+ * AgentActivityBanner Component
+ *
+ * Banner shown when an agent is actively editing the document.
+ * Displays agent name, intent, and affected regions.
+ */
+import React from 'react';
+import type { ActorPresence } from '@pantheon-systems/css-client';
+export interface AgentActivityBannerProps {
+    /** The agent actor to display */
+    agent: ActorPresence;
+    /** Show even when agent is idle (default: false) */
+    showIdle?: boolean;
+    /** Allow dismissing the banner (default: false) */
+    dismissible?: boolean;
+    /** Handler when stop agent button is clicked */
+    onStopAgent?: (agent: ActorPresence) => void;
+    /** Custom className */
+    className?: string;
+}
+/**
+ * Banner shown when an agent is actively editing the document.
+ * Displays agent name, intent, and affected regions.
+ */
+export declare function AgentActivityBanner({ agent, showIdle, dismissible, onStopAgent, className, }: AgentActivityBannerProps): React.JSX.Element | null;
+//# sourceMappingURL=AgentActivityBanner.d.ts.map

package/dist/collaboration/components/AgentActivityBanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentActivityBanner.d.ts","sourceRoot":"","sources":["../../../src/collaboration/components/AgentActivityBanner.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAGlE,MAAM,WAAW,wBAAwB;IACvC,iCAAiC;IACjC,KAAK,EAAE,aAAa,CAAC;IACrB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mDAAmD;IACnD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gDAAgD;IAChD,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC7C,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAeD;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,QAAgB,EAChB,WAAmB,EACnB,WAAW,EACX,SAAS,GACV,EAAE,wBAAwB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAkFrD"}

package/dist/collaboration/components/AgentActivityBanner.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * AgentActivityBanner Component
+ *
+ * Banner shown when an agent is actively editing the document.
+ * Displays agent name, intent, and affected regions.
+ */
+import { useState } from 'react';
+import { getAvatarColor } from '../utils/avatarColor.js';
+const baseClass = 'css-puck-agent-banner';
+/**
+ * Get initials from a name.
+ */
+function getInitials(name) {
+    return name
+        .split(' ')
+        .slice(0, 2)
+        .map((word) => word.charAt(0).toUpperCase())
+        .join('');
+}
+/**
+ * Banner shown when an agent is actively editing the document.
+ * Displays agent name, intent, and affected regions.
+ */
+export function AgentActivityBanner({ agent, showIdle = false, dismissible = false, onStopAgent, className, }) {
+    const [isDismissed, setIsDismissed] = useState(false);
+    // Don't show if agent is idle and showIdle is false
+    if (agent.state === 'idle' && !showIdle) {
+        return null;
+    }
+    // Don't show if dismissed
+    if (isDismissed) {
+        return null;
+    }
+    const containerClasses = [
+        baseClass,
+        `${baseClass}--${agent.state}`,
+        className,
+    ]
+        .filter(Boolean)
+        .join(' ');
+    const handleDismiss = () => {
+        setIsDismissed(true);
+    };
+    const handleStopAgent = () => {
+        onStopAgent?.(agent);
+    };
+    return (_jsxs("div", { className: containerClasses, role: "alert", "aria-live": "polite", children: [_jsxs("div", { className: `${baseClass}__content`, children: [_jsxs("div", { className: `${baseClass}__avatar`, style: { backgroundColor: getAvatarColor(agent.actorId) }, children: [_jsx("span", { className: `${baseClass}__initials`, children: getInitials(agent.name) }), _jsx("span", { className: `${baseClass}__agent-icon`, "aria-hidden": "true" })] }), _jsxs("div", { className: `${baseClass}__info`, children: [_jsx("span", { className: `${baseClass}__name`, children: agent.name }), agent.intent && (_jsx("span", { className: `${baseClass}__intent`, children: agent.intent }))] }), agent.focusRegions && agent.focusRegions.length > 0 && (_jsxs("div", { className: `${baseClass}__regions`, children: [_jsx("span", { className: `${baseClass}__regions-label`, children: "Editing:" }), agent.focusRegions.map((region) => (_jsx("span", { className: `${baseClass}__region`, children: region }, region)))] }))] }), _jsxs("div", { className: `${baseClass}__actions`, children: [_jsx("button", { type: "button", className: `pds-button pds-button--critical-secondary pds-button--sm ${baseClass}__stop-btn`, onClick: handleStopAgent, "aria-label": "Stop Agent", children: "Stop Agent" }), dismissible && (_jsx("button", { type: "button", className: `pds-button pds-button--subtle pds-button--sm ${baseClass}__dismiss-btn`, onClick: handleDismiss, "aria-label": "Dismiss", children: "Dismiss" }))] })] }));
+}
+//# sourceMappingURL=AgentActivityBanner.js.map

package/dist/collaboration/components/AgentActivityBanner.js.map

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

package/dist/collaboration/components/CollaboratorAvatars.d.ts

@@ -0,0 +1,25 @@
+/**
+ * CollaboratorAvatars Component
+ *
+ * Displays stacked avatars of collaborators with tooltips showing names/intents.
+ */
+import React from 'react';
+import type { ActorPresence } from '@pantheon-systems/css-client';
+export interface CollaboratorAvatarsProps {
+    /** List of actors to display */
+    actors: ActorPresence[];
+    /** Maximum avatars to show before "+N" (default: 5) */
+    maxVisible?: number;
+    /** Show agents separately from humans */
+    separateAgents?: boolean;
+    /** Click handler for avatar */
+    onAvatarClick?: (actor: ActorPresence) => void;
+    /** Custom className */
+    className?: string;
+}
+/**
+ * Displays stacked avatars of collaborators with tooltips showing names/intents.
+ * Automatically updates based on usePresence hook.
+ */
+export declare function CollaboratorAvatars({ actors, maxVisible, separateAgents, onAvatarClick, className, }: CollaboratorAvatarsProps): React.JSX.Element;
+//# sourceMappingURL=CollaboratorAvatars.d.ts.map

package/dist/collaboration/components/CollaboratorAvatars.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollaboratorAvatars.d.ts","sourceRoot":"","sources":["../../../src/collaboration/components/CollaboratorAvatars.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAGlE,MAAM,WAAW,wBAAwB;IACvC,gCAAgC;IAChC,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB,uDAAuD;IACvD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yCAAyC;IACzC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,+BAA+B;IAC/B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC/C,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAoFD;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,UAAc,EACd,cAAsB,EACtB,aAAa,EACb,SAAS,GACV,EAAE,wBAAwB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAuD9C"}

package/dist/collaboration/components/CollaboratorAvatars.js

@@ -0,0 +1,75 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { getAvatarColor } from '../utils/avatarColor.js';
+const baseClass = 'css-puck-collaborator-avatars';
+/**
+ * Get initials from a name (first letter of first two words).
+ */
+function getInitials(name) {
+    return name
+        .split(' ')
+        .slice(0, 2)
+        .map((word) => word.charAt(0).toUpperCase())
+        .join('');
+}
+/**
+ * Build tooltip text for an actor.
+ */
+function getTooltip(actor) {
+    const parts = [actor.name];
+    if (actor.role === 'agent' && actor.intent) {
+        parts.push(`Intent: ${actor.intent}`);
+    }
+    if (actor.state) {
+        parts.push(`Status: ${actor.state}`);
+    }
+    return parts.join('\n');
+}
+/**
+ * Renders a single avatar.
+ */
+function Avatar({ actor, onClick, }) {
+    const isEditing = actor.state === 'editing';
+    const isAgent = actor.role === 'agent';
+    const avatarClasses = [
+        `${baseClass}__avatar`,
+        isEditing && `${baseClass}__avatar--editing`,
+        isAgent && `${baseClass}__avatar--agent`,
+    ]
+        .filter(Boolean)
+        .join(' ');
+    const handleClick = () => {
+        onClick?.(actor);
+    };
+    // Generate a consistent color based on the actor's actual ID (not presence record ID)
+    // This ensures colors match the demo UserSwitcher and are consistent across sessions
+    const backgroundColor = getAvatarColor(actor.actorId);
+    return (_jsxs("div", { className: avatarClasses, style: { backgroundColor }, "data-tooltip": getTooltip(actor), onClick: handleClick, role: "button", tabIndex: 0, onKeyDown: (e) => e.key === 'Enter' && handleClick(), children: [actor.avatar ? (_jsx("img", { src: actor.avatar, alt: actor.name, className: `${baseClass}__image`, referrerPolicy: "no-referrer", crossOrigin: "anonymous" })) : (_jsx("span", { className: `${baseClass}__initials`, children: getInitials(actor.name) })), isAgent && _jsx("span", { className: `${baseClass}__agent-badge`, "aria-hidden": "true" })] }));
+}
+/**
+ * Displays stacked avatars of collaborators with tooltips showing names/intents.
+ * Automatically updates based on usePresence hook.
+ */
+export function CollaboratorAvatars({ actors, maxVisible = 5, separateAgents = false, onAvatarClick, className, }) {
+    if (actors.length === 0) {
+        return _jsx("div", { className: [baseClass, className].filter(Boolean).join(' ') });
+    }
+    const humans = actors.filter((a) => a.role === 'human');
+    const agents = actors.filter((a) => a.role === 'agent');
+    // Determine which actors to display
+    let displayActors;
+    let overflowCount;
+    if (separateAgents) {
+        // Show humans first, then separator, then agents
+        const visibleHumans = humans.slice(0, Math.ceil(maxVisible / 2));
+        const visibleAgents = agents.slice(0, Math.floor(maxVisible / 2));
+        displayActors = [...visibleHumans, ...visibleAgents];
+        overflowCount = actors.length - displayActors.length;
+    }
+    else {
+        displayActors = actors.slice(0, maxVisible);
+        overflowCount = actors.length - maxVisible;
+    }
+    const containerClasses = [baseClass, className].filter(Boolean).join(' ');
+    return (_jsxs("div", { className: containerClasses, children: [separateAgents ? (_jsxs(_Fragment, { children: [_jsx("div", { className: `${baseClass}__group`, children: humans.slice(0, Math.ceil(maxVisible / 2)).map((actor) => (_jsx(Avatar, { actor: actor, onClick: onAvatarClick }, actor.id))) }), agents.length > 0 && (_jsxs(_Fragment, { children: [_jsx("div", { className: `${baseClass}__separator` }), _jsx("div", { className: `${baseClass}__group`, children: agents.slice(0, Math.floor(maxVisible / 2)).map((actor) => (_jsx(Avatar, { actor: actor, onClick: onAvatarClick }, actor.id))) })] }))] })) : (displayActors.map((actor) => (_jsx(Avatar, { actor: actor, onClick: onAvatarClick }, actor.id)))), overflowCount > 0 && (_jsxs("div", { className: `${baseClass}__overflow`, children: ["+", overflowCount] }))] }));
+}
+//# sourceMappingURL=CollaboratorAvatars.js.map

package/dist/collaboration/components/CollaboratorAvatars.js.map

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

package/dist/collaboration/components/FocusRegionHighlight.d.ts

@@ -0,0 +1,20 @@
+/**
+ * FocusRegionHighlight Component
+ *
+ * Overlays visual highlights on Puck components that match actor's focusRegions.
+ * Integrates with Puck's component tree.
+ */
+import React from 'react';
+import type { ActorPresence } from '@pantheon-systems/css-client';
+export interface FocusRegionHighlightProps {
+    /** Actor whose regions to highlight */
+    actor: ActorPresence;
+    /** Color for highlight (auto-assigned if not provided) */
+    color?: string;
+}
+/**
+ * Overlays visual highlights on Puck components that match actor's focusRegions.
+ * Integrates with Puck's component tree.
+ */
+export declare function FocusRegionHighlight({ actor, color, }: FocusRegionHighlightProps): React.JSX.Element | null;
+//# sourceMappingURL=FocusRegionHighlight.d.ts.map

package/dist/collaboration/components/FocusRegionHighlight.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FocusRegionHighlight.d.ts","sourceRoot":"","sources":["../../../src/collaboration/components/FocusRegionHighlight.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAElE,MAAM,WAAW,yBAAyB;IACxC,uCAAuC;IACvC,KAAK,EAAE,aAAa,CAAC;IACrB,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAiBD;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,KAAK,GACN,EAAE,yBAAyB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAiCtD"}

package/dist/collaboration/components/FocusRegionHighlight.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const baseClass = 'css-puck-focus-highlight';
+/**
+ * Generate a consistent color based on actor ID.
+ */
+function generateColorFromId(id) {
+    // Simple hash to generate a hue value
+    let hash = 0;
+    for (let i = 0; i < id.length; i++) {
+        hash = id.charCodeAt(i) + ((hash << 5) - hash);
+    }
+    const hue = Math.abs(hash % 360);
+    return `hsl(${hue}, 70%, 60%)`;
+}
+/**
+ * Overlays visual highlights on Puck components that match actor's focusRegions.
+ * Integrates with Puck's component tree.
+ */
+export function FocusRegionHighlight({ actor, color, }) {
+    const { focusRegions, state, name } = actor;
+    // Don't render if no focus regions
+    if (!focusRegions || focusRegions.length === 0) {
+        return null;
+    }
+    const isEditing = state === 'editing';
+    const highlightColor = color || generateColorFromId(actor.actorId);
+    const containerClasses = [
+        baseClass,
+        isEditing && `${baseClass}--editing`,
+    ]
+        .filter(Boolean)
+        .join(' ');
+    return (_jsx("div", { className: containerClasses, style: { '--highlight-color': highlightColor }, "aria-label": `Focus regions for ${name}`, children: focusRegions.map((region) => (_jsx("div", { className: `${baseClass}__region`, "data-region": region }, region))) }));
+}
+//# sourceMappingURL=FocusRegionHighlight.js.map

package/dist/collaboration/components/FocusRegionHighlight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FocusRegionHighlight.js","sourceRoot":"","sources":["../../../src/collaboration/components/FocusRegionHighlight.tsx"],"names":[],"mappings":";AAiBA,MAAM,SAAS,GAAG,0BAA0B,CAAC;AAE7C;;GAEG;AACH,SAAS,mBAAmB,CAAC,EAAU;IACrC,sCAAsC;IACtC,IAAI,IAAI,GAAG,CAAC,CAAC;IACb,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACnC,IAAI,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;IACjD,CAAC;IACD,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,GAAG,CAAC,CAAC;IACjC,OAAO,OAAO,GAAG,aAAa,CAAC;AACjC,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,oBAAoB,CAAC,EACnC,KAAK,EACL,KAAK,GACqB;IAC1B,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAE5C,mCAAmC;IACnC,IAAI,CAAC,YAAY,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC/C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,SAAS,GAAG,KAAK,KAAK,SAAS,CAAC;IACtC,MAAM,cAAc,GAAG,KAAK,IAAI,mBAAmB,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAEnE,MAAM,gBAAgB,GAAG;QACvB,SAAS;QACT,SAAS,IAAI,GAAG,SAAS,WAAW;KACrC;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,OAAO,CACL,cACE,SAAS,EAAE,gBAAgB,EAC3B,KAAK,EAAE,EAAE,mBAAmB,EAAE,cAAc,EAAyB,gBACzD,qBAAqB,IAAI,EAAE,YAEtC,YAAY,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC5B,cAEE,SAAS,EAAE,GAAG,SAAS,UAAU,iBACpB,MAAM,IAFd,MAAM,CAGX,CACH,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/collaboration/components/PresenceIndicator.d.ts

@@ -0,0 +1,23 @@
+/**
+ * PresenceIndicator Component
+ *
+ * Compact indicator showing presence count with expandable details panel.
+ */
+import React from 'react';
+import type { ActorPresence } from '@pantheon-systems/css-client';
+export interface PresenceIndicatorProps {
+    /** List of actors to display */
+    actors: ActorPresence[];
+    /** Show detailed presence panel on click */
+    expandable?: boolean;
+    /** Position of expanded panel */
+    panelPosition?: 'top' | 'bottom';
+    /** Custom className */
+    className?: string;
+}
+/**
+ * Compact indicator showing presence count with expandable details panel.
+ * Shows: "3 collaborators" with breakdown on expand.
+ */
+export declare function PresenceIndicator({ actors, expandable, panelPosition, className, }: PresenceIndicatorProps): React.JSX.Element;
+//# sourceMappingURL=PresenceIndicator.d.ts.map

package/dist/collaboration/components/PresenceIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PresenceIndicator.d.ts","sourceRoot":"","sources":["../../../src/collaboration/components/PresenceIndicator.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAElE,MAAM,WAAW,sBAAsB;IACrC,gCAAgC;IAChC,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iCAAiC;IACjC,aAAa,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IACjC,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,UAAiB,EACjB,aAAwB,EACxB,SAAS,GACV,EAAE,sBAAsB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA0D5C"}

package/dist/collaboration/components/PresenceIndicator.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * PresenceIndicator Component
+ *
+ * Compact indicator showing presence count with expandable details panel.
+ */
+import { useState } from 'react';
+const baseClass = 'css-puck-presence-indicator';
+/**
+ * Compact indicator showing presence count with expandable details panel.
+ * Shows: "3 collaborators" with breakdown on expand.
+ */
+export function PresenceIndicator({ actors, expandable = true, panelPosition = 'bottom', className, }) {
+    const [isExpanded, setIsExpanded] = useState(false);
+    const count = actors.length;
+    const label = count === 0 ? 'No collaborators' : count === 1 ? '1 collaborator' : `${count} collaborators`;
+    const containerClasses = [baseClass, className].filter(Boolean).join(' ');
+    const handleClick = () => {
+        if (expandable) {
+            setIsExpanded(!isExpanded);
+        }
+    };
+    return (_jsxs("div", { className: containerClasses, children: [_jsx("button", { className: `${baseClass}__trigger`, onClick: handleClick, type: "button", "aria-expanded": expandable ? isExpanded : undefined, children: _jsx("span", { className: `${baseClass}__count`, children: label }) }), expandable && isExpanded && (_jsx("div", { className: `${baseClass}__panel ${baseClass}__panel--${panelPosition}`, role: "dialog", "aria-label": "Collaborators", children: _jsx("ul", { className: `${baseClass}__list`, children: actors.map((actor) => (_jsxs("li", { className: `${baseClass}__item`, children: [_jsxs("div", { className: `${baseClass}__actor`, children: [_jsx("span", { className: `${baseClass}__name`, children: actor.name }), _jsx("span", { className: `${baseClass}__state ${baseClass}__state--${actor.state}`, children: actor.state })] }), actor.focusRegions && actor.focusRegions.length > 0 && (_jsx("div", { className: `${baseClass}__regions`, children: actor.focusRegions.map((region) => (_jsx("span", { className: `${baseClass}__region`, children: region }, region))) }))] }, actor.id))) }) }))] }));
+}
+//# sourceMappingURL=PresenceIndicator.js.map

package/dist/collaboration/components/PresenceIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PresenceIndicator.js","sourceRoot":"","sources":["../../../src/collaboration/components/PresenceIndicator.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAcxC,MAAM,SAAS,GAAG,6BAA6B,CAAC;AAEhD;;;GAGG;AACH,MAAM,UAAU,iBAAiB,CAAC,EAChC,MAAM,EACN,UAAU,GAAG,IAAI,EACjB,aAAa,GAAG,QAAQ,EACxB,SAAS,GACc;IACvB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC;IAC5B,MAAM,KAAK,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,GAAG,KAAK,gBAAgB,CAAC;IAE3G,MAAM,gBAAgB,GAAG,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE1E,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,UAAU,EAAE,CAAC;YACf,aAAa,CAAC,CAAC,UAAU,CAAC,CAAC;QAC7B,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAE,gBAAgB,aAC9B,iBACE,SAAS,EAAE,GAAG,SAAS,WAAW,EAClC,OAAO,EAAE,WAAW,EACpB,IAAI,EAAC,QAAQ,mBACE,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,YAElD,eAAM,SAAS,EAAE,GAAG,SAAS,SAAS,YAAG,KAAK,GAAQ,GAC/C,EAER,UAAU,IAAI,UAAU,IAAI,CAC3B,cACE,SAAS,EAAE,GAAG,SAAS,WAAW,SAAS,YAAY,aAAa,EAAE,EACtE,IAAI,EAAC,QAAQ,gBACF,eAAe,YAE1B,aAAI,SAAS,EAAE,GAAG,SAAS,QAAQ,YAChC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACrB,cAAmB,SAAS,EAAE,GAAG,SAAS,QAAQ,aAChD,eAAK,SAAS,EAAE,GAAG,SAAS,SAAS,aACnC,eAAM,SAAS,EAAE,GAAG,SAAS,QAAQ,YAAG,KAAK,CAAC,IAAI,GAAQ,EAC1D,eACE,SAAS,EAAE,GAAG,SAAS,WAAW,SAAS,YAAY,KAAK,CAAC,KAAK,EAAE,YAEnE,KAAK,CAAC,KAAK,GACP,IACH,EACL,KAAK,CAAC,YAAY,IAAI,KAAK,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,IAAI,CACtD,cAAK,SAAS,EAAE,GAAG,SAAS,WAAW,YACpC,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAClC,eAAmB,SAAS,EAAE,GAAG,SAAS,UAAU,YACjD,MAAM,IADE,MAAM,CAEV,CACR,CAAC,GACE,CACP,KAjBM,KAAK,CAAC,EAAE,CAkBZ,CACN,CAAC,GACC,GACD,CACP,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/collaboration/index.d.ts

@@ -0,0 +1,21 @@
+export { usePresence } from './usePresence.js';
+export type { UsePresenceOptions, UsePresenceReturn } from './usePresence.js';
+export { useBranchPresence } from './useBranchPresence.js';
+export type { UseBranchPresenceOptions, UseBranchPresenceReturn } from './useBranchPresence.js';
+export { useSitePresence } from './useSitePresence.js';
+export type { UseSitePresenceOptions, UseSitePresenceReturn } from './useSitePresence.js';
+export { useFocusRegionReporting } from './useFocusRegionReporting.js';
+export type { UseFocusRegionReportingOptions, UseFocusRegionReportingReturn, } from './useFocusRegionReporting.js';
+export { CollaboratorAvatars } from './components/CollaboratorAvatars.js';
+export type { CollaboratorAvatarsProps } from './components/CollaboratorAvatars.js';
+export { PresenceIndicator } from './components/PresenceIndicator.js';
+export type { PresenceIndicatorProps } from './components/PresenceIndicator.js';
+export { AgentActivityBanner } from './components/AgentActivityBanner.js';
+export type { AgentActivityBannerProps } from './components/AgentActivityBanner.js';
+export { FocusRegionHighlight } from './components/FocusRegionHighlight.js';
+export type { FocusRegionHighlightProps } from './components/FocusRegionHighlight.js';
+export { getAvatarColor } from './utils/avatarColor.js';
+export { createFocusRegionMap } from './utils/focusRegionMap.js';
+export type { FocusHighlight } from './utils/focusRegionMap.js';
+export { createFocusHighlightConfig } from './utils/focusHighlightConfig.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/collaboration/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,YAAY,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAC9E,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,YAAY,EAAE,wBAAwB,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAChG,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,YAAY,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAC1F,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,YAAY,EACV,8BAA8B,EAC9B,6BAA6B,GAC9B,MAAM,8BAA8B,CAAC;AAEtC,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAC1E,YAAY,EAAE,wBAAwB,EAAE,MAAM,qCAAqC,CAAC;AACpF,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,YAAY,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AAChF,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAC1E,YAAY,EAAE,wBAAwB,EAAE,MAAM,qCAAqC,CAAC;AACpF,OAAO,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAC5E,YAAY,EAAE,yBAAyB,EAAE,MAAM,sCAAsC,CAAC;AAEtF,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,YAAY,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC"}

package/dist/collaboration/index.js

@@ -0,0 +1,12 @@
+export { usePresence } from './usePresence.js';
+export { useBranchPresence } from './useBranchPresence.js';
+export { useSitePresence } from './useSitePresence.js';
+export { useFocusRegionReporting } from './useFocusRegionReporting.js';
+export { CollaboratorAvatars } from './components/CollaboratorAvatars.js';
+export { PresenceIndicator } from './components/PresenceIndicator.js';
+export { AgentActivityBanner } from './components/AgentActivityBanner.js';
+export { FocusRegionHighlight } from './components/FocusRegionHighlight.js';
+export { getAvatarColor } from './utils/avatarColor.js';
+export { createFocusRegionMap } from './utils/focusRegionMap.js';
+export { createFocusHighlightConfig } from './utils/focusHighlightConfig.js';
+//# sourceMappingURL=index.js.map

package/dist/collaboration/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/collaboration/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AAMvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAE1E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAEtE,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAE1E,OAAO,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAG5E,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEjE,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC"}

package/dist/collaboration/useBranchPresence.d.ts

@@ -0,0 +1,54 @@
+/**
+ * useBranchPresence Hook
+ *
+ * Provides branch-level presence aggregation with polling.
+ */
+import type { BranchPresence, DocumentPresenceSummary } from '@pantheon-systems/css-client';
+/**
+ * Options for the useBranchPresence hook.
+ */
+export interface UseBranchPresenceOptions {
+    /** Polling interval in ms (default: 10000) */
+    pollingInterval?: number;
+}
+/**
+ * Return value for the useBranchPresence hook.
+ */
+export interface UseBranchPresenceReturn {
+    /** Branch presence summary */
+    presence: BranchPresence | null;
+    /** Documents with active collaborators */
+    activeDocuments: DocumentPresenceSummary[];
+    /** Total collaborators across branch */
+    totalActors: number;
+    /** Loading state */
+    isLoading: boolean;
+    /** Error state */
+    error: Error | null;
+    /** Refresh presence data */
+    refresh: () => Promise<void>;
+}
+/**
+ * Hook for consuming branch-level presence data.
+ *
+ * @param options - Configuration options
+ * @returns Branch presence state and operations
+ *
+ * @example
+ * ```tsx
+ * function BranchCollaborators() {
+ *   const { presence, activeDocuments, totalActors } = useBranchPresence();
+ *
+ *   return (
+ *     <div>
+ *       <span>{totalActors} collaborators on this branch</span>
+ *       {activeDocuments.map(doc => (
+ *         <DocumentBadge key={doc.documentId} path={doc.documentPath} />
+ *       ))}
+ *     </div>
+ *   );
+ * }
+ * ```
+ */
+export declare function useBranchPresence(options?: UseBranchPresenceOptions): UseBranchPresenceReturn;
+//# sourceMappingURL=useBranchPresence.d.ts.map

package/dist/collaboration/useBranchPresence.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBranchPresence.d.ts","sourceRoot":"","sources":["../../src/collaboration/useBranchPresence.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EAAE,cAAc,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AAG5F;;GAEG;AACH,MAAM,WAAW,wBAAwB;IACvC,8CAA8C;IAC9C,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,8BAA8B;IAC9B,QAAQ,EAAE,cAAc,GAAG,IAAI,CAAC;IAChC,0CAA0C;IAC1C,eAAe,EAAE,uBAAuB,EAAE,CAAC;IAC3C,wCAAwC;IACxC,WAAW,EAAE,MAAM,CAAC;IACpB,oBAAoB;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,kBAAkB;IAClB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,4BAA4B;IAC5B,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC9B;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,iBAAiB,CAC/B,OAAO,GAAE,wBAA6B,GACrC,uBAAuB,CAyEzB"}