canopycms 0.0.0

package/dist/editor/fields/BlockField.stories.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { BlockField } from './BlockField';
+import { MarkdownField } from './MarkdownField';
+import { TextField } from './TextField';
+const meta = {
+    title: 'Editor/Fields/Block',
+    component: BlockField,
+};
+export default meta;
+export const Default = {
+    render: () => {
+        const templates = [
+            {
+                name: 'hero',
+                label: 'Hero',
+                fields: [
+                    { name: 'headline', type: 'string' },
+                    { name: 'body', type: 'markdown' },
+                ],
+            },
+            {
+                name: 'cta',
+                label: 'CTA',
+                fields: [
+                    { name: 'title', type: 'string' },
+                    { name: 'ctaText', type: 'string' },
+                ],
+            },
+        ];
+        const [blocks, setBlocks] = useState([
+            { template: 'hero', value: { headline: 'Hello', body: 'Intro text' } },
+            {
+                template: 'cta',
+                value: { title: 'Call to action', ctaText: 'Click me' },
+            },
+        ]);
+        const renderWidget = (field, value, onChange) => {
+            if (field.type === 'string') {
+                return (_jsx(TextField, { label: field.label ?? field.name, value: typeof value === 'string' ? value : '', onChange: (v) => onChange(v) }));
+            }
+            if (field.type === 'markdown' || field.type === 'mdx') {
+                return (_jsx(MarkdownField, { label: field.label ?? field.name, value: typeof value === 'string' ? value : '', onChange: (v) => onChange(v) }));
+            }
+            return _jsxs("div", { className: "text-xs text-gray-500", children: ["Unsupported field: ", field.type] });
+        };
+        return (_jsx(BlockField, { label: "Blocks", templates: templates, value: blocks, onChange: (next) => setBlocks(next), renderField: (field, val, update, _path) => renderWidget(field, val, update), path: ['blocks'] }));
+    },
+};
+//# sourceMappingURL=BlockField.stories.js.map

package/dist/editor/fields/BlockField.stories.js.map

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

package/dist/editor/fields/CodeField.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export interface CodeFieldProps {
+    id?: string;
+    label?: string;
+    value: string;
+    onChange: (value: string) => void;
+    language?: string;
+    dataCanopyField?: string;
+}
+export declare const CodeField: React.FC<CodeFieldProps>;
+export default CodeField;
+//# sourceMappingURL=CodeField.d.ts.map

package/dist/editor/fields/CodeField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeField.d.ts","sourceRoot":"","sources":["../../../src/editor/fields/CodeField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgB,MAAM,OAAO,CAAA;AAIpC,MAAM,WAAW,cAAc;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AAGD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAwB9C,CAAA;AAED,eAAe,SAAS,CAAA"}

package/dist/editor/fields/CodeField.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useId } from 'react';
+import { Textarea } from '@mantine/core';
+// Placeholder for Monaco integration; host app can provide custom renderer for production.
+export const CodeField = ({ id, label, value, onChange, language, dataCanopyField, }) => {
+    const generatedId = useId();
+    const inputId = id ?? generatedId;
+    return (_jsx(Textarea, { id: inputId, label: label, value: value, onChange: (e) => onChange(e.currentTarget.value), placeholder: language ? `Code (${language})` : 'Code', autosize: true, minRows: 6, size: "sm", "data-canopy-field": dataCanopyField, styles: { input: { fontFamily: 'Menlo, Consolas, monospace' } } }));
+};
+export default CodeField;
+//# sourceMappingURL=CodeField.js.map

package/dist/editor/fields/CodeField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeField.js","sourceRoot":"","sources":["../../../src/editor/fields/CodeField.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,KAAK,EAAE,MAAM,OAAO,CAAA;AAEpC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAWxC,2FAA2F;AAC3F,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAClD,EAAE,EACF,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,eAAe,GAChB,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,KAAK,EAAE,CAAA;IAC3B,MAAM,OAAO,GAAG,EAAE,IAAI,WAAW,CAAA;IACjC,OAAO,CACL,KAAC,QAAQ,IACP,EAAE,EAAE,OAAO,EACX,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,EAChD,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,QAAQ,GAAG,CAAC,CAAC,CAAC,MAAM,EACrD,QAAQ,QACR,OAAO,EAAE,CAAC,EACV,IAAI,EAAC,IAAI,uBACU,eAAe,EAClC,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,4BAA4B,EAAE,EAAE,GAC/D,CACH,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}

package/dist/editor/fields/MarkdownField.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface MarkdownFieldProps {
+    id?: string;
+    label?: string;
+    value: string;
+    onChange: (value: string) => void;
+    dataCanopyField?: string;
+}
+export declare const MarkdownField: React.FC<MarkdownFieldProps>;
+export default MarkdownField;
+//# sourceMappingURL=MarkdownField.d.ts.map

package/dist/editor/fields/MarkdownField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownField.d.ts","sourceRoot":"","sources":["../../../src/editor/fields/MarkdownField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0D,MAAM,OAAO,CAAA;AAM9E,MAAM,WAAW,kBAAkB;IACjC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AAmJD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA2CtD,CAAA;AAED,eAAe,aAAa,CAAA"}

package/dist/editor/fields/MarkdownField.js

@@ -0,0 +1,94 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { Suspense, useId, useRef, useCallback, useEffect } from 'react';
+import { Text, Textarea } from '@mantine/core';
+const MDXEditorLazy = React.lazy(async () => {
+    const [{ MDXEditor }, { headingsPlugin, listsPlugin, quotePlugin, thematicBreakPlugin, markdownShortcutPlugin, linkPlugin, linkDialogPlugin, tablePlugin, toolbarPlugin, codeBlockPlugin, codeMirrorPlugin, BoldItalicUnderlineToggles, BlockTypeSelect, ListsToggle, CreateLink, InsertTable, InsertThematicBreak, CodeToggle, InsertCodeBlock, UndoRedo, Separator, },] = await Promise.all([import('@mdxeditor/editor'), import('@mdxeditor/editor')]);
+    const WrappedEditor = ({ markdown, onChange, editorRef }) => {
+        return (_jsx(MDXEditor, { ref: editorRef, markdown: markdown, onChange: onChange, plugins: [
+                headingsPlugin(),
+                listsPlugin(),
+                quotePlugin(),
+                thematicBreakPlugin(),
+                markdownShortcutPlugin(),
+                linkPlugin(),
+                linkDialogPlugin(),
+                tablePlugin(),
+                codeBlockPlugin({ defaultCodeBlockLanguage: '' }),
+                codeMirrorPlugin({
+                    codeBlockLanguages: {
+                        '': 'Plain text',
+                        js: 'JavaScript',
+                        ts: 'TypeScript',
+                        tsx: 'TSX',
+                        jsx: 'JSX',
+                        css: 'CSS',
+                        html: 'HTML',
+                        json: 'JSON',
+                        bash: 'Bash',
+                        python: 'Python',
+                        yaml: 'YAML',
+                        markdown: 'Markdown',
+                    },
+                }),
+                toolbarPlugin({
+                    toolbarContents: () => (_jsxs(_Fragment, { children: [_jsx(UndoRedo, {}), _jsx(Separator, {}), _jsx(BoldItalicUnderlineToggles, {}), _jsx(CodeToggle, {}), _jsx(Separator, {}), _jsx(BlockTypeSelect, {}), _jsx(Separator, {}), _jsx(ListsToggle, {}), _jsx(Separator, {}), _jsx(CreateLink, {}), _jsx(InsertTable, {}), _jsx(InsertThematicBreak, {}), _jsx(InsertCodeBlock, {})] })),
+                }),
+            ], contentEditableClassName: "canopy-mdx-content" }));
+    };
+    return { default: WrappedEditor };
+});
+/** Style the editor wrapper with a white background and border so it's visually distinct from the form background. */
+const editorWrapperStyle = {
+    background: '#fff',
+    border: '1px solid var(--mantine-color-gray-4, #ced4da)',
+    borderRadius: 'var(--mantine-radius-sm, 4px)',
+    overflow: 'hidden',
+};
+/**
+ * Mantine's global CSS reset strips styles from semantic HTML elements.
+ * Restore them inside the MDXEditor content area so formatting is visible.
+ */
+const EditorContentStyles = () => (_jsx("style", { children: `
+    .canopy-mdx-content { min-height: 120px; padding: 8px 12px; }
+    .canopy-mdx-content ul { list-style-type: disc; padding-left: 1.5em; margin: 0.5em 0; }
+    .canopy-mdx-content ol { list-style-type: decimal; padding-left: 1.5em; margin: 0.5em 0; }
+    .canopy-mdx-content ul ul { list-style-type: circle; }
+    .canopy-mdx-content ul ul ul { list-style-type: square; }
+    .canopy-mdx-content li { display: list-item; }
+    .canopy-mdx-content h1 { font-size: 2em; font-weight: 700; margin: 0.67em 0; }
+    .canopy-mdx-content h2 { font-size: 1.5em; font-weight: 600; margin: 0.83em 0; }
+    .canopy-mdx-content h3 { font-size: 1.17em; font-weight: 600; margin: 1em 0; }
+    .canopy-mdx-content h4 { font-size: 1em; font-weight: 600; margin: 1.33em 0; }
+    .canopy-mdx-content h5 { font-size: 0.83em; font-weight: 600; margin: 1.67em 0; }
+    .canopy-mdx-content h6 { font-size: 0.67em; font-weight: 600; margin: 2.33em 0; }
+    .canopy-mdx-content blockquote {
+      border-left: 3px solid var(--mantine-color-gray-4, #ced4da);
+      padding-left: 1em;
+      margin: 0.5em 0;
+      color: var(--mantine-color-gray-7, #495057);
+    }
+    .canopy-mdx-content hr { border: none; border-top: 1px solid var(--mantine-color-gray-4, #ced4da); margin: 1em 0; }
+    .canopy-mdx-content p { margin: 0.75em 0; }
+    .canopy-mdx-content a { color: var(--mantine-color-blue-6, #228be6); text-decoration: underline; }
+  ` }));
+const FallbackTextarea = ({ value, onChange, }) => (_jsx(Textarea, { value: value, onChange: (e) => onChange(e.currentTarget.value), placeholder: "Loading markdown editor...", autosize: true, minRows: 6, size: "sm", readOnly: true }));
+export const MarkdownField = ({ id, label, value, onChange, dataCanopyField, }) => {
+    const generatedId = useId();
+    const inputId = id ?? generatedId;
+    const editorRef = useRef(null);
+    const lastExternalValue = useRef(value);
+    // Sync external value changes into the editor (e.g., undo, reset, load)
+    useEffect(() => {
+        if (value !== lastExternalValue.current && editorRef.current) {
+            editorRef.current.setMarkdown(value);
+            lastExternalValue.current = value;
+        }
+    }, [value]);
+    const handleChange = useCallback((newValue) => {
+        lastExternalValue.current = newValue;
+        onChange(newValue);
+    }, [onChange]);
+    return (_jsxs("div", { id: inputId, "data-canopy-field": dataCanopyField, className: "canopy-markdown-field", children: [label && (_jsx(Text, { size: "sm", fw: 500, mb: 4, children: label })), _jsx(EditorContentStyles, {}), _jsx("div", { style: editorWrapperStyle, children: _jsx(Suspense, { fallback: _jsx(FallbackTextarea, { value: value, onChange: onChange }), children: _jsx(MDXEditorLazy, { markdown: value, onChange: handleChange, editorRef: editorRef }) }) })] }));
+};
+export default MarkdownField;
+//# sourceMappingURL=MarkdownField.js.map

package/dist/editor/fields/MarkdownField.js.map

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

package/dist/editor/fields/ObjectField.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { FieldConfig } from '../../config';
+export type RenderField = (field: FieldConfig, value: unknown, onChange: (v: unknown) => void, path: Array<string | number>) => React.ReactNode;
+export interface ObjectFieldProps {
+    label?: string;
+    fields: FieldConfig[];
+    value: Record<string, unknown> | undefined;
+    onChange: (value: Record<string, unknown>) => void;
+    renderField: RenderField;
+    path: Array<string | number>;
+    dataCanopyField?: string;
+}
+export declare const ObjectField: React.FC<ObjectFieldProps>;
+export default ObjectField;
+//# sourceMappingURL=ObjectField.d.ts.map

package/dist/editor/fields/ObjectField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ObjectField.d.ts","sourceRoot":"","sources":["../../../src/editor/fields/ObjectField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAG/C,MAAM,MAAM,WAAW,GAAG,CACxB,KAAK,EAAE,WAAW,EAClB,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,EAC9B,IAAI,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,KACzB,KAAK,CAAC,SAAS,CAAA;AAEpB,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,WAAW,EAAE,CAAA;IACrB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,CAAA;IAC1C,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAA;IAClD,WAAW,EAAE,WAAW,CAAA;IACxB,IAAI,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA4ClD,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/editor/fields/ObjectField.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Paper, Stack, Text } from '@mantine/core';
+import { formatCanopyPath } from '../canopy-path';
+export const ObjectField = ({ label, fields, value, onChange, renderField, path, dataCanopyField, }) => {
+    const current = value ?? {};
+    return (_jsx(Paper, { withBorder: true, radius: "md", p: "md", bg: "gray.0", "data-canopy-field": dataCanopyField ?? formatCanopyPath(path), shadow: "xs", children: _jsxs(Stack, { gap: "sm", children: [label && (_jsx(Text, { size: "xs", fw: 700, c: "neutral.8", children: label })), _jsx(Stack, { gap: "sm", children: fields.map((field) => {
+                        const fieldPath = [...path, field.name];
+                        return (_jsx("div", { children: renderField(field, current[field.name], (next) => onChange({ ...current, [field.name]: next }), fieldPath) }, formatCanopyPath(fieldPath)));
+                    }) })] }) }));
+};
+export default ObjectField;
+//# sourceMappingURL=ObjectField.js.map

package/dist/editor/fields/ObjectField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ObjectField.js","sourceRoot":"","sources":["../../../src/editor/fields/ObjectField.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAGlD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAmBjD,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EACtD,KAAK,EACL,MAAM,EACN,KAAK,EACL,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,eAAe,GAChB,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,KAAK,IAAI,EAAE,CAAA;IAE3B,OAAO,CACL,KAAC,KAAK,IACJ,UAAU,QACV,MAAM,EAAC,IAAI,EACX,CAAC,EAAC,IAAI,EACN,EAAE,EAAC,QAAQ,uBACQ,eAAe,IAAI,gBAAgB,CAAC,IAAI,CAAC,EAC5D,MAAM,EAAC,IAAI,YAEX,MAAC,KAAK,IAAC,GAAG,EAAC,IAAI,aACZ,KAAK,IAAI,CACR,KAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,EAAE,EAAE,GAAG,EAAE,CAAC,EAAC,WAAW,YACnC,KAAK,GACD,CACR,EACD,KAAC,KAAK,IAAC,GAAG,EAAC,IAAI,YACZ,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;wBACpB,MAAM,SAAS,GAAG,CAAC,GAAG,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,CAAA;wBACvC,OAAO,CACL,wBACG,WAAW,CACV,KAAK,EACL,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,EACnB,CAAC,IAAI,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,GAAG,OAAO,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC,EACtD,SAAS,CACV,IANO,gBAAgB,CAAC,SAAS,CAAC,CAO/B,CACP,CAAA;oBACH,CAAC,CAAC,GACI,IACF,GACF,CACT,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/editor/fields/ReferenceField.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+export interface ReferenceOption {
+    value: string;
+    label: string;
+}
+export interface ReferenceFieldProps {
+    id?: string;
+    label?: string;
+    options?: ReferenceOption[];
+    collections?: string[];
+    displayField?: string;
+    branch?: string;
+    value: string | string[];
+    onChange: (value: string | string[]) => void;
+    multiple?: boolean;
+    dataCanopyField?: string;
+}
+export declare const ReferenceField: React.FC<ReferenceFieldProps>;
+export default ReferenceField;
+//# sourceMappingURL=ReferenceField.d.ts.map

package/dist/editor/fields/ReferenceField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReferenceField.d.ts","sourceRoot":"","sources":["../../../src/editor/fields/ReferenceField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAA;AAMzD,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,mBAAmB;IAClC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,eAAe,EAAE,CAAA;IAC3B,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAA;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA+GxD,CAAA;AAED,eAAe,cAAc,CAAA"}

package/dist/editor/fields/ReferenceField.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useId, useState } from 'react';
+import { MultiSelect, Select, Stack, Text, Loader } from '@mantine/core';
+import { createApiClient } from '../../api/client';
+export const ReferenceField = ({ id, label, options: staticOptions, collections, displayField = 'title', branch = 'main', value, onChange, multiple, dataCanopyField, }) => {
+    const needsFetch = !staticOptions && !!collections && collections.length > 0;
+    const [options, setOptions] = useState(staticOptions || []);
+    const [loading, setLoading] = useState(needsFetch);
+    // Extract ID from value - handle both string IDs and resolved objects
+    const extractId = (val) => {
+        if (typeof val === 'string')
+            return val;
+        if (val && typeof val === 'object' && 'id' in val && typeof val.id === 'string')
+            return val.id;
+        return '';
+    };
+    const normalizedValue = multiple
+        ? Array.isArray(value)
+            ? value.map(extractId)
+            : []
+        : extractId(value);
+    const generatedId = useId();
+    const inputId = id ?? generatedId;
+    // Track deps to detect changes and reset loading during render
+    const [prevFetchKey, setPrevFetchKey] = useState('');
+    const fetchKey = needsFetch ? `${collections?.join(',')}:${displayField}:${branch}` : '';
+    if (fetchKey !== prevFetchKey) {
+        setPrevFetchKey(fetchKey);
+        if (needsFetch) {
+            setLoading(true);
+        }
+    }
+    // Load options from API if collections are provided and no static options
+    useEffect(() => {
+        if (needsFetch) {
+            const apiClient = createApiClient();
+            apiClient.content
+                .getReferenceOptions({
+                branch,
+                collections: collections.join(','),
+                displayField,
+            })
+                .then((response) => {
+                if (response.ok && response.data?.options) {
+                    const mappedOptions = response.data.options.map((opt) => ({
+                        value: opt.id,
+                        label: opt.label,
+                    }));
+                    setOptions(mappedOptions);
+                }
+            })
+                .catch((err) => {
+                console.error('Failed to load reference options:', err);
+            })
+                .finally(() => {
+                setLoading(false);
+            });
+        }
+    }, [needsFetch, collections, displayField, branch]);
+    if (loading) {
+        return (_jsxs(Stack, { gap: 4, "data-canopy-field": dataCanopyField, children: [_jsx(Text, { size: "sm", fw: 500, children: label }), _jsx(Loader, { size: "sm" })] }));
+    }
+    return (_jsx(Stack, { gap: 4, "data-canopy-field": dataCanopyField, children: multiple ? (_jsx(MultiSelect, { id: inputId, label: label, data: options, value: normalizedValue, onChange: (next) => onChange(next), searchable: true, placeholder: "Select reference\u2026", size: "sm" })) : (_jsx(Select, { id: inputId, label: label, data: options, value: normalizedValue, onChange: (next) => onChange(next ?? ''), searchable: true, clearable: true, placeholder: "Select reference\u2026", size: "sm" })) }));
+};
+export default ReferenceField;
+//# sourceMappingURL=ReferenceField.js.map

package/dist/editor/fields/ReferenceField.js.map

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

package/dist/editor/fields/SelectField.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+export interface SelectOption {
+    label: string;
+    value: string;
+}
+export interface SelectFieldProps {
+    id?: string;
+    label?: string;
+    options: SelectOption[];
+    value: string | string[];
+    onChange: (value: string | string[]) => void;
+    multiple?: boolean;
+    placeholder?: string;
+    dataCanopyField?: string;
+}
+export declare const SelectField: React.FC<SelectFieldProps>;
+export default SelectField;
+//# sourceMappingURL=SelectField.d.ts.map

package/dist/editor/fields/SelectField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectField.d.ts","sourceRoot":"","sources":["../../../src/editor/fields/SelectField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgB,MAAM,OAAO,CAAA;AAIpC,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,gBAAgB;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAA;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAqDlD,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/editor/fields/SelectField.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from 'react';
+import { MultiSelect, Select, Stack, Text } from '@mantine/core';
+export const SelectField = ({ id, label, options, value, onChange, multiple, placeholder = 'Select…', dataCanopyField, }) => {
+    const normalizedValue = multiple
+        ? Array.isArray(value)
+            ? value
+            : []
+        : typeof value === 'string'
+            ? value
+            : '';
+    const generatedId = useId();
+    const inputId = id ?? generatedId;
+    return (_jsxs(Stack, { gap: 4, "data-canopy-field": dataCanopyField, children: [multiple ? (_jsx(MultiSelect, { id: inputId, label: label, data: options, value: normalizedValue, onChange: (next) => onChange(next), searchable: true, placeholder: placeholder, size: "sm" })) : (_jsx(Select, { id: inputId, label: label, data: options, value: normalizedValue, onChange: (next) => onChange(next ?? ''), searchable: true, clearable: true, placeholder: placeholder, size: "sm" })), multiple && (_jsx(Text, { size: "xs", c: "dimmed", children: "Searchable multi-select; start typing to filter." }))] }));
+};
+export default SelectField;
+//# sourceMappingURL=SelectField.js.map

package/dist/editor/fields/SelectField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectField.js","sourceRoot":"","sources":["../../../src/editor/fields/SelectField.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,KAAK,EAAE,MAAM,OAAO,CAAA;AAEpC,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAkBhE,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EACtD,EAAE,EACF,KAAK,EACL,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,WAAW,GAAG,SAAS,EACvB,eAAe,GAChB,EAAE,EAAE;IACH,MAAM,eAAe,GAAG,QAAQ;QAC9B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;YACpB,CAAC,CAAC,KAAK;YACP,CAAC,CAAC,EAAE;QACN,CAAC,CAAC,OAAO,KAAK,KAAK,QAAQ;YACzB,CAAC,CAAC,KAAK;YACP,CAAC,CAAC,EAAE,CAAA;IACR,MAAM,WAAW,GAAG,KAAK,EAAE,CAAA;IAC3B,MAAM,OAAO,GAAG,EAAE,IAAI,WAAW,CAAA;IAEjC,OAAO,CACL,MAAC,KAAK,IAAC,GAAG,EAAE,CAAC,uBAAqB,eAAe,aAC9C,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,WAAW,IACV,EAAE,EAAE,OAAO,EACX,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,OAAO,EACb,KAAK,EAAE,eAA2B,EAClC,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAClC,UAAU,QACV,WAAW,EAAE,WAAW,EACxB,IAAI,EAAC,IAAI,GACT,CACH,CAAC,CAAC,CAAC,CACF,KAAC,MAAM,IACL,EAAE,EAAE,OAAO,EACX,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,OAAO,EACb,KAAK,EAAE,eAAyB,EAChC,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,IAAI,EAAE,CAAC,EACxC,UAAU,QACV,SAAS,QACT,WAAW,EAAE,WAAW,EACxB,IAAI,EAAC,IAAI,GACT,CACH,EACA,QAAQ,IAAI,CACX,KAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,CAAC,EAAC,QAAQ,iEAEnB,CACR,IACK,CACT,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/editor/fields/TextField.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface TextFieldProps {
+    id?: string;
+    label?: string;
+    value: string;
+    onChange: (value: string) => void;
+    dataCanopyField?: string;
+}
+export declare const TextField: React.FC<TextFieldProps>;
+export default TextField;
+//# sourceMappingURL=TextField.d.ts.map

package/dist/editor/fields/TextField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/editor/fields/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgB,MAAM,OAAO,CAAA;AAIpC,MAAM,WAAW,cAAc;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAoB9C,CAAA;AAED,eAAe,SAAS,CAAA"}

package/dist/editor/fields/TextField.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useId } from 'react';
+import { TextInput } from '@mantine/core';
+export const TextField = ({ id, label, value, onChange, dataCanopyField, }) => {
+    const generatedId = useId();
+    const inputId = id ?? generatedId;
+    return (_jsx(TextInput, { id: inputId, label: label, value: value, size: "sm", onChange: (e) => onChange(e.currentTarget.value), "data-canopy-field": dataCanopyField }));
+};
+export default TextField;
+//# sourceMappingURL=TextField.js.map

package/dist/editor/fields/TextField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../src/editor/fields/TextField.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,KAAK,EAAE,MAAM,OAAO,CAAA;AAEpC,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAUzC,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAClD,EAAE,EACF,KAAK,EACL,KAAK,EACL,QAAQ,EACR,eAAe,GAChB,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,KAAK,EAAE,CAAA;IAC3B,MAAM,OAAO,GAAG,EAAE,IAAI,WAAW,CAAA;IAEjC,OAAO,CACL,KAAC,SAAS,IACR,EAAE,EAAE,OAAO,EACX,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,IAAI,EACT,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,uBAC7B,eAAe,GAClC,CACH,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}

package/dist/editor/fields/ToggleField.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export interface ToggleFieldProps {
+    id?: string;
+    label?: string;
+    value: boolean;
+    onChange: (value: boolean) => void;
+    dataCanopyField?: string;
+    testId?: string;
+}
+export declare const ToggleField: React.FC<ToggleFieldProps>;
+export default ToggleField;
+//# sourceMappingURL=ToggleField.d.ts.map

package/dist/editor/fields/ToggleField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleField.d.ts","sourceRoot":"","sources":["../../../src/editor/fields/ToggleField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgB,MAAM,OAAO,CAAA;AAIpC,MAAM,WAAW,gBAAgB;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,OAAO,CAAA;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IAClC,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAqBlD,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/editor/fields/ToggleField.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useId } from 'react';
+import { Switch } from '@mantine/core';
+export const ToggleField = ({ id, label, value, onChange, dataCanopyField, testId, }) => {
+    const generatedId = useId();
+    const inputId = id ?? generatedId;
+    return (_jsx(Switch, { id: inputId, label: label, checked: value, onChange: (e) => onChange(e.currentTarget.checked), size: "md", "data-canopy-field": dataCanopyField, wrapperProps: testId ? { 'data-testid': testId } : undefined }));
+};
+export default ToggleField;
+//# sourceMappingURL=ToggleField.js.map

package/dist/editor/fields/ToggleField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleField.js","sourceRoot":"","sources":["../../../src/editor/fields/ToggleField.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,KAAK,EAAE,MAAM,OAAO,CAAA;AAEpC,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAWtC,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EACtD,EAAE,EACF,KAAK,EACL,KAAK,EACL,QAAQ,EACR,eAAe,EACf,MAAM,GACP,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,KAAK,EAAE,CAAA;IAC3B,MAAM,OAAO,GAAG,EAAE,IAAI,WAAW,CAAA;IACjC,OAAO,CACL,KAAC,MAAM,IACL,EAAE,EAAE,OAAO,EACX,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,KAAK,EACd,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,EAClD,IAAI,EAAC,IAAI,uBACU,eAAe,EAClC,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,SAAS,GAC5D,CACH,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/editor/fields/fields.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+export declare const Text: StoryObj;
+export declare const Toggle: StoryObj;
+export declare const Markdown: StoryObj;
+export declare const Code: StoryObj;
+//# sourceMappingURL=fields.stories.d.ts.map

package/dist/editor/fields/fields.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fields.stories.d.ts","sourceRoot":"","sources":["../../../src/editor/fields/fields.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAOtD,QAAA,MAAM,IAAI,EAAE,IAEX,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,eAAO,MAAM,IAAI,EAAE,QAKlB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,QAKpB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,QAKtB,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,QAKlB,CAAA"}

package/dist/editor/fields/fields.stories.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import { MarkdownField } from './MarkdownField';
+import { TextField } from './TextField';
+import { ToggleField } from './ToggleField';
+const meta = {
+    title: 'Editor/Fields',
+};
+export default meta;
+export const Text = {
+    render: () => {
+        const [value, setValue] = useState('Hello');
+        return _jsx(TextField, { label: "Title", value: value, onChange: setValue });
+    },
+};
+export const Toggle = {
+    render: () => {
+        const [value, setValue] = useState(true);
+        return _jsx(ToggleField, { label: "Published", value: value, onChange: setValue });
+    },
+};
+export const Markdown = {
+    render: () => {
+        const [value, setValue] = useState('## Hello\n\nEdit markdown here.');
+        return _jsx(MarkdownField, { label: "Body", value: value, onChange: setValue });
+    },
+};
+export const Code = {
+    render: () => {
+        const [value, setValue] = useState('console.log("hello");');
+        return _jsx(MarkdownField, { label: "Code", value: value, onChange: setValue });
+    },
+};
+//# sourceMappingURL=fields.stories.js.map

package/dist/editor/fields/fields.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fields.stories.js","sourceRoot":"","sources":["../../../src/editor/fields/fields.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE3C,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,eAAe;CACvB,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,MAAM,CAAC,MAAM,IAAI,GAAa;IAC5B,MAAM,EAAE,GAAG,EAAE;QACX,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAA;QAC3C,OAAO,KAAC,SAAS,IAAC,KAAK,EAAC,OAAO,EAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAA;IACtE,CAAC;CACF,CAAA;AAED,MAAM,CAAC,MAAM,MAAM,GAAa;IAC9B,MAAM,EAAE,GAAG,EAAE;QACX,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAA;QACxC,OAAO,KAAC,WAAW,IAAC,KAAK,EAAC,WAAW,EAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAA;IAC5E,CAAC;CACF,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAa;IAChC,MAAM,EAAE,GAAG,EAAE;QACX,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,iCAAiC,CAAC,CAAA;QACrE,OAAO,KAAC,aAAa,IAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAA;IACzE,CAAC;CACF,CAAA;AAED,MAAM,CAAC,MAAM,IAAI,GAAa;IAC5B,MAAM,EAAE,GAAG,EAAE;QACX,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,uBAAuB,CAAC,CAAA;QAC3D,OAAO,KAAC,aAAa,IAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAA;IACzE,CAAC;CACF,CAAA"}

package/dist/editor/group-manager/ExternalGroupsTab.d.ts

@@ -0,0 +1,16 @@
+/**
+ * External groups tab component
+ */
+import React from 'react';
+import type { ExternalGroup } from './types';
+export interface ExternalGroupsTabProps {
+    canEdit: boolean;
+    searchQuery: string;
+    searchResults: ExternalGroup[];
+    isSearching: boolean;
+    searchError: string | null;
+    onSearchQueryChange: (query: string) => void;
+    canSearch: boolean;
+}
+export declare const ExternalGroupsTab: React.FC<ExternalGroupsTabProps>;
+//# sourceMappingURL=ExternalGroupsTab.d.ts.map

package/dist/editor/group-manager/ExternalGroupsTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExternalGroupsTab.d.ts","sourceRoot":"","sources":["../../../src/editor/group-manager/ExternalGroupsTab.tsx"],"names":[],"mappings":"AAEA;;GAEG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAE5C,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,OAAO,CAAA;IAChB,WAAW,EAAE,MAAM,CAAA;IACnB,aAAa,EAAE,aAAa,EAAE,CAAA;IAC9B,WAAW,EAAE,OAAO,CAAA;IACpB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,mBAAmB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C,SAAS,EAAE,OAAO,CAAA;CACnB;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA4F9D,CAAA"}

package/dist/editor/group-manager/ExternalGroupsTab.js

@@ -0,0 +1,16 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Alert, Group, Loader, Paper, ScrollArea, Stack, Text, TextInput } from '@mantine/core';
+import { IconAlertCircle, IconBuilding, IconSearch } from '@tabler/icons-react';
+export const ExternalGroupsTab = ({ canEdit, searchQuery, searchResults, isSearching, searchError, onSearchQueryChange, canSearch, }) => {
+    // Read-only view (when !canEdit)
+    if (!canEdit) {
+        return (_jsx("div", { style: {
+                flex: 1,
+                overflow: 'auto',
+                paddingTop: 'var(--mantine-spacing-md)',
+            }, children: _jsx(Text, { size: "sm", c: "dimmed", mb: "md", children: "External groups are read-only" }) }));
+    }
+    return (_jsx(ScrollArea, { style: { height: '100%' }, pt: "md", children: _jsxs(Stack, { gap: "sm", pb: "md", children: [_jsx(Text, { size: "sm", c: "dimmed", mb: "xs", children: "Search for external groups from your organization" }), _jsx(TextInput, { placeholder: "Search external groups...", value: searchQuery, onChange: (e) => onSearchQueryChange(e.target.value), leftSection: _jsx(IconSearch, { size: 16 }), disabled: !canSearch }), !canSearch && (_jsx(Alert, { icon: _jsx(IconAlertCircle, { size: 16 }), color: "gray", title: "Not Available", children: "External group search is not configured" })), isSearching && (_jsxs(Group, { justify: "center", py: "md", children: [_jsx(Loader, { size: "sm" }), _jsx(Text, { size: "sm", c: "dimmed", children: "Searching..." })] })), searchError && (_jsx(Alert, { icon: _jsx(IconAlertCircle, { size: 16 }), color: "red", title: "Error", children: searchError })), searchResults.length > 0 && (_jsx(Stack, { gap: "xs", children: searchResults.map((group) => (_jsx(Paper, { withBorder: true, p: "xs", children: _jsx(Group, { justify: "space-between", wrap: "nowrap", children: _jsxs(Group, { gap: "xs", style: { flex: 1, minWidth: 0 }, children: [_jsx(IconBuilding, { size: 16, color: "gray", style: { flexShrink: 0 } }), _jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [_jsx(Text, { size: "sm", fw: 500, truncate: true, children: group.name }), _jsxs(Text, { size: "xs", c: "dimmed", truncate: true, children: ["ID: ", group.id] })] })] }) }) }, group.id))) })), searchQuery.trim() && !isSearching && searchResults.length === 0 && !searchError && (_jsx(Text, { size: "sm", c: "dimmed", ta: "center", py: "md", children: "No external groups found" }))] }) }));
+};
+//# sourceMappingURL=ExternalGroupsTab.js.map

package/dist/editor/group-manager/ExternalGroupsTab.js.map

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

package/dist/editor/group-manager/GroupCard.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Card component for displaying a single group with its members
+ */
+import React from 'react';
+import type { InternalGroup, UserSearchResult, CanopyGroupId, CanopyUserId } from './types';
+export interface GroupCardProps {
+    group: InternalGroup;
+    onEdit: (group: InternalGroup) => void;
+    onDelete: (groupId: CanopyGroupId) => void;
+    onAddMember: (groupId: CanopyGroupId, userId: CanopyUserId) => void;
+    onRemoveMember: (groupId: CanopyGroupId, userId: CanopyUserId) => void;
+    onGetUserMetadata?: (userId: string) => Promise<UserSearchResult | null>;
+    showUserSearch: boolean;
+    searchQuery: string;
+    searchResults: UserSearchResult[];
+    isSearching: boolean;
+    searchError: string | null;
+    onSearchQueryChange: (query: string) => void;
+    onShowSearch: () => void;
+    onHideSearch: () => void;
+    canSearch: boolean;
+}
+export declare const GroupCard: React.FC<GroupCardProps>;
+//# sourceMappingURL=GroupCard.d.ts.map

package/dist/editor/group-manager/GroupCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupCard.d.ts","sourceRoot":"","sources":["../../../src/editor/group-manager/GroupCard.tsx"],"names":[],"mappings":"AAEA;;GAEG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAG3F,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,aAAa,CAAA;IACpB,MAAM,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IACtC,QAAQ,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAA;IAC1C,WAAW,EAAE,CAAC,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,YAAY,KAAK,IAAI,CAAA;IACnE,cAAc,EAAE,CAAC,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,YAAY,KAAK,IAAI,CAAA;IACtE,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAA;IAExE,cAAc,EAAE,OAAO,CAAA;IACvB,WAAW,EAAE,MAAM,CAAA;IACnB,aAAa,EAAE,gBAAgB,EAAE,CAAA;IACjC,WAAW,EAAE,OAAO,CAAA;IACpB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,mBAAmB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,SAAS,EAAE,OAAO,CAAA;CACnB;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAsE9C,CAAA"}