@pagehub/sdk 0.1.5 → 0.1.7

package/dist/chunks/MediaManagerModal-Dc5PK3dn.js

@@ -0,0 +1,240 @@
+import { jsx as n, jsxs as m, Fragment as y } from "react/jsx-runtime";
+import { u as C, M as N, a as k, I as D, C as F } from "./useMediaManager-CmKDbFfw.js";
+import { useEffect as x, useMemo as A } from "react";
+import { F as I, e as S } from "./FloatingPanel-DJP5Vhua.js";
+import { a4 as E, dJ as $, dn as p, dK as P } from "./index-C66dAl3Q.js";
+function _(o) {
+  return `flex min-h-11 w-full items-center gap-2 border-l-2 px-4 py-2 text-left text-sm font-medium transition-colors ${o ? "border-primary bg-base-200 text-base-content" : "border-transparent text-base-content/70 hover:border-base-300 hover:bg-base-200/60 hover:text-base-content"}`;
+}
+function H({
+  isOpen: o,
+  onClose: i,
+  title: s,
+  storageKey: d,
+  tabs: t,
+  activeTab: e,
+  setActiveTab: l,
+  defaultWidth: f,
+  defaultHeight: a,
+  minWidth: u,
+  maxWidth: h,
+  minHeight: b,
+  maxHeight: g,
+  dockToEdge: r,
+  zIndex: c,
+  children: M,
+  footer: v
+}) {
+  return x(() => {
+    t.length && (t.some((w) => w.key === e) || l(t[0].key));
+  }, [e, l, t]), /* @__PURE__ */ n(
+    I,
+    {
+      isOpen: o,
+      onClose: i,
+      title: s,
+      storageKey: d,
+      autoSize: !1,
+      defaultWidth: f,
+      defaultHeight: a,
+      minWidth: u,
+      maxWidth: h,
+      minHeight: b,
+      maxHeight: g,
+      dockToEdge: r,
+      closeButtonSide: r === "left" ? "left" : "right",
+      zIndex: c,
+      edges: ["e", "s", "se", "w", "sw"],
+      headerless: !0,
+      children: /* @__PURE__ */ n(
+        T,
+        {
+          title: s,
+          tabs: t,
+          activeTab: e,
+          setActiveTab: l,
+          footer: v,
+          children: M
+        }
+      )
+    }
+  );
+}
+function T({
+  title: o,
+  tabs: i,
+  activeTab: s,
+  setActiveTab: d,
+  footer: t,
+  children: e
+}) {
+  const l = S(), f = l != null && l.isDragging ? "cursor-grabbing" : "cursor-grab";
+  return /* @__PURE__ */ m("div", { className: "flex min-h-0 flex-1 flex-col overflow-hidden", children: [
+    /* @__PURE__ */ m("div", { className: "flex min-h-0 flex-1 overflow-hidden", children: [
+      /* @__PURE__ */ m(
+        "div",
+        {
+          className: "border-base-300 flex w-52 shrink-0 flex-col border-r",
+          "aria-label": `${o} sections`,
+          children: [
+            /* @__PURE__ */ n(
+              "div",
+              {
+                role: "presentation",
+                "aria-hidden": "true",
+                onPointerDown: l == null ? void 0 : l.onPointerDown,
+                className: `text-base-content flex touch-none items-center px-4 py-3 ${f}`,
+                children: /* @__PURE__ */ n("span", { className: "min-w-0 truncate text-sm font-semibold", children: o })
+              }
+            ),
+            /* @__PURE__ */ n(
+              "nav",
+              {
+                className: "scrollbar-light flex min-h-0 flex-1 flex-col overflow-y-auto py-1",
+                "aria-label": `${o} tabs`,
+                children: i.map((a) => /* @__PURE__ */ m(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => d(a.key),
+                    className: _(s === a.key),
+                    children: [
+                      a.icon ? /* @__PURE__ */ n("span", { className: "shrink-0 opacity-90 [&>svg]:size-4", children: a.icon }) : null,
+                      /* @__PURE__ */ n("span", { className: "min-w-0 truncate", children: a.label })
+                    ]
+                  },
+                  a.key
+                ))
+              }
+            ),
+            /* @__PURE__ */ n("div", { className: "border-base-300 border-t p-3", children: /* @__PURE__ */ n(
+              "button",
+              {
+                type: "button",
+                onClick: l == null ? void 0 : l.onClose,
+                className: "btn btn-secondary btn-sm w-full",
+                children: "Close"
+              }
+            ) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ n(E, { className: "bg-base-100 text-base-content flex min-h-0 min-w-0 flex-1 flex-col", children: /* @__PURE__ */ n("div", { className: "flex min-h-full flex-col p-6", children: e }) })
+    ] }),
+    t ? /* @__PURE__ */ n("div", { className: "border-base-300 border-t p-4", children: t }) : null
+  ] });
+}
+const K = 1080, L = P;
+function j({
+  isOpen: o,
+  onClose: i,
+  onSelect: s,
+  selectionMode: d = !1,
+  kindFilter: t
+}) {
+  const e = C({ isOpen: o, onClose: i, onSelect: s, selectionMode: d }), f = $() ? "left" : "right", a = typeof window < "u" ? window.innerHeight : 800, u = Math.max(560, Math.min(760, Math.round(a * 0.78))), h = Math.max(640, Math.min(860, Math.round(a * 0.9)));
+  x(() => {
+    if (!o) return;
+    const r = t ?? "all";
+    e.kindFilter !== r && e.setKindFilter(r);
+  }, [o, t, e.kindFilter, e.setKindFilter]);
+  const b = A(
+    () => [
+      {
+        key: "folder:all",
+        label: `All (${e.folderCounts.all})`,
+        icon: /* @__PURE__ */ n(p, {})
+      },
+      {
+        key: "folder:unfiled",
+        label: `Unfiled (${e.folderCounts.unfiled})`,
+        icon: /* @__PURE__ */ n(p, {})
+      },
+      ...e.folders.map((r) => ({
+        key: `folder:${r.id}`,
+        label: `${r.name} (${e.folderCounts.byId.get(r.id) || 0})`,
+        icon: /* @__PURE__ */ n(p, {})
+      }))
+    ],
+    [
+      e.folderCounts.all,
+      e.folderCounts.byId,
+      e.folderCounts.unfiled,
+      e.folders
+    ]
+  ), g = e.folderFilter === "all" ? "folder:all" : e.folderFilter === "unfiled" ? "folder:unfiled" : `folder:${e.folderFilter}`;
+  return /* @__PURE__ */ m(y, { children: [
+    /* @__PURE__ */ n(
+      H,
+      {
+        isOpen: o,
+        onClose: i,
+        title: d ? "Select Media" : "Media Manager",
+        storageKey: "media-manager-v3",
+        tabs: b,
+        activeTab: g,
+        setActiveTab: (r) => {
+          const c = String(r).replace(/^folder:/, "");
+          e.setFolderFilter(c);
+        },
+        defaultWidth: K,
+        defaultHeight: u,
+        minWidth: 760,
+        maxWidth: 1400,
+        minHeight: 500,
+        maxHeight: h,
+        dockToEdge: f,
+        zIndex: L,
+        children: /* @__PURE__ */ n(
+          N,
+          {
+            manager: e,
+            selectionMode: d,
+            onSelect: s,
+            onClose: i,
+            popover: !1
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ n(
+      k,
+      {
+        previewMedia: e.previewMedia,
+        filteredMedia: e.filteredMedia,
+        onClose: () => e.setPreviewMedia(null),
+        onPrevious: e.handlePreviewPrevious,
+        onNext: e.handlePreviewNext
+      }
+    ),
+    /* @__PURE__ */ n(
+      D,
+      {
+        isOpen: e.cropMedia !== null,
+        onClose: () => e.setCropMedia(null),
+        media: e.cropMedia,
+        onSave: e.handleSaveCroppedImage,
+        settings: e.settings
+      },
+      "image-crop-modal"
+    ),
+    /* @__PURE__ */ n(
+      F,
+      {
+        isOpen: e.deleteConfirm.isOpen,
+        onClose: () => e.setDeleteConfirm({ isOpen: !1, mediaIds: [] }),
+        onConfirm: e.confirmDelete,
+        title: "Delete Media",
+        message: e.deleteConfirm.mediaIds.length > 1 ? `Are you sure you want to delete ${e.deleteConfirm.mediaIds.length} media items? This action cannot be undone.` : "Are you sure you want to delete this media item? This action cannot be undone.",
+        confirmText: "Delete",
+        cancelText: "Cancel",
+        variant: "danger"
+      },
+      "delete-confirm-dialog"
+    )
+  ] });
+}
+export {
+  j as M,
+  H as S
+};

package/dist/chunks/MiniPreviewTile-B4zxTj9Y.js

@@ -0,0 +1,32 @@
+import { jsx as c } from "react/jsx-runtime";
+const C = {
+  swatch: "h-6 w-12 shrink-0",
+  video: "aspect-video w-full"
+}, u = {
+  neutral: "bg-neutral",
+  "base-100": "bg-base-100",
+  "base-200": "bg-base-200"
+}, p = ({
+  size: s,
+  bg: e = "base-200",
+  rounded: a = "lg",
+  bordered: r = !0,
+  padded: l = !1,
+  relative: t = !1,
+  className: o = "",
+  style: d,
+  children: n
+}) => {
+  const i = C[s], b = u[e];
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      className: `${i} ${b} ${a === "md" ? "rounded-md" : "rounded-lg"} ${r ? "border-base-300 border" : ""} ${l ? "p-2" : ""} ${t ? "relative" : ""} flex items-center justify-center overflow-hidden ${o}`,
+      style: d,
+      children: n
+    }
+  );
+};
+export {
+  p as M
+};

package/dist/chunks/ModifierChipList-CwsWklih.js

@@ -0,0 +1,33 @@
+import { jsx as r, jsxs as p } from "react/jsx-runtime";
+import { useNode as m } from "@craftjs/core";
+import { d, C as f, eF as u } from "./index-C66dAl3Q.js";
+import { P as g, r as x } from "./popoverOpenRequestAtom-hBS_siXv.js";
+import { u as h } from "./useModifiers-BUaftv28.js";
+const v = "modifiers:add";
+function k() {
+  const { id: s } = m((e) => ({ id: e.id })), { allModifiers: i, isActive: a, toggleModifier: o } = h(), [n, l] = d(g), t = i.filter((e) => a(e));
+  if (t.length === 0) return null;
+  const c = () => {
+    x(n, l, s, v);
+  };
+  return /* @__PURE__ */ r("div", { className: "flex flex-col gap-1", children: t.map((e) => /* @__PURE__ */ r(
+    f,
+    {
+      mode: "popover",
+      onTriggerClick: c,
+      onClear: () => o(e),
+      triggerAriaLabel: `Edit modifier ${e.label}`,
+      clearAriaLabel: `Remove modifier ${e.label}`,
+      leading: /* @__PURE__ */ r(u, { className: "size-3.5", "aria-hidden": !0 }),
+      summary: /* @__PURE__ */ p("span", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ r("span", { className: "truncate", children: e.label }),
+        e.category && /* @__PURE__ */ r("span", { className: "text-neutral-content/60 shrink-0 text-[10px]", children: e.category }),
+        e.origin === "site" && /* @__PURE__ */ r("span", { className: "text-neutral-content/50 shrink-0 text-[10px]", children: "custom" })
+      ] })
+    },
+    e.name
+  )) });
+}
+export {
+  k as ModifierChipList
+};

package/dist/chunks/ModifiersAddPicker-D-vSYw7O.js

@@ -0,0 +1,74 @@
+import { jsxs as u, Fragment as R, jsx as e } from "react/jsx-runtime";
+import { useNode as N } from "@craftjs/core";
+import { useState as t, useRef as k, useEffect as w, Suspense as m, lazy as f } from "react";
+import { u as L, S as M, i as O, G as T, e5 as x, ci as E } from "./index-C66dAl3Q.js";
+import { S as C } from "./SearchableMenuPopover-DZKVXiEl.js";
+import { u as F } from "./usePopoverPosition-83Vti7Aw.js";
+import { u as H } from "./popoverOpenRequestAtom-hBS_siXv.js";
+const W = f(() => import("./ModifiersPickerPanel-CTefidBx.js")), _ = f(() => import("./SaveModifierPanel-B6mjKyrT.js")), p = 320, q = 520, z = [
+  {
+    id: "library",
+    label: "Browse library",
+    data: "library",
+    keywords: ["add", "browse", "library", "pattern", "variant"]
+  },
+  {
+    id: "save",
+    label: "Save current styles as modifier",
+    data: "save",
+    keywords: ["save", "create", "new", "modifier"]
+  }
+], B = {
+  library: E,
+  save: x
+};
+function X({ def: a }) {
+  const [b, o] = t(!1), [h, n] = t(!1), {
+    triggerRef: P,
+    initialPos: v,
+    setInitialPos: y,
+    computePosition: l
+  } = F(p), [S, g] = t(), c = L(M), { id: r } = N((s) => ({ id: s.id })), i = () => {
+    y(l()), o(!0);
+  }, A = () => {
+    g(l()), n(!0);
+  }, d = k(!1);
+  return w(() => {
+    d.current || a && c.has(O(r, a.id)) && (requestAnimationFrame(i), d.current = !0);
+  }, [c, r, a == null ? void 0 : a.id]), H(r, (a == null ? void 0 : a.id) ?? "", () => requestAnimationFrame(i)), /* @__PURE__ */ u(R, { children: [
+    /* @__PURE__ */ e("span", { ref: P, className: "inline-flex", children: /* @__PURE__ */ e(
+      C,
+      {
+        trigger: /* @__PURE__ */ e(T, { className: "size-3.5", "aria-hidden": !0 }),
+        triggerAriaLabel: "Add or save modifier",
+        items: z,
+        onSelect: (s) => {
+          s.data === "library" && i(), s.data === "save" && A();
+        },
+        renderItem: (s) => {
+          const I = B[s.data];
+          return /* @__PURE__ */ u("span", { className: "flex min-w-0 items-center gap-2", children: [
+            /* @__PURE__ */ e(I, { className: "text-neutral-content size-3.5 shrink-0", "aria-hidden": !0 }),
+            /* @__PURE__ */ e("span", { className: "truncate", children: s.label })
+          ] });
+        },
+        searchPlaceholder: "Search actions…",
+        panelWidthClass: "w-72",
+        anchor: "bottom end"
+      }
+    ) }),
+    b && /* @__PURE__ */ e(m, { fallback: null, children: /* @__PURE__ */ e(
+      W,
+      {
+        initialPosition: v,
+        onClose: () => o(!1),
+        defaultWidth: p,
+        defaultHeight: q
+      }
+    ) }),
+    h && /* @__PURE__ */ e(m, { fallback: null, children: /* @__PURE__ */ e(_, { initialPosition: S, onClose: () => n(!1) }) })
+  ] });
+}
+export {
+  X as default
+};

package/dist/chunks/ModifiersPickerPanel-CTefidBx.js

@@ -0,0 +1,243 @@
+import { jsx as n, jsxs as l, Fragment as y } from "react/jsx-runtime";
+import { F as v } from "./FloatingPanel-DJP5Vhua.js";
+import { useState as N, useMemo as w } from "react";
+import { aO as C, T as k, P as b, t as u, dr as P, W as M } from "./index-C66dAl3Q.js";
+import { S as A } from "./SearchInput-DRUztbM0.js";
+import { u as L } from "./useModifiers-BUaftv28.js";
+function S({ name: e }) {
+  return /* @__PURE__ */ n("div", { className: "text-neutral-content/80 mt-1 mb-1.5 px-0.5 text-[10px] font-semibold tracking-wide uppercase", children: e });
+}
+function E({
+  mod: e,
+  active: r,
+  onToggle: i,
+  onHoverPreview: t
+}) {
+  const o = e.classes ? e.classes.split(/\s+/).filter(Boolean).length : 0;
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      className: u(
+        "border-base-300 hover:border-base-content/40 group flex items-stretch overflow-hidden rounded-md border bg-transparent transition-colors",
+        r && "border-primary bg-primary/5 hover:border-primary"
+      ),
+      children: [
+        /* @__PURE__ */ l(
+          "button",
+          {
+            type: "button",
+            onClick: i,
+            className: "hover:bg-base-200 flex min-w-0 flex-1 flex-col items-start gap-0.5 px-2 py-1.5 text-left transition-colors",
+            children: [
+              /* @__PURE__ */ l("div", { className: "flex w-full items-baseline justify-between gap-1.5", children: [
+                /* @__PURE__ */ n(
+                  "span",
+                  {
+                    className: u(
+                      "truncate text-xs font-medium",
+                      r ? "text-primary" : "text-base-content"
+                    ),
+                    children: e.label
+                  }
+                ),
+                /* @__PURE__ */ l("span", { className: "flex shrink-0 items-center gap-1.5", children: [
+                  o > 0 && /* @__PURE__ */ l("span", { className: u("text-[9px]", r ? "text-primary/60" : "opacity-50"), children: [
+                    "×",
+                    o
+                  ] }),
+                  e.origin === "site" && /* @__PURE__ */ n("span", { className: "text-[9px] opacity-40", children: "custom" })
+                ] })
+              ] }),
+              e.description && /* @__PURE__ */ n("p", { className: "line-clamp-2 text-[10px] leading-snug opacity-70", children: e.description })
+            ]
+          }
+        ),
+        /* @__PURE__ */ n(
+          "button",
+          {
+            type: "button",
+            onMouseEnter: t,
+            "aria-label": `Preview ${e.label}`,
+            "data-tooltip-id": b,
+            "data-tooltip-content": "Hold to preview",
+            "data-tooltip-place": "left",
+            "data-tooltip-delay-show": 400,
+            className: "border-base-300/70 text-neutral-content hover:bg-primary/10 hover:text-primary flex shrink-0 items-center justify-center border-l border-dashed px-2 opacity-50 transition-[color,background-color,opacity] group-hover:opacity-100",
+            children: /* @__PURE__ */ n(P, { className: "size-3.5", "aria-hidden": !0 })
+          }
+        )
+      ]
+    }
+  );
+}
+function z({
+  mods: e,
+  isActive: r,
+  onToggle: i,
+  onHoverPreview: t
+}) {
+  return /* @__PURE__ */ n("div", { className: "flex flex-col gap-1", children: e.map((o) => /* @__PURE__ */ n(
+    E,
+    {
+      mod: o,
+      active: r(o),
+      onToggle: () => i(o),
+      onHoverPreview: () => t(o)
+    },
+    o.name
+  )) });
+}
+function _({
+  mods: e,
+  isActive: r,
+  onToggle: i
+}) {
+  const t = e.find((a) => r(a)), o = (t == null ? void 0 : t.name) ?? "", m = [
+    { value: "", label: "—", tooltip: "None", widthClass: "flex-none w-7" },
+    ...e.map((a) => ({
+      value: a.name,
+      label: a.label,
+      tooltip: a.description || a.classes || a.name
+    }))
+  ];
+  return /* @__PURE__ */ n(
+    k,
+    {
+      value: o,
+      onChange: (a) => {
+        if (!a) {
+          t && i(t);
+          return;
+        }
+        const c = e.find((p) => p.name === a);
+        c && i(c);
+      },
+      options: m,
+      tooltipId: b
+    }
+  );
+}
+function j({
+  mods: e,
+  isActive: r,
+  onToggle: i
+}) {
+  const t = e.find((s) => r(s)), o = (t == null ? void 0 : t.name) ?? "";
+  return /* @__PURE__ */ l(y, { children: [
+    /* @__PURE__ */ l(C, { value: o, onChange: (s) => {
+      if (!s && t) {
+        i(t);
+        return;
+      }
+      const a = e.find((c) => c.name === s);
+      a && i(a);
+    }, placeholder: "None", children: [
+      /* @__PURE__ */ n("option", { value: "", children: "None" }),
+      e.map((s) => /* @__PURE__ */ n("option", { value: s.name, children: s.label }, s.name))
+    ] }),
+    (t == null ? void 0 : t.description) && /* @__PURE__ */ n("p", { className: "text-neutral-content/70 mt-1 text-[10px] leading-snug", children: t.description })
+  ] });
+}
+function B({
+  cat: e,
+  isActive: r,
+  onToggle: i,
+  onHoverPreview: t
+}) {
+  return /* @__PURE__ */ l("div", { className: "flex flex-col", children: [
+    /* @__PURE__ */ n(S, { name: e.name }),
+    e.renderAs === "patterns" || e.renderAs === "chips" ? /* @__PURE__ */ n(
+      z,
+      {
+        mods: e.mods,
+        isActive: r,
+        onToggle: i,
+        onHoverPreview: t
+      }
+    ) : e.renderAs === "dropdown" ? /* @__PURE__ */ n(j, { mods: e.mods, isActive: r, onToggle: i }) : /* @__PURE__ */ n(_, { mods: e.mods, isActive: r, onToggle: i })
+  ] });
+}
+function H(e, r) {
+  return [
+    e.label,
+    e.name,
+    e.category ?? "",
+    e.description ?? "",
+    e.classes ?? ""
+  ].join(" ").toLowerCase().includes(r);
+}
+function I() {
+  const {
+    categorized: e,
+    isActive: r,
+    previewModifier: i,
+    commitModifier: t,
+    toggleModifier: o,
+    endPreview: m,
+    hasModifiers: s
+  } = L(), [a, c] = N(""), p = a.trim().toLowerCase(), f = w(() => {
+    if (!p) return e;
+    const d = [];
+    for (const h of e) {
+      const x = h.mods.filter((g) => H(g, p));
+      x.length !== 0 && d.push({ ...h, mods: x, renderAs: "chips" });
+    }
+    return d;
+  }, [e, p]);
+  return s ? /* @__PURE__ */ l("div", { className: "flex flex-col gap-1", onMouseLeave: m, children: [
+    /* @__PURE__ */ n(
+      A,
+      {
+        value: a,
+        onChange: c,
+        placeholder: "Search modifiers",
+        className: "mb-1",
+        size: "slim"
+      }
+    ),
+    f.length === 0 ? /* @__PURE__ */ l("div", { className: "text-neutral-content py-6 text-center text-xs", children: [
+      "No modifiers match “",
+      a,
+      "”"
+    ] }) : f.map((d) => /* @__PURE__ */ n(
+      B,
+      {
+        cat: d,
+        isActive: r,
+        onToggle: d.renderAs === "dropdown" ? o : t,
+        onHoverPreview: i
+      },
+      d.name
+    ))
+  ] }) : /* @__PURE__ */ n("div", { className: "text-neutral-content py-6 text-center text-xs", children: "No modifiers available for this component." });
+}
+function R({
+  initialPosition: e,
+  onClose: r,
+  defaultWidth: i,
+  defaultHeight: t
+}) {
+  return /* @__PURE__ */ n(
+    v,
+    {
+      isOpen: !0,
+      onClose: r,
+      title: "Modifiers",
+      storageKey: "modifiers-picker",
+      autoSize: !1,
+      defaultWidth: i,
+      defaultHeight: t,
+      minWidth: 280,
+      maxWidth: 420,
+      minHeight: 240,
+      initialPosition: e,
+      persistSize: !1,
+      zIndex: M,
+      scrollable: !0,
+      children: /* @__PURE__ */ n(I, {})
+    }
+  );
+}
+export {
+  R as default
+};

package/dist/chunks/NodeAiContextInputPopover-D5bn5o_T.js

@@ -0,0 +1,66 @@
+import { jsxs as y, Fragment as E, jsx as r } from "react/jsx-runtime";
+import { ROOT_NODE as I } from "@craftjs/utils";
+import { useNode as O } from "@craftjs/core";
+import { useState as b, Suspense as T, lazy as R } from "react";
+import { C as j, e3 as k } from "./index-C66dAl3Q.js";
+import { u as v } from "./usePopoverAutoOpen-CxIjt0ez.js";
+import { u as z } from "./usePopoverPosition-83Vti7Aw.js";
+const _ = R(() => import("./NodeAiContextPanel-Bx4rcjiM.js")), $ = 380, L = 32;
+function m(t, e) {
+  return t.length <= e ? t : t.slice(0, e - 1).trimEnd() + "…";
+}
+function W(t, e) {
+  const o = t.trim().length > 0, i = e.length > 0;
+  return o && i ? `${m(t, 20)} · ${e.length} tag${e.length === 1 ? "" : "s"}` : o ? m(t, L) : i ? e.length <= 2 ? e.join(", ") : `${e.length} tags` : "";
+}
+function w({ def: t }) {
+  const [e, o] = b(!1), { triggerRef: i, initialPos: f, setInitialPos: p, computePosition: h } = z($), {
+    actions: { setProp: P },
+    id: a,
+    notes: l,
+    tags: c
+  } = O((n) => {
+    var d, g;
+    const s = ((g = (d = n.data) == null ? void 0 : d.props) == null ? void 0 : g.design) || {};
+    return {
+      id: n.id,
+      notes: typeof s.notes == "string" ? s.notes : "",
+      tags: Array.isArray(s.tags) ? s.tags.filter((x) => typeof x == "string") : []
+    };
+  }), A = a === I || !l.trim() && c.length === 0, C = W(l, c), u = () => {
+    p(h()), o(!0);
+  };
+  v({ nodeId: a, defId: t == null ? void 0 : t.id, onOpen: u });
+  const N = () => {
+    P((n) => {
+      n.design && (delete n.design.notes, delete n.design.tags, Object.keys(n.design).length === 0 && delete n.design);
+    });
+  };
+  return /* @__PURE__ */ y(E, { children: [
+    A ? (
+      // Popover-only section: section title click opens the panel via the
+      // open-request atom. No visible `+`, just an invisible anchor so
+      // computePosition() can place the panel at the section's right edge.
+      /* @__PURE__ */ r("span", { ref: i, "aria-hidden": !0, className: "block size-0" })
+    ) : /* @__PURE__ */ r(
+      j,
+      {
+        mode: "popover",
+        ref: i,
+        open: e,
+        onTriggerClick: () => e ? o(!1) : u(),
+        onClear: () => {
+          e && o(!1), N();
+        },
+        triggerAriaLabel: "Edit AI context",
+        clearAriaLabel: "Clear AI context",
+        leading: /* @__PURE__ */ r(k, { className: "size-3.5", "aria-hidden": !0 }),
+        summary: C
+      }
+    ),
+    e && /* @__PURE__ */ r(T, { fallback: null, children: /* @__PURE__ */ r(_, { initialPosition: f, onClose: () => o(!1) }) })
+  ] });
+}
+export {
+  w as default
+};