@tangle-network/agent-app 0.45.37 → 0.45.38

package/dist/assistant/index.js

@@ -1,7 +1,7 @@
 import {
   ChatComposer,
   ChatMessages
-} from "../chunk-TB7T7C3X.js";
+} from "../chunk-HNVAASAO.js";
 import "../chunk-FBVLEGEG.js";
 import "../chunk-5MZXWPFN.js";
 import "../chunk-GEYACSFW.js";

package/dist/{chunk-TB7T7C3X.js → chunk-HNVAASAO.js}

@@ -9,7 +9,9 @@ import {
   ChevronDown,
   OVERLAY_SHADOW,
   POPOVER_OPTION_FOCUS,
-  usePending
+  PopoverSurface,
+  usePending,
+  usePopover
 } from "./chunk-3AXSERRK.js";
 import {
   UNTITLED_SESSION_LABEL,
@@ -3120,6 +3122,7 @@ function SeatPaywall({
 import {
   useCallback as useCallback8,
   useEffect as useEffect9,
+  useId as useId2,
   useMemo as useMemo5,
   useRef as useRef8,
   useState as useState12
@@ -3802,6 +3805,8 @@ function SessionRow({
   onSelectedChange
 }) {
   const [menuOpen, setMenuOpen] = useState12(false);
+  const panelId = useId2();
+  const { containerRef, triggerRef, panelRef, triggerProps } = usePopover(menuOpen, setMenuOpen);
   const extras = extraActions?.(session) ?? [];
   const hasMenu = Boolean(onRename) || Boolean(onDelete) || extras.length > 0;
   const showUnread = Boolean(session.unread) && !responding;
@@ -3829,60 +3834,72 @@ function SessionRow({
       )
     ] }),
     /* @__PURE__ */ jsx11("span", { className: "shrink-0 text-xs tabular-nums text-muted-foreground", children: timestamp }),
-    hasMenu && /* @__PURE__ */ jsxs9("div", { className: "relative shrink-0", children: [
+    hasMenu && /* @__PURE__ */ jsxs9("div", { ref: containerRef, className: "relative shrink-0", children: [
       /* @__PURE__ */ jsx11(
         "button",
         {
           type: "button",
+          ...triggerProps,
           "aria-label": "Session actions",
-          "aria-expanded": menuOpen,
+          "aria-controls": menuOpen ? panelId : void 0,
           onClick: () => setMenuOpen((open) => !open),
           className: "flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground transition hover:bg-muted hover:text-foreground focus-visible:opacity-100 sm:opacity-0 sm:group-hover:opacity-100 aria-expanded:opacity-100",
           children: /* @__PURE__ */ jsx11("span", { "aria-hidden": true, className: "text-base leading-none", children: "\u22EF" })
         }
       ),
-      menuOpen && /* @__PURE__ */ jsxs9(Fragment5, { children: [
-        /* @__PURE__ */ jsx11("div", { className: "fixed inset-0 z-20", onClick: () => setMenuOpen(false), "aria-hidden": true }),
-        /* @__PURE__ */ jsxs9("div", { className: `absolute right-0 z-30 mt-1 w-36 overflow-hidden rounded-md border border-border bg-popover py-1 ${OVERLAY_SHADOW}`, children: [
-          onRename && /* @__PURE__ */ jsx11(
-            "button",
-            {
-              type: "button",
-              onClick: () => {
-                setMenuOpen(false);
-                onRename(session);
-              },
-              className: "block w-full px-3 py-1.5 text-left text-xs text-foreground transition hover:bg-accent",
-              children: renameLabel
-            }
-          ),
-          extras.map((action) => /* @__PURE__ */ jsx11(
-            "button",
-            {
-              type: "button",
-              onClick: () => {
-                setMenuOpen(false);
-                action.onSelect();
-              },
-              className: `block w-full px-3 py-1.5 text-left text-xs transition ${action.destructive ? "text-destructive hover:bg-destructive/10" : "text-foreground hover:bg-accent"}`,
-              children: action.label
-            },
-            action.id
-          )),
-          onDelete && /* @__PURE__ */ jsx11(
-            "button",
-            {
-              type: "button",
-              onClick: () => {
-                setMenuOpen(false);
-                onDelete(session);
+      /* @__PURE__ */ jsxs9(
+        PopoverSurface,
+        {
+          open: menuOpen,
+          id: panelId,
+          role: "menu",
+          triggerRef,
+          panelRef,
+          className: `w-36 overflow-hidden rounded-md border border-border bg-popover py-1 ${OVERLAY_SHADOW}`,
+          children: [
+            onRename && /* @__PURE__ */ jsx11(
+              "button",
+              {
+                type: "button",
+                role: "menuitem",
+                onClick: () => {
+                  setMenuOpen(false);
+                  onRename(session);
+                },
+                className: "block w-full px-3 py-1.5 text-left text-xs text-foreground transition hover:bg-accent",
+                children: renameLabel
+              }
+            ),
+            extras.map((action) => /* @__PURE__ */ jsx11(
+              "button",
+              {
+                type: "button",
+                role: "menuitem",
+                onClick: () => {
+                  setMenuOpen(false);
+                  action.onSelect();
+                },
+                className: `block w-full px-3 py-1.5 text-left text-xs transition ${action.destructive ? "text-destructive hover:bg-destructive/10" : "text-foreground hover:bg-accent"}`,
+                children: action.label
               },
-              className: "block w-full px-3 py-1.5 text-left text-xs text-destructive transition hover:bg-destructive/10",
-              children: deleteLabel
-            }
-          )
-        ] })
-      ] })
+              action.id
+            )),
+            onDelete && /* @__PURE__ */ jsx11(
+              "button",
+              {
+                type: "button",
+                role: "menuitem",
+                onClick: () => {
+                  setMenuOpen(false);
+                  onDelete(session);
+                },
+                className: "block w-full px-3 py-1.5 text-left text-xs text-destructive transition hover:bg-destructive/10",
+                children: deleteLabel
+              }
+            )
+          ]
+        }
+      )
     ] })
   ] });
 }
@@ -3893,7 +3910,7 @@ import {
   isValidElement,
   useCallback as useCallback9,
   useEffect as useEffect10,
-  useId as useId2,
+  useId as useId3,
   useMemo as useMemo6,
   useRef as useRef9,
   useState as useState13
@@ -4280,7 +4297,7 @@ function RecordGrid({
   loadingRowCount = 3,
   className
 }) {
-  const fieldPrefix = useId2();
+  const fieldPrefix = useId3();
   const [overlay, setOverlay] = useState13(EMPTY_RECORD_GRID_OVERLAY);
   const [editing, setEditingState] = useState13(null);
   const [cellErrors, setCellErrors] = useState13({});
@@ -4883,13 +4900,20 @@ function CellEditor({ column, rowLabel, text, invalid, describedBy, onText, onCo
 }
 function SourceMarker({ panelId, columnHeader, rowLabel, source, open, onToggle }) {
   const basis = source.basis ?? "asserted";
-  return /* @__PURE__ */ jsxs10("span", { className: "relative inline-flex", children: [
+  const setOpen = useCallback9(
+    (next) => {
+      if (!next) onToggle();
+    },
+    [onToggle]
+  );
+  const { containerRef, triggerRef, panelRef, triggerProps } = usePopover(open, setOpen);
+  return /* @__PURE__ */ jsxs10("span", { ref: containerRef, className: "relative inline-flex", children: [
     /* @__PURE__ */ jsx12(
       "button",
       {
         type: "button",
+        ...triggerProps,
         "aria-label": `Source for ${columnHeader}, ${rowLabel}`,
-        "aria-expanded": open,
         "aria-controls": open ? panelId : void 0,
         title: BASIS_TITLES[basis],
         onClick: (event) => {
@@ -4912,12 +4936,15 @@ function SourceMarker({ panelId, columnHeader, rowLabel, source, open, onToggle
         )
       }
     ),
-    open && /* @__PURE__ */ jsxs10(
-      "span",
+    /* @__PURE__ */ jsxs10(
+      PopoverSurface,
       {
+        open,
         id: panelId,
         role: "note",
-        className: `absolute left-0 top-5 z-10 w-64 rounded-lg border border-border bg-popover p-3 text-left ${OVERLAY_SHADOW}`,
+        triggerRef,
+        panelRef,
+        className: `w-64 rounded-lg border border-border bg-popover p-3 text-left ${OVERLAY_SHADOW}`,
         children: [
           source.quote && /* @__PURE__ */ jsxs10("span", { className: "block border-l-2 border-primary/50 pl-2 text-xs italic leading-snug text-foreground", children: [
             "\u201C",
@@ -5963,4 +5990,4 @@ export {
   useThinkingSeconds,
   ChatMessages
 };
-//# sourceMappingURL=chunk-TB7T7C3X.js.map
+//# sourceMappingURL=chunk-HNVAASAO.js.map