@echothink-ui/documents 0.1.0

package/dist/index.js

@@ -0,0 +1,683 @@
+// src/components/DocumentEditorShell.tsx
+import * as React from "react";
+import { Badge as Badge2, IconButton } from "@echothink-ui/core";
+import { ChevronRightIcon } from "@echothink-ui/icons";
+
+// src/components/DocumentLockBadge.tsx
+import { Badge, Tooltip } from "@echothink-ui/core";
+import { LockIcon, UnlockIcon } from "@echothink-ui/icons";
+
+// src/components/utils.tsx
+import {
+  AgentRunningIcon,
+  ApprovalRequiredIcon,
+  DocumentIcon,
+  DownloadIcon,
+  ExternalLinkIcon,
+  SearchIcon,
+  StatusIcon
+} from "@echothink-ui/icons";
+import { jsx } from "react/jsx-runtime";
+function cx(...classes) {
+  return classes.filter(Boolean).join(" ");
+}
+function documentRefLabel(documentRef) {
+  if (typeof documentRef === "string") return documentRef;
+  if (documentRef.label) return documentRef.label;
+  return documentRef.id;
+}
+function formatDateTime(value) {
+  if (!value) return "Unknown";
+  const date = new Date(value);
+  if (Number.isNaN(date.getTime())) return value;
+  return date.toLocaleString(void 0, {
+    dateStyle: "medium",
+    timeStyle: "short"
+  });
+}
+function modeLabel(mode) {
+  return mode.charAt(0).toUpperCase() + mode.slice(1);
+}
+function actionIcon(action) {
+  const key = `${action.id} ${action.label}`.toLowerCase();
+  if (key.includes("bold"))
+    return /* @__PURE__ */ jsx("strong", { className: "eth-doc-toolbar__format-symbol", "aria-hidden": true, children: "B" });
+  if (key.includes("italic"))
+    return /* @__PURE__ */ jsx("em", { className: "eth-doc-toolbar__format-symbol", "aria-hidden": true, children: "I" });
+  if (key.includes("underline"))
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: "eth-doc-toolbar__format-symbol eth-doc-toolbar__format-symbol--underline",
+        "aria-hidden": true,
+        children: "U"
+      }
+    );
+  if (key.includes("strike"))
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: "eth-doc-toolbar__format-symbol eth-doc-toolbar__format-symbol--strike",
+        "aria-hidden": true,
+        children: "S"
+      }
+    );
+  if (key.includes("code"))
+    return /* @__PURE__ */ jsx("span", { className: "eth-doc-toolbar__format-symbol", "aria-hidden": true, children: "<>" });
+  if (key.includes("download") || key.includes("export")) return /* @__PURE__ */ jsx(DownloadIcon, { size: 16 });
+  if (key.includes("share") || key.includes("open")) return /* @__PURE__ */ jsx(ExternalLinkIcon, { size: 16 });
+  if (key.includes("link") || action.href) return /* @__PURE__ */ jsx(ExternalLinkIcon, { size: 16 });
+  if (key.includes("search") || key.includes("find")) return /* @__PURE__ */ jsx(SearchIcon, { size: 16 });
+  if (key.includes("agent")) return /* @__PURE__ */ jsx(AgentRunningIcon, { size: 16 });
+  if (key.includes("approve") || key.includes("review")) return /* @__PURE__ */ jsx(ApprovalRequiredIcon, { size: 16 });
+  if (key.includes("status")) return /* @__PURE__ */ jsx(StatusIcon, { size: 16 });
+  return /* @__PURE__ */ jsx(DocumentIcon, { size: 16 });
+}
+
+// src/components/DocumentLockBadge.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var lockConfig = {
+  unlocked: {
+    label: "Unlocked",
+    severity: "success",
+    tooltip: "This document is available for editing."
+  },
+  "locked-by-user": {
+    label: "Locked by you",
+    severity: "info",
+    tooltip: "You currently hold the document lock."
+  },
+  "locked-by-agent": {
+    label: "Agent lock",
+    severity: "warning",
+    tooltip: "An agent currently holds the document lock."
+  },
+  "locked-by-other": {
+    label: "Locked",
+    severity: "danger",
+    tooltip: "Another user currently holds the document lock."
+  }
+};
+function DocumentLockBadge({
+  lockState,
+  owner,
+  since,
+  density = "compact",
+  className,
+  ...props
+}) {
+  const config = lockConfig[lockState];
+  const Icon = lockState === "unlocked" ? UnlockIcon : LockIcon;
+  const visibleDetail = getVisibleDetail(lockState, owner, since);
+  const ownerText = owner ? ` Owner: ${owner.label}.` : "";
+  const sinceText = since ? ` Since: ${formatDateTime(since)}.` : "";
+  const tooltip = `${config.tooltip}${ownerText}${sinceText}`;
+  return /* @__PURE__ */ jsx2(Tooltip, { label: tooltip, children: /* @__PURE__ */ jsx2(
+    "span",
+    {
+      ...props,
+      className: cx("eth-doc-lock-badge", `eth-doc-lock-badge--${density}`, className),
+      "aria-label": tooltip,
+      "data-lock-state": lockState,
+      "data-eth-component": "DocumentLockBadge",
+      children: /* @__PURE__ */ jsx2(
+        Badge,
+        {
+          severity: config.severity,
+          className: cx("eth-doc-lock-badge__tag", `eth-doc-lock-badge__tag--${lockState}`),
+          children: /* @__PURE__ */ jsxs("span", { className: "eth-doc-lock-badge__content", children: [
+            /* @__PURE__ */ jsx2(Icon, { className: "eth-doc-lock-badge__icon", size: 12 }),
+            /* @__PURE__ */ jsx2("span", { className: "eth-doc-lock-badge__label", children: config.label }),
+            visibleDetail ? /* @__PURE__ */ jsx2("span", { className: "eth-doc-lock-badge__detail", children: visibleDetail }) : null
+          ] })
+        }
+      )
+    }
+  ) });
+}
+function getVisibleDetail(lockState, owner, since) {
+  const sinceLabel = since ? formatDateTime(since) : void 0;
+  if (lockState === "unlocked") return sinceLabel;
+  if (lockState === "locked-by-user") return sinceLabel;
+  return [owner?.label, sinceLabel].filter(Boolean).join(" / ") || void 0;
+}
+
+// src/components/DocumentEditorShell.tsx
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+function DocumentEditorShell({
+  title,
+  documentRef,
+  mode = "edit",
+  lockState = "unlocked",
+  lockOwner,
+  toolbar,
+  outline,
+  inspector,
+  children,
+  density = "default",
+  className,
+  ...props
+}) {
+  const [outlineOpen, setOutlineOpen] = React.useState(Boolean(outline));
+  const hasOutline = Boolean(outline);
+  const hasInspector = Boolean(inspector);
+  const gridTemplateColumns = [
+    hasOutline && outlineOpen ? "minmax(180px, 260px)" : null,
+    "minmax(0, 1fr)",
+    hasInspector ? "minmax(220px, 320px)" : null
+  ].filter(Boolean).join(" ");
+  const gridStyle = {
+    "--eth-doc-editor-shell-grid-template": gridTemplateColumns
+  };
+  const ethComponent = props["data-eth-component"] ?? "DocumentEditorShell";
+  return /* @__PURE__ */ jsxs2(
+    "section",
+    {
+      ...props,
+      className: cx(
+        "eth-doc-editor-shell",
+        `eth-doc-editor-shell--${density}`,
+        hasOutline && "eth-doc-editor-shell--has-outline",
+        hasOutline && outlineOpen && "eth-doc-editor-shell--outline-open",
+        hasInspector && "eth-doc-editor-shell--has-inspector",
+        className
+      ),
+      "data-eth-component": ethComponent,
+      children: [
+        /* @__PURE__ */ jsxs2("header", { className: "eth-doc-editor-shell__bar", children: [
+          /* @__PURE__ */ jsxs2("div", { className: "eth-doc-editor-shell__title", children: [
+            /* @__PURE__ */ jsx3("p", { className: "eth-eyebrow", children: documentRefLabel(documentRef) }),
+            /* @__PURE__ */ jsx3("h2", { children: title })
+          ] }),
+          /* @__PURE__ */ jsxs2("div", { className: "eth-doc-editor-shell__status", children: [
+            hasOutline ? /* @__PURE__ */ jsx3(
+              IconButton,
+              {
+                label: outlineOpen ? "Collapse outline" : "Expand outline",
+                intent: "ghost",
+                density,
+                icon: /* @__PURE__ */ jsx3(
+                  ChevronRightIcon,
+                  {
+                    size: 16,
+                    style: { transform: outlineOpen ? "rotate(180deg)" : void 0 }
+                  }
+                ),
+                "aria-expanded": outlineOpen,
+                onClick: () => setOutlineOpen((current) => !current)
+              }
+            ) : null,
+            /* @__PURE__ */ jsx3(Badge2, { severity: "neutral", children: modeLabel(mode) }),
+            /* @__PURE__ */ jsx3(DocumentLockBadge, { lockState, owner: lockOwner })
+          ] })
+        ] }),
+        toolbar ? /* @__PURE__ */ jsx3("div", { className: "eth-doc-editor-shell__toolbar", children: toolbar }) : null,
+        /* @__PURE__ */ jsxs2("div", { className: "eth-doc-editor-shell__grid", style: gridStyle, children: [
+          hasOutline && outlineOpen ? /* @__PURE__ */ jsx3("aside", { className: "eth-doc-editor-shell__outline", "aria-label": "Document outline", children: outline }) : null,
+          /* @__PURE__ */ jsx3("main", { className: "eth-doc-editor-shell__editor", "aria-label": "Document editor", children }),
+          inspector ? /* @__PURE__ */ jsx3("aside", { className: "eth-doc-editor-shell__inspector", "aria-label": "Document inspector", children: inspector }) : null
+        ] })
+      ]
+    }
+  );
+}
+
+// src/components/DocumentViewer.tsx
+import * as React2 from "react";
+import { Badge as Badge3 } from "@echothink-ui/core";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+function DocumentViewer({
+  title,
+  content,
+  metadata = [],
+  versionRef,
+  annotations = [],
+  className,
+  ...props
+}) {
+  const titleId = React2.useId();
+  const meta = versionRef ? [...metadata, { label: "Version", value: versionRef }] : metadata;
+  const labelledBy = props["aria-labelledby"] ?? titleId;
+  return /* @__PURE__ */ jsxs3(
+    "article",
+    {
+      ...props,
+      "aria-labelledby": labelledBy,
+      className: cx(
+        "eth-doc-viewer",
+        annotations.length > 0 && "eth-doc-viewer--with-annotations",
+        className
+      ),
+      "data-eth-component": "DocumentViewer",
+      children: [
+        /* @__PURE__ */ jsx4("header", { className: "eth-doc-viewer__header", children: /* @__PURE__ */ jsx4("h2", { id: titleId, children: title }) }),
+        meta.length ? /* @__PURE__ */ jsx4("dl", { className: "eth-meta-grid eth-doc-viewer__metadata", children: meta.map((item, index) => /* @__PURE__ */ jsxs3("div", { children: [
+          /* @__PURE__ */ jsx4("dt", { children: item.label }),
+          /* @__PURE__ */ jsx4("dd", { children: item.value })
+        ] }, `${String(item.label)}-${index}`)) }) : null,
+        /* @__PURE__ */ jsxs3("div", { className: "eth-doc-viewer__body", children: [
+          /* @__PURE__ */ jsx4("div", { className: "eth-doc-viewer__content", children: content }),
+          annotations.length ? /* @__PURE__ */ jsxs3("aside", { className: "eth-doc-viewer__annotations", "aria-label": "Annotations", children: [
+            /* @__PURE__ */ jsx4("h3", { children: "Annotations" }),
+            /* @__PURE__ */ jsx4("ul", { children: annotations.map((annotation) => /* @__PURE__ */ jsxs3("li", { className: "eth-doc-viewer__annotation", children: [
+              /* @__PURE__ */ jsxs3("div", { className: "eth-doc-viewer__annotation-header", children: [
+                /* @__PURE__ */ jsx4("strong", { children: annotation.author }),
+                annotation.range ? /* @__PURE__ */ jsx4(Badge3, { severity: "neutral", children: annotation.range }) : null,
+                /* @__PURE__ */ jsx4("time", { dateTime: annotation.createdAt, children: formatDateTime(annotation.createdAt) })
+              ] }),
+              /* @__PURE__ */ jsx4("p", { children: annotation.comment })
+            ] }, annotation.id)) })
+          ] }) : null
+        ] })
+      ]
+    }
+  );
+}
+
+// src/components/DocumentToolbar.tsx
+import {
+  Button,
+  IconButton as IconButton2,
+  LinkButton
+} from "@echothink-ui/core";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+var modes = ["edit", "review", "view"];
+function DocumentToolbar({
+  actions,
+  formattingActions = [],
+  mode,
+  onModeChange,
+  density = "default",
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs4(
+    "div",
+    {
+      ...props,
+      className: cx("eth-doc-toolbar", className),
+      role: "toolbar",
+      "aria-label": "Document toolbar",
+      "data-eth-component": "DocumentToolbar",
+      children: [
+        formattingActions.length ? /* @__PURE__ */ jsx5(
+          "div",
+          {
+            className: "eth-doc-toolbar__group eth-doc-toolbar__group--formatting",
+            role: "group",
+            "aria-label": "Formatting",
+            children: formattingActions.map((action) => renderToolbarAction(action, density, "icon"))
+          }
+        ) : null,
+        mode && onModeChange ? /* @__PURE__ */ jsx5(
+          "div",
+          {
+            className: "eth-doc-toolbar__group eth-doc-toolbar__group--mode",
+            role: "group",
+            "aria-label": "Document mode",
+            children: modes.map((candidate) => /* @__PURE__ */ jsx5(
+              Button,
+              {
+                className: "eth-doc-toolbar__mode-button",
+                density,
+                intent: candidate === mode ? "primary" : "secondary",
+                "aria-pressed": candidate === mode,
+                onClick: () => onModeChange(candidate),
+                children: modeLabel(candidate)
+              },
+              candidate
+            ))
+          }
+        ) : null,
+        actions.length ? /* @__PURE__ */ jsx5(
+          "div",
+          {
+            className: "eth-doc-toolbar__group eth-doc-toolbar__group--actions",
+            role: "group",
+            "aria-label": "Document actions",
+            children: actions.map((action) => renderToolbarAction(action, density, "button"))
+          }
+        ) : null
+      ]
+    }
+  );
+}
+function renderToolbarAction(action, density, variant) {
+  const icon = actionIcon(action);
+  if (variant === "button") {
+    if (action.href) {
+      return /* @__PURE__ */ jsxs4(
+        LinkButton,
+        {
+          href: action.href,
+          density,
+          intent: action.intent ?? "secondary",
+          "aria-disabled": action.disabled,
+          tabIndex: action.disabled ? -1 : void 0,
+          className: cx(
+            "eth-doc-toolbar__action",
+            action.disabled && "eth-doc-toolbar__link--disabled"
+          ),
+          onClick: (event) => {
+            if (action.disabled) {
+              event.preventDefault();
+              return;
+            }
+            action.onSelect?.();
+          },
+          children: [
+            /* @__PURE__ */ jsx5("span", { className: "eth-doc-toolbar__action-icon", "aria-hidden": "true", children: icon }),
+            /* @__PURE__ */ jsx5("span", { children: action.label })
+          ]
+        },
+        action.id
+      );
+    }
+    return /* @__PURE__ */ jsx5(
+      Button,
+      {
+        className: "eth-doc-toolbar__action",
+        density,
+        intent: action.intent ?? "secondary",
+        icon,
+        disabled: action.disabled,
+        onClick: action.onSelect,
+        children: action.label
+      },
+      action.id
+    );
+  }
+  if (action.href) {
+    return /* @__PURE__ */ jsx5(
+      "a",
+      {
+        href: action.href,
+        "aria-label": action.label,
+        tabIndex: action.disabled ? -1 : void 0,
+        className: cx(
+          "eth-button",
+          "eth-icon-button",
+          "eth-doc-toolbar__icon-link",
+          `eth-button--${action.intent ?? "ghost"}`,
+          `eth-button--${density}`,
+          action.disabled && "eth-doc-toolbar__link--disabled"
+        ),
+        "aria-disabled": action.disabled,
+        onClick: (event) => {
+          if (action.disabled) {
+            event.preventDefault();
+            return;
+          }
+          action.onSelect?.();
+        },
+        children: /* @__PURE__ */ jsx5("span", { className: "eth-button__icon", children: icon })
+      },
+      action.id
+    );
+  }
+  return /* @__PURE__ */ jsx5(
+    IconButton2,
+    {
+      density,
+      intent: action.intent ?? "ghost",
+      label: action.label,
+      icon,
+      disabled: action.disabled,
+      onClick: action.onSelect
+    },
+    action.id
+  );
+}
+
+// src/components/DocumentOutline.tsx
+import * as React3 from "react";
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+function DocumentOutline({
+  headings,
+  activeHeadingId,
+  onSelect,
+  className,
+  "aria-label": ariaLabel,
+  ...props
+}) {
+  const tree = React3.useMemo(() => buildOutlineTree(headings), [headings]);
+  const headingCountLabel = `${headings.length} section${headings.length === 1 ? "" : "s"}`;
+  return /* @__PURE__ */ jsxs5(
+    "nav",
+    {
+      ...props,
+      className: cx("eth-doc-outline", className),
+      "aria-label": ariaLabel ?? "Document outline",
+      "data-eth-component": "DocumentOutline",
+      children: [
+        /* @__PURE__ */ jsxs5("div", { className: "eth-doc-outline__header", children: [
+          /* @__PURE__ */ jsx6("span", { className: "eth-doc-outline__label", children: "On this page" }),
+          /* @__PURE__ */ jsx6("span", { className: "eth-doc-outline__count", children: headingCountLabel })
+        ] }),
+        tree.length ? /* @__PURE__ */ jsx6("ol", { className: "eth-doc-outline__list", children: renderNodes(tree, activeHeadingId, onSelect) }) : /* @__PURE__ */ jsx6("p", { className: "eth-doc-outline__empty", role: "status", children: "No headings available." })
+      ]
+    }
+  );
+}
+function renderNodes(nodes, activeHeadingId, onSelect) {
+  return nodes.map((node) => {
+    const href = node.href ?? `#${node.id}`;
+    const isActive = node.id === activeHeadingId;
+    const containsActiveHeading = activeHeadingId ? node.children.some((child) => containsHeading(child, activeHeadingId)) : false;
+    return /* @__PURE__ */ jsxs5(
+      "li",
+      {
+        className: cx(
+          "eth-doc-outline__item",
+          `eth-doc-outline__item--level-${node.level}`,
+          isActive && "eth-doc-outline__item--active",
+          containsActiveHeading && "eth-doc-outline__item--contains-active"
+        ),
+        children: [
+          /* @__PURE__ */ jsx6(
+            "a",
+            {
+              className: "eth-doc-outline__link",
+              href,
+              "aria-current": isActive ? "location" : void 0,
+              onClick: (event) => {
+                if (!href.startsWith("#") && !onSelect) return;
+                event.preventDefault();
+                onSelect?.(node.id);
+                scrollHeadingIntoView(node.href, node.id);
+              },
+              children: /* @__PURE__ */ jsx6("span", { className: "eth-doc-outline__text", children: node.text })
+            }
+          ),
+          node.children.length ? /* @__PURE__ */ jsx6("ol", { className: "eth-doc-outline__list", children: renderNodes(node.children, activeHeadingId, onSelect) }) : null
+        ]
+      },
+      node.id
+    );
+  });
+}
+function containsHeading(node, id) {
+  return node.id === id || node.children.some((child) => containsHeading(child, id));
+}
+function buildOutlineTree(headings) {
+  const roots = [];
+  const stack = [{ level: 0, children: roots }];
+  for (const heading of headings) {
+    const node = { ...heading, children: [] };
+    while (stack.length > 1 && stack[stack.length - 1].level >= heading.level) stack.pop();
+    stack[stack.length - 1].children.push(node);
+    stack.push(node);
+  }
+  return roots;
+}
+function scrollHeadingIntoView(href, id) {
+  const targetId = href?.startsWith("#") ? href.slice(1) : id;
+  const target = globalThis.document?.getElementById(targetId);
+  target?.scrollIntoView({ block: "start", behavior: "smooth" });
+}
+
+// src/components/AgentLockedDocumentPanel.tsx
+import * as React4 from "react";
+import { Button as Button2, InlineNotification, Surface } from "@echothink-ui/core";
+import { Fragment, jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+function AgentLockedDocumentPanel({
+  documentRef,
+  lockOwner,
+  pendingChanges = [],
+  onTakeover,
+  onRelease,
+  onReviewChanges,
+  density = "default",
+  className,
+  ...props
+}) {
+  const headingId = React4.useId();
+  const ownerLabel = lockOwner?.label ?? "An agent";
+  const documentLabel = documentRefLabel(documentRef);
+  const documentVersion = typeof documentRef === "string" ? void 0 : documentRef.version;
+  const pendingCountLabel = `${pendingChanges.length} ${pendingChanges.length === 1 ? "change" : "changes"}`;
+  const hasActions = Boolean(onReviewChanges || onRelease || onTakeover);
+  return /* @__PURE__ */ jsxs6(
+    Surface,
+    {
+      ...props,
+      title: "Agent document lock",
+      subtitle: /* @__PURE__ */ jsxs6(Fragment, { children: [
+        ownerLabel,
+        " holds the editing lock for ",
+        documentLabel,
+        "."
+      ] }),
+      severity: "warning",
+      density,
+      metadata: [
+        {
+          label: "Lock state",
+          value: /* @__PURE__ */ jsx7(DocumentLockBadge, { lockState: "locked-by-agent", owner: lockOwner })
+        },
+        { label: "Document", value: documentLabel },
+        ...documentVersion ? [{ label: "Version", value: documentVersion }] : [],
+        { label: "Pending changes", value: pendingCountLabel }
+      ],
+      className: cx("eth-doc-agent-lock-panel", className),
+      "data-eth-component": "AgentLockedDocumentPanel",
+      children: [
+        /* @__PURE__ */ jsx7("div", { className: "eth-doc-agent-lock-panel__notice", children: /* @__PURE__ */ jsxs6(InlineNotification, { severity: "warning", title: "Document locked by agent", children: [
+          ownerLabel,
+          " is preparing changes for ",
+          documentLabel,
+          ". Review staged updates before releasing the lock or taking over."
+        ] }) }),
+        /* @__PURE__ */ jsxs6("section", { className: "eth-doc-agent-lock-panel__changes-section", "aria-labelledby": headingId, children: [
+          /* @__PURE__ */ jsxs6("div", { className: "eth-doc-agent-lock-panel__changes-header", children: [
+            /* @__PURE__ */ jsx7("h3", { id: headingId, children: "Pending changes" }),
+            /* @__PURE__ */ jsx7("span", { className: "eth-doc-agent-lock-panel__count", children: pendingCountLabel })
+          ] }),
+          pendingChanges.length ? /* @__PURE__ */ jsx7("ol", { className: "eth-doc-agent-lock-panel__changes", children: pendingChanges.map((change) => /* @__PURE__ */ jsx7("li", { className: "eth-doc-agent-lock-panel__change", children: /* @__PURE__ */ jsxs6("div", { className: "eth-doc-agent-lock-panel__change-body", children: [
+            /* @__PURE__ */ jsx7("strong", { className: "eth-doc-agent-lock-panel__summary", children: change.summary }),
+            change.diffSnippet ? /* @__PURE__ */ jsx7("pre", { className: "eth-doc-agent-lock-panel__diff", children: change.diffSnippet }) : null
+          ] }) }, change.id)) }) : /* @__PURE__ */ jsx7("p", { className: "eth-doc-agent-lock-panel__empty", role: "status", children: "The agent holds the lock but has not staged changes." })
+        ] }),
+        hasActions ? /* @__PURE__ */ jsxs6("div", { className: "eth-actions eth-doc-agent-lock-panel__actions", children: [
+          onReviewChanges ? /* @__PURE__ */ jsx7(Button2, { intent: "primary", density, onClick: onReviewChanges, children: "Review changes" }) : null,
+          onRelease ? /* @__PURE__ */ jsx7(Button2, { intent: "secondary", density, onClick: onRelease, children: "Release lock" }) : null,
+          onTakeover ? /* @__PURE__ */ jsx7(Button2, { intent: "danger", density, onClick: onTakeover, children: "Take over" }) : null
+        ] }) : null
+      ]
+    }
+  );
+}
+
+// src/components/DocumentWorkspaceTemplate.tsx
+import { EmptyState } from "@echothink-ui/core";
+import { jsx as jsx8 } from "react/jsx-runtime";
+function DocumentWorkspaceTemplate({
+  title,
+  documentRef,
+  mode = "edit",
+  lockState = "unlocked",
+  lockOwner,
+  actions = [],
+  formattingActions,
+  onModeChange,
+  headings = [],
+  activeHeadingId,
+  onSelectHeading,
+  inspector,
+  toolbar,
+  metadata,
+  versionRef,
+  annotations,
+  content,
+  children,
+  density,
+  ...props
+}) {
+  const outline = headings.length ? /* @__PURE__ */ jsx8(
+    DocumentOutline,
+    {
+      headings,
+      activeHeadingId,
+      onSelect: onSelectHeading
+    }
+  ) : null;
+  const resolvedToolbar = toolbar ?? /* @__PURE__ */ jsx8(
+    DocumentToolbar,
+    {
+      actions,
+      formattingActions,
+      mode,
+      onModeChange,
+      density
+    }
+  );
+  const body = mode === "view" && content !== void 0 ? /* @__PURE__ */ jsx8(
+    DocumentViewer,
+    {
+      title,
+      content,
+      metadata,
+      versionRef,
+      annotations
+    }
+  ) : children ?? content ?? /* @__PURE__ */ jsx8(EmptyState, { title: "No document content" });
+  return /* @__PURE__ */ jsx8(
+    DocumentEditorShell,
+    {
+      ...props,
+      title,
+      documentRef,
+      mode,
+      lockState,
+      lockOwner,
+      toolbar: resolvedToolbar,
+      outline,
+      inspector,
+      density,
+      "data-eth-component": "DocumentWorkspaceTemplate",
+      children: body
+    }
+  );
+}
+
+// src/index.tsx
+var DocumentsComponentNames = [
+  "DocumentEditorShell",
+  "DocumentViewer",
+  "DocumentToolbar",
+  "DocumentOutline",
+  "DocumentLockBadge",
+  "AgentLockedDocumentPanel",
+  "DocumentWorkspaceTemplate"
+];
+export {
+  AgentLockedDocumentPanel,
+  DocumentEditorShell,
+  DocumentLockBadge,
+  DocumentOutline,
+  DocumentToolbar,
+  DocumentViewer,
+  DocumentWorkspaceTemplate,
+  DocumentsComponentNames
+};
+//# sourceMappingURL=index.js.map