@meetreeve/ui 0.12.0 → 0.14.0

package/dist/index.mjs

@@ -417,6 +417,44 @@ function useResponsivePlaceholder(desktop, mobile) {
   return isDesktop ? desktop : mobile ?? desktop;
 }
 
+// src/info-tip.tsx
+import { Popover } from "@base-ui/react/popover";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function InfoTip({ children, label = "More information", side = "top", align = "center", className }) {
+  return /* @__PURE__ */ jsxs3(Popover.Root, { children: [
+    /* @__PURE__ */ jsx3(
+      Popover.Trigger,
+      {
+        openOnHover: true,
+        delay: 150,
+        closeDelay: 100,
+        "aria-label": label,
+        style: TOUCH_TARGET_STYLE,
+        className: cn(
+          "group -my-3.5 inline-flex shrink-0 cursor-help items-center justify-center rounded-full align-middle text-muted-foreground outline-none transition-colors hover:text-foreground data-[popup-open]:text-foreground",
+          className
+        ),
+        children: /* @__PURE__ */ jsx3(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: "inline-flex size-4 items-center justify-center rounded-full border border-current text-[0.625rem] font-semibold leading-none group-focus-visible:ring-2 group-focus-visible:ring-ring/50",
+            children: "?"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx3(Popover.Portal, { children: /* @__PURE__ */ jsx3(Popover.Positioner, { side, align, sideOffset: 8, collisionPadding: 16, className: "z-50", children: /* @__PURE__ */ jsx3(
+      Popover.Popup,
+      {
+        "aria-label": label,
+        className: "max-w-[min(20rem,calc(100vw-2rem))] origin-[var(--transform-origin)] rounded-md border border-border bg-popover px-3 py-2 text-left text-xs font-normal leading-relaxed text-popover-foreground shadow-md outline-none transition-[opacity,transform] duration-150 ease-out data-[ending-style]:scale-95 data-[ending-style]:opacity-0 data-[starting-style]:scale-95 data-[starting-style]:opacity-0 motion-reduce:transition-none",
+        children: /* @__PURE__ */ jsx3(Popover.Description, { children })
+      }
+    ) }) })
+  ] });
+}
+
 // src/app-sidebar.tsx
 import { useCallback as useCallback3, useEffect as useEffect5, useId as useId3, useMemo, useRef as useRef4, useState as useState6 } from "react";
 import { Menu as Menu2, PanelLeftClose, PanelLeftOpen, X as X2 } from "lucide-react";
@@ -699,7 +737,7 @@ function useLadderRung(ladder, containerRef, options = {}) {
 
 // src/ladder/flyout.tsx
 import { useCallback as useCallback2, useEffect as useEffect4, useId as useId2, useLayoutEffect as useLayoutEffect2, useRef as useRef3, useState as useState5 } from "react";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var PANEL_GAP = 4;
 function Flyout({
   label,
@@ -763,7 +801,7 @@ function Flyout({
   useEffect4(() => {
     if (clickOpen && panelPosition) firstItemRef.current?.focus();
   }, [clickOpen, panelPosition]);
-  return /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs4(
     "div",
     {
       "data-testid": "ladder-flyout",
@@ -771,7 +809,7 @@ function Flyout({
       onMouseEnter: () => setHoverOpen(true),
       onMouseLeave: () => setHoverOpen(false),
       children: [
-        /* @__PURE__ */ jsxs3(
+        /* @__PURE__ */ jsxs4(
           "button",
           {
             ref: triggerRef,
@@ -794,7 +832,7 @@ function Flyout({
               active ? "bg-sidebar-accent text-sidebar-accent-foreground" : "text-sidebar-foreground/70 hover:bg-sidebar-foreground/5 hover:text-sidebar-foreground"
             ),
             children: [
-              /* @__PURE__ */ jsx3(
+              /* @__PURE__ */ jsx4(
                 Icon,
                 {
                   className: cn(
@@ -805,11 +843,11 @@ function Flyout({
                   "aria-hidden": "true"
                 }
               ),
-              /* @__PURE__ */ jsx3("span", { className: cn("truncate", collapsed && "sr-only"), children: label })
+              /* @__PURE__ */ jsx4("span", { className: cn("truncate", collapsed && "sr-only"), children: label })
             ]
           }
         ),
-        open && panelPosition && /* @__PURE__ */ jsx3(
+        open && panelPosition && /* @__PURE__ */ jsx4(
           "div",
           {
             ref: panelRef,
@@ -831,7 +869,7 @@ function Flyout({
               // silently loses the focus-on-open behavior (a console ref
               // warning, not a crash) — same tradeoff any Link-injection
               // pattern accepts; not a regression from today's plain `<a>`.
-              /* @__PURE__ */ jsx3(
+              /* @__PURE__ */ jsx4(
                 LinkEl,
                 {
                   ref: i === 0 ? firstItemRef : void 0,
@@ -855,7 +893,7 @@ function Flyout({
 }
 
 // src/app-sidebar.tsx
-import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 var DEFAULT_COLLAPSE_STORAGE_KEY = "reeve-sidebar-collapsed";
 var COLLAPSED_WIDTH_CLASS = "w-14";
 var EXPANDED_WIDTH_CLASS = "w-64";
@@ -873,7 +911,7 @@ function NavLink({
 }) {
   const Icon = resolveIcon(icon);
   const LinkEl = linkComponent ?? "a";
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs5(
     LinkEl,
     {
       href,
@@ -893,7 +931,7 @@ function NavLink({
         active ? "bg-sidebar-accent text-sidebar-accent-foreground" : "text-sidebar-foreground/70 hover:bg-sidebar-foreground/5 hover:text-sidebar-foreground"
       ),
       children: [
-        /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx5(
           Icon,
           {
             className: cn(
@@ -904,7 +942,7 @@ function NavLink({
             "aria-hidden": "true"
           }
         ),
-        /* @__PURE__ */ jsx4("span", { className: cn("truncate", collapsed && "sr-only"), children: label })
+        /* @__PURE__ */ jsx5("span", { className: cn("truncate", collapsed && "sr-only"), children: label })
       ]
     }
   );
@@ -992,7 +1030,7 @@ function AppSidebar({
   function renderAppItem(item, testIdPrefix, collapsedRow = false) {
     const def = moduleMap.get(item.moduleId);
     if (!def) return null;
-    return /* @__PURE__ */ jsx4(
+    return /* @__PURE__ */ jsx5(
       NavLink,
       {
         href: def.href,
@@ -1018,7 +1056,7 @@ function AppSidebar({
       };
     });
     const active = children.some((c) => c.active);
-    return /* @__PURE__ */ jsx4(
+    return /* @__PURE__ */ jsx5(
       Flyout,
       {
         label: item.label,
@@ -1036,7 +1074,7 @@ function AppSidebar({
   function brandBlockFor(collapsedMode) {
     if (!brand) return null;
     if (collapsedMode) {
-      return /* @__PURE__ */ jsxs4(
+      return /* @__PURE__ */ jsxs5(
         "a",
         {
           href: brand.href,
@@ -1044,28 +1082,28 @@ function AppSidebar({
           title: brand.label,
           className: "flex items-center justify-center border-b border-sidebar-border px-1 py-4",
           children: [
-            /* @__PURE__ */ jsx4("span", { className: "sr-only", children: brand.label }),
-            /* @__PURE__ */ jsx4(BrandGlyph, { brand: { name: brand.label }, size: "xl" })
+            /* @__PURE__ */ jsx5("span", { className: "sr-only", children: brand.label }),
+            /* @__PURE__ */ jsx5(BrandGlyph, { brand: { name: brand.label }, size: "xl" })
           ]
         }
       );
     }
-    return /* @__PURE__ */ jsxs4(
+    return /* @__PURE__ */ jsxs5(
       "a",
       {
         href: brand.href,
         "data-testid": "app-sidebar-brand",
         className: "flex items-center gap-2.5 border-b border-sidebar-border px-5 py-4 text-sidebar-foreground",
         children: [
-          /* @__PURE__ */ jsx4("span", { className: "grid size-7 place-items-center rounded-md bg-sidebar-primary text-sidebar-primary-foreground", children: /* @__PURE__ */ jsx4("span", { className: "font-mono text-sm font-bold", children: (brand.label[0] ?? "r").toUpperCase() }) }),
-          /* @__PURE__ */ jsx4("span", { className: "truncate text-sm font-semibold tracking-tight", children: brand.label })
+          /* @__PURE__ */ jsx5("span", { className: "grid size-7 place-items-center rounded-md bg-sidebar-primary text-sidebar-primary-foreground", children: /* @__PURE__ */ jsx5("span", { className: "font-mono text-sm font-bold", children: (brand.label[0] ?? "r").toUpperCase() }) }),
+          /* @__PURE__ */ jsx5("span", { className: "truncate text-sm font-semibold tracking-tight", children: brand.label })
         ]
       }
     );
   }
   function topItemBlock(testId, collapsedMode = false) {
     if (!topItem) return null;
-    return /* @__PURE__ */ jsx4("div", { className: cn("px-3 pt-4", collapsedMode && "flex justify-center px-0"), children: /* @__PURE__ */ jsx4(
+    return /* @__PURE__ */ jsx5("div", { className: cn("px-3 pt-4", collapsedMode && "flex justify-center px-0"), children: /* @__PURE__ */ jsx5(
       NavLink,
       {
         href: topItem.href,
@@ -1078,8 +1116,8 @@ function AppSidebar({
       }
     ) });
   }
-  return /* @__PURE__ */ jsxs4(Fragment2, { children: [
-    !isDesktop && /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsxs5(Fragment2, { children: [
+    !isDesktop && /* @__PURE__ */ jsx5(
       "button",
       {
         ref: mobileTriggerRef,
@@ -1091,11 +1129,11 @@ function AppSidebar({
         onClick: () => setMobileOpen((v) => !v),
         style: TOUCH_TARGET_STYLE,
         className: "flex items-center justify-center rounded-md border border-border p-2 text-foreground",
-        children: mobileOpen ? /* @__PURE__ */ jsx4(X2, { className: "h-5 w-5", "aria-hidden": "true" }) : /* @__PURE__ */ jsx4(Menu2, { className: "h-5 w-5", "aria-hidden": "true" })
+        children: mobileOpen ? /* @__PURE__ */ jsx5(X2, { className: "h-5 w-5", "aria-hidden": "true" }) : /* @__PURE__ */ jsx5(Menu2, { className: "h-5 w-5", "aria-hidden": "true" })
       }
     ),
-    !isDesktop && mobileOpen && /* @__PURE__ */ jsxs4("div", { className: "fixed inset-0 z-50", children: [
-      /* @__PURE__ */ jsx4(
+    !isDesktop && mobileOpen && /* @__PURE__ */ jsxs5("div", { className: "fixed inset-0 z-50", children: [
+      /* @__PURE__ */ jsx5(
         "div",
         {
           "data-testid": "app-sidebar-mobile-scrim",
@@ -1104,7 +1142,7 @@ function AppSidebar({
           onClick: () => setMobileOpen(false)
         }
       ),
-      /* @__PURE__ */ jsxs4(
+      /* @__PURE__ */ jsxs5(
         "div",
         {
           ref: mobileDrawerRef,
@@ -1115,7 +1153,7 @@ function AppSidebar({
           "data-testid": "app-sidebar-mobile-drawer",
           className: "absolute inset-y-0 left-0 flex w-72 flex-col overflow-y-auto border-r border-sidebar-border bg-sidebar",
           children: [
-            /* @__PURE__ */ jsx4("div", { className: "sticky top-0 z-10 flex justify-end bg-sidebar p-2", children: /* @__PURE__ */ jsx4(
+            /* @__PURE__ */ jsx5("div", { className: "sticky top-0 z-10 flex justify-end bg-sidebar p-2", children: /* @__PURE__ */ jsx5(
               "button",
               {
                 ref: mobileCloseRef,
@@ -1125,19 +1163,19 @@ function AppSidebar({
                 onClick: () => setMobileOpen(false),
                 style: TOUCH_TARGET_STYLE,
                 className: "flex items-center justify-center rounded-md p-2 text-sidebar-foreground/70 hover:bg-sidebar-foreground/5 hover:text-sidebar-foreground",
-                children: /* @__PURE__ */ jsx4(X2, { className: "h-5 w-5", "aria-hidden": "true" })
+                children: /* @__PURE__ */ jsx5(X2, { className: "h-5 w-5", "aria-hidden": "true" })
               }
             ) }),
             brandBlockFor(false),
             topItemBlock("app-sidebar-mobile-top-item"),
-            /* @__PURE__ */ jsx4("nav", { className: "flex-1 px-3 py-4", children: /* @__PURE__ */ jsx4("div", { className: "flex flex-col gap-0.5", children: rung0.items.map(
+            /* @__PURE__ */ jsx5("nav", { className: "flex-1 px-3 py-4", children: /* @__PURE__ */ jsx5("div", { className: "flex flex-col gap-0.5", children: rung0.items.map(
               (item) => item.type === "app" ? renderAppItem(item, "app-sidebar-mobile-navlink") : null
             ) }) })
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs4(
+    /* @__PURE__ */ jsxs5(
       "aside",
       {
         "data-testid": "app-sidebar-desktop",
@@ -1152,18 +1190,18 @@ function AppSidebar({
         children: [
           brandBlockFor(collapsed),
           topItemBlock("app-sidebar-top-item", collapsed),
-          /* @__PURE__ */ jsx4(
+          /* @__PURE__ */ jsx5(
             "nav",
             {
               ref: containerRef,
               "data-testid": "app-sidebar-nav",
               className: "flex-1 overflow-y-auto px-3 py-4",
-              children: /* @__PURE__ */ jsx4("div", { className: "flex flex-col gap-0.5", children: rung.items.map(
+              children: /* @__PURE__ */ jsx5("div", { className: "flex flex-col gap-0.5", children: rung.items.map(
                 (item) => item.type === "app" ? renderAppItem(item, "app-sidebar-navlink", collapsed) : renderGroupItem(item, collapsed)
               ) })
             }
           ),
-          collapsible && /* @__PURE__ */ jsx4("div", { className: "border-t border-sidebar-border px-2 py-2", children: /* @__PURE__ */ jsxs4(
+          collapsible && /* @__PURE__ */ jsx5("div", { className: "border-t border-sidebar-border px-2 py-2", children: /* @__PURE__ */ jsxs5(
             "button",
             {
               type: "button",
@@ -1177,8 +1215,8 @@ function AppSidebar({
                 collapsed && "justify-center px-0"
               ),
               children: [
-                collapsed ? /* @__PURE__ */ jsx4(PanelLeftOpen, { className: "size-4 shrink-0", strokeWidth: 1.5, "aria-hidden": "true" }) : /* @__PURE__ */ jsx4(PanelLeftClose, { className: "size-4 shrink-0", strokeWidth: 1.5, "aria-hidden": "true" }),
-                /* @__PURE__ */ jsx4("span", { className: cn("truncate", collapsed && "sr-only"), children: collapsed ? "Expand sidebar" : "Collapse sidebar" })
+                collapsed ? /* @__PURE__ */ jsx5(PanelLeftOpen, { className: "size-4 shrink-0", strokeWidth: 1.5, "aria-hidden": "true" }) : /* @__PURE__ */ jsx5(PanelLeftClose, { className: "size-4 shrink-0", strokeWidth: 1.5, "aria-hidden": "true" }),
+                /* @__PURE__ */ jsx5("span", { className: cn("truncate", collapsed && "sr-only"), children: collapsed ? "Expand sidebar" : "Collapse sidebar" })
               ]
             }
           ) })
@@ -1217,19 +1255,19 @@ function groupItemsByOrg(rows, get) {
 
 // src/lib/dropdown-menu.tsx
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import { jsx as jsx5 } from "react/jsx-runtime";
+import { jsx as jsx6 } from "react/jsx-runtime";
 function DropdownMenu(props) {
-  return /* @__PURE__ */ jsx5(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
+  return /* @__PURE__ */ jsx6(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
 }
 function DropdownMenuTrigger(props) {
-  return /* @__PURE__ */ jsx5(DropdownMenuPrimitive.Trigger, { "data-slot": "dropdown-menu-trigger", ...props });
+  return /* @__PURE__ */ jsx6(DropdownMenuPrimitive.Trigger, { "data-slot": "dropdown-menu-trigger", ...props });
 }
 function DropdownMenuContent({
   className,
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ jsx5(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx6(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx6(
     DropdownMenuPrimitive.Content,
     {
       "data-slot": "dropdown-menu-content",
@@ -1246,7 +1284,7 @@ function DropdownMenuItem({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx6(
     DropdownMenuPrimitive.Item,
     {
       "data-slot": "dropdown-menu-item",
@@ -1262,7 +1300,7 @@ function DropdownMenuLabel({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx6(
     DropdownMenuPrimitive.Label,
     {
       "data-slot": "dropdown-menu-label",
@@ -1273,7 +1311,7 @@ function DropdownMenuLabel({
 }
 
 // src/context-switcher.tsx
-import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 function groupByOrg(items) {
   return groupItemsByOrg(items, {
     orgId: (it) => it.orgId,
@@ -1304,29 +1342,29 @@ function ContextSwitcher({
   const active = items.find((it) => it.refId === activeRefId) ?? null;
   const groups = groupByOrg(items);
   const showOrgHeaders = groups.length > 1;
-  return /* @__PURE__ */ jsxs5(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx6(DropdownMenuTrigger, { asChild: true, children: collapsed ? /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsxs6(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx7(DropdownMenuTrigger, { asChild: true, children: collapsed ? /* @__PURE__ */ jsx7(
       "button",
       {
         type: "button",
         title: active?.name || placeholder,
         "aria-label": active?.name || placeholder,
         className: "flex h-10 w-10 items-center justify-center rounded-lg text-sidebar-foreground/70 transition-colors hover:bg-sidebar-foreground/5 hover:text-sidebar-foreground",
-        children: /* @__PURE__ */ jsx6(BrandGlyph, { brand: toBrand(active ?? { name: "" }), size: "lg" })
+        children: /* @__PURE__ */ jsx7(BrandGlyph, { brand: toBrand(active ?? { name: "" }), size: "lg" })
       }
-    ) : /* @__PURE__ */ jsxs5(
+    ) : /* @__PURE__ */ jsxs6(
       "button",
       {
         type: "button",
         className: "group flex items-center gap-2 rounded-md border border-sidebar-border bg-sidebar-accent/60 px-2.5 py-1.5 text-sm font-medium transition-colors hover:bg-sidebar",
         children: [
-          /* @__PURE__ */ jsx6(BrandGlyph, { brand: toBrand(active ?? { name: "" }) }),
-          /* @__PURE__ */ jsx6("span", { className: "max-w-[140px] truncate text-sidebar-accent-foreground", children: active?.name || placeholder }),
-          /* @__PURE__ */ jsx6(ChevronDown, { className: "h-3.5 w-3.5 text-sidebar-foreground/70 transition-transform group-data-[state=open]:rotate-180" })
+          /* @__PURE__ */ jsx7(BrandGlyph, { brand: toBrand(active ?? { name: "" }) }),
+          /* @__PURE__ */ jsx7("span", { className: "max-w-[140px] truncate text-sidebar-accent-foreground", children: active?.name || placeholder }),
+          /* @__PURE__ */ jsx7(ChevronDown, { className: "h-3.5 w-3.5 text-sidebar-foreground/70 transition-transform group-data-[state=open]:rotate-180" })
         ]
       }
     ) }),
-    /* @__PURE__ */ jsxs5(
+    /* @__PURE__ */ jsxs6(
       DropdownMenuContent,
       {
         side,
@@ -1335,31 +1373,31 @@ function ContextSwitcher({
         collisionPadding: 8,
         className: cn("w-60 overflow-hidden p-0", contentClassName),
         children: [
-          groups.map((group) => /* @__PURE__ */ jsxs5("div", { children: [
-            showOrgHeaders && /* @__PURE__ */ jsx6(DropdownMenuLabel, { className: "px-3 pb-1 pt-2 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: group.orgName ?? "Other" }),
-            /* @__PURE__ */ jsx6("div", { className: cn(showOrgHeaders && "ml-5 border-l border-border/60"), children: group.items.map((item) => {
+          groups.map((group) => /* @__PURE__ */ jsxs6("div", { children: [
+            showOrgHeaders && /* @__PURE__ */ jsx7(DropdownMenuLabel, { className: "px-3 pb-1 pt-2 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: group.orgName ?? "Other" }),
+            /* @__PURE__ */ jsx7("div", { className: cn(showOrgHeaders && "ml-5 border-l border-border/60"), children: group.items.map((item) => {
               const isActive = item.refId === activeRefId;
-              return /* @__PURE__ */ jsxs5(
+              return /* @__PURE__ */ jsxs6(
                 DropdownMenuItem,
                 {
                   "data-active": isActive || void 0,
                   onSelect: () => onSelect(item),
                   className: "flex w-full items-center gap-2.5 rounded-none px-3 py-2 text-sm",
                   children: [
-                    /* @__PURE__ */ jsx6(BrandGlyph, { brand: toBrand(item), subtle: true }),
-                    /* @__PURE__ */ jsx6("span", { className: "flex-1 truncate text-left text-foreground/90", children: item.name }),
-                    item.kindLabel && /* @__PURE__ */ jsxs5(Fragment3, { children: [
+                    /* @__PURE__ */ jsx7(BrandGlyph, { brand: toBrand(item), subtle: true }),
+                    /* @__PURE__ */ jsx7("span", { className: "flex-1 truncate text-left text-foreground/90", children: item.name }),
+                    item.kindLabel && /* @__PURE__ */ jsxs6(Fragment3, { children: [
                       " ",
-                      /* @__PURE__ */ jsx6("span", { className: "shrink-0 text-[11px] text-muted-foreground", children: item.kindLabel })
+                      /* @__PURE__ */ jsx7("span", { className: "shrink-0 text-[11px] text-muted-foreground", children: item.kindLabel })
                     ] }),
-                    isActive && /* @__PURE__ */ jsx6(Check, { className: "size-3.5 text-emerald-500" })
+                    isActive && /* @__PURE__ */ jsx7(Check, { className: "size-3.5 text-emerald-500" })
                   ]
                 },
                 item.refId
               );
             }) })
           ] }, group.orgId ?? "unattributed")),
-          footer && /* @__PURE__ */ jsx6("div", { className: "sticky bottom-0 border-t border-border bg-popover", children: footer })
+          footer && /* @__PURE__ */ jsx7("div", { className: "sticky bottom-0 border-t border-border bg-popover", children: footer })
         ]
       }
     )
@@ -1368,7 +1406,7 @@ function ContextSwitcher({
 
 // src/connector-picker.tsx
 import { useCallback as useCallback4, useEffect as useEffect6, useRef as useRef5, useState as useState7 } from "react";
-import { Fragment as Fragment4, jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 var DEFAULT_CONNECT_ERROR = "Couldn't start the connection. Please try again.";
 var MAX_RECONNECT_REFOCUS_CHECKS = 3;
 var RECONNECT_UNCONFIRMED_ERROR = "Couldn't confirm the reconnect \u2014 the connection still reports unhealthy. Try again, or disconnect and reconnect.";
@@ -1377,7 +1415,6 @@ var DEFAULT_LOAD_ERROR = "Couldn't load connections. Please try again.";
 var DEFAULT_GRANTS_LOAD_ERROR = "Couldn't load sharing. Please try again.";
 var DEFAULT_GRANT_ERROR = "Couldn't share. Please try again.";
 var DEFAULT_REVOKE_ERROR = "Couldn't revoke access. Please try again.";
-var DEFAULT_ORG_DISABLED_REASON = "Org-wide connections aren't available to you.";
 var DEFAULT_CREDENTIAL_ERROR = "Couldn't save that credential. Please try again.";
 var DEFAULT_CREDENTIAL_TEST_ERROR = "Couldn't test that credential. Please try again.";
 var DEFAULT_RECONNECT_MESSAGE = "This connection needs to be reconnected to keep working.";
@@ -1396,11 +1433,6 @@ function capabilityLabel(capability) {
   if (capability === "write") return "Write only";
   return "Read & write";
 }
-function formatSince(since) {
-  const parsed = new Date(since);
-  if (Number.isNaN(parsed.getTime())) return since;
-  return parsed.toLocaleDateString(void 0, { year: "numeric", month: "short", day: "numeric" });
-}
 function errorMessageFrom(err, fallback) {
   return err instanceof Error && err.message ? err.message : fallback;
 }
@@ -1622,35 +1654,35 @@ function ConnectorPicker({
   );
   const ownEntries = entries?.filter((entry) => !isSharedWithViewer(entry)) ?? null;
   const sharedEntries = entries?.filter(isSharedWithViewer) ?? [];
-  return /* @__PURE__ */ jsxs6("div", { "data-testid": "connector-picker", "data-layout": layout, className: "flex flex-col gap-4", children: [
-    /* @__PURE__ */ jsxs6("div", { className: containerClassName, children: [
-      entries === null && !loadError && Array.from({ length: SKELETON_COUNT }).map((_, i) => /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs7("div", { "data-testid": "connector-picker", "data-layout": layout, className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ jsxs7("div", { className: containerClassName, children: [
+      entries === null && !loadError && Array.from({ length: SKELETON_COUNT }).map((_, i) => /* @__PURE__ */ jsxs7(
         "div",
         {
           "data-testid": "connector-picker-skeleton-item",
           "aria-hidden": "true",
           className: "flex items-center gap-3 rounded-lg border border-border p-3",
           children: [
-            /* @__PURE__ */ jsx7("span", { className: "h-8 w-8 shrink-0 animate-pulse rounded bg-foreground/10" }),
-            /* @__PURE__ */ jsx7("span", { className: "h-3 flex-1 animate-pulse rounded bg-foreground/10" })
+            /* @__PURE__ */ jsx8("span", { className: "h-8 w-8 shrink-0 animate-pulse rounded bg-foreground/10" }),
+            /* @__PURE__ */ jsx8("span", { className: "h-3 flex-1 animate-pulse rounded bg-foreground/10" })
           ]
         },
         i
       )),
-      loadError && /* @__PURE__ */ jsxs6(
+      loadError && /* @__PURE__ */ jsxs7(
         "div",
         {
           role: "alert",
           "data-testid": "connector-picker-load-error",
           className: "flex items-center justify-between gap-3 rounded-lg border border-destructive/30 bg-destructive/5 p-3 text-sm text-destructive",
           children: [
-            /* @__PURE__ */ jsx7("span", { children: loadError }),
-            /* @__PURE__ */ jsx7("button", { type: "button", onClick: () => void load(), className: "shrink-0 underline", children: "Retry" })
+            /* @__PURE__ */ jsx8("span", { children: loadError }),
+            /* @__PURE__ */ jsx8("button", { type: "button", onClick: () => void load(), className: "shrink-0 underline", children: "Retry" })
           ]
         }
       ),
-      entries !== null && entries.length === 0 && !loadError && /* @__PURE__ */ jsx7("p", { "data-testid": "connector-picker-empty", className: "text-sm text-muted-foreground", children: "No connections available." }),
-      ownEntries?.map((entry) => /* @__PURE__ */ jsx7(
+      entries !== null && entries.length === 0 && !loadError && /* @__PURE__ */ jsx8("p", { "data-testid": "connector-picker-empty", className: "text-sm text-muted-foreground", children: "No connections available." }),
+      ownEntries?.map((entry) => /* @__PURE__ */ jsx8(
         ConnectorTile,
         {
           entry,
@@ -1670,9 +1702,9 @@ function ConnectorPicker({
         entry.slug
       ))
     ] }),
-    sharedEntries.length > 0 && /* @__PURE__ */ jsxs6("section", { "data-testid": "connector-picker-shared-with-me", className: "flex flex-col gap-2", children: [
-      /* @__PURE__ */ jsx7("h3", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: "Shared with me" }),
-      /* @__PURE__ */ jsx7("div", { className: containerClassName, children: sharedEntries.map((entry) => /* @__PURE__ */ jsx7(
+    sharedEntries.length > 0 && /* @__PURE__ */ jsxs7("section", { "data-testid": "connector-picker-shared-with-me", className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsx8("h3", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: "Shared with me" }),
+      /* @__PURE__ */ jsx8("div", { className: containerClassName, children: sharedEntries.map((entry) => /* @__PURE__ */ jsx8(
         ConnectorTile,
         {
           entry,
@@ -1724,11 +1756,11 @@ function ConnectorTile({
   const guide = entry.guide ?? null;
   const canSetUp = !isConnected && (pasteSupported || guide !== null);
   const orgPermitted = entry.org_connect?.permitted === true;
-  const orgDisabledReason = entry.org_connect?.reason || DEFAULT_ORG_DISABLED_REASON;
+  const connectKind = orgPermitted ? kind : "personal";
   const attribution = ownerLabel(entry);
   const canDisconnect = isConnected && !shared;
   const canManageSharing = isConnected && entry.connection.owned_by_viewer === true && grantsSupported;
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs7(
     "div",
     {
       "data-testid": `connector-tile-${entry.slug}`,
@@ -1736,12 +1768,12 @@ function ConnectorTile({
       "data-deprecated": entry.deprecated || void 0,
       className: cn("flex flex-col p-3", layout === "tiles" && "rounded-lg border border-border"),
       children: [
-        /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ jsx7(BrandGlyph, { brand: { name: entry.name, logo: entry.logo }, size: "lg" }),
-          /* @__PURE__ */ jsxs6("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx7("p", { className: "truncate text-sm font-medium", children: entry.name }),
-              entry.deprecated && /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx8(BrandGlyph, { brand: { name: entry.name, logo: entry.logo }, size: "lg" }),
+          /* @__PURE__ */ jsxs7("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx8("p", { className: "truncate text-sm font-medium", children: entry.name }),
+              entry.deprecated && /* @__PURE__ */ jsx8(
                 "span",
                 {
                   "data-testid": `connector-deprecated-${entry.slug}`,
@@ -1750,22 +1782,24 @@ function ConnectorTile({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
-              /* @__PURE__ */ jsx7("span", { "data-testid": `connector-capability-${entry.slug}`, children: capabilityLabel(entry.capability) }),
-              entry.category && /* @__PURE__ */ jsxs6(Fragment4, { children: [
-                /* @__PURE__ */ jsx7("span", { "aria-hidden": "true", children: "\xB7" }),
-                /* @__PURE__ */ jsx7("span", { className: "truncate", children: entry.category })
+            /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
+              /* @__PURE__ */ jsx8("span", { "data-testid": `connector-capability-${entry.slug}`, children: capabilityLabel(entry.capability) }),
+              isConnected && /* @__PURE__ */ jsxs7(Fragment4, { children: [
+                /* @__PURE__ */ jsx8("span", { "aria-hidden": "true", children: "\xB7" }),
+                /* @__PURE__ */ jsxs7(
+                  "span",
+                  {
+                    "data-testid": `connector-connected-${entry.slug}`,
+                    className: "inline-flex items-center gap-1",
+                    children: [
+                      /* @__PURE__ */ jsx8("span", { "aria-hidden": "true", className: "h-1.5 w-1.5 rounded-full bg-emerald-500" }),
+                      "Connected"
+                    ]
+                  }
+                )
               ] })
             ] }),
-            isConnected && /* @__PURE__ */ jsx7(
-              "p",
-              {
-                "data-testid": `connector-connected-since-${entry.slug}`,
-                className: "text-xs text-muted-foreground",
-                children: entry.connection.since ? `Connected since ${formatSince(entry.connection.since)}` : "Connected"
-              }
-            ),
-            isConnected && !shared && entry.connection.account_label && /* @__PURE__ */ jsxs6(
+            isConnected && !shared && entry.connection.account_label && /* @__PURE__ */ jsxs7(
               "p",
               {
                 "data-testid": `connector-account-${entry.slug}`,
@@ -1776,7 +1810,7 @@ function ConnectorTile({
                 ]
               }
             ),
-            isConnected && entry.access_summary && /* @__PURE__ */ jsx7(
+            isConnected && entry.access_summary && /* @__PURE__ */ jsx8(
               "p",
               {
                 "data-testid": `connector-access-summary-${entry.slug}`,
@@ -1784,7 +1818,7 @@ function ConnectorTile({
                 children: entry.access_summary
               }
             ),
-            unhealthy && /* @__PURE__ */ jsx7(
+            unhealthy && /* @__PURE__ */ jsx8(
               "p",
               {
                 role: "alert",
@@ -1793,7 +1827,7 @@ function ConnectorTile({
                 children: DEFAULT_RECONNECT_MESSAGE
               }
             ),
-            attribution && /* @__PURE__ */ jsx7(
+            attribution && /* @__PURE__ */ jsx8(
               "p",
               {
                 "data-testid": `connector-owner-${entry.slug}`,
@@ -1801,7 +1835,7 @@ function ConnectorTile({
                 children: attribution
               }
             ),
-            !isConnected && /* @__PURE__ */ jsxs6(
+            !isConnected && orgPermitted && /* @__PURE__ */ jsxs7(
               "div",
               {
                 "data-testid": `connector-kind-toggle-${entry.slug}`,
@@ -1809,13 +1843,14 @@ function ConnectorTile({
                 "aria-label": "Connect as",
                 className: "mt-1 flex items-center gap-1",
                 children: [
-                  /* @__PURE__ */ jsx7(
+                  /* @__PURE__ */ jsx8(
                     "button",
                     {
                       type: "button",
                       "data-testid": `connector-kind-personal-${entry.slug}`,
                       "aria-pressed": kind === "personal",
                       disabled: isConnecting,
+                      title: "Just for you",
                       onClick: () => setKind("personal"),
                       className: cn(
                         "rounded-full border px-2 py-0.5 text-[11px]",
@@ -1825,37 +1860,30 @@ function ConnectorTile({
                       children: "Personal"
                     }
                   ),
-                  /* @__PURE__ */ jsxs6(
+                  /* @__PURE__ */ jsx8(
                     "button",
                     {
                       type: "button",
                       "data-testid": `connector-kind-org-${entry.slug}`,
                       "aria-pressed": kind === "org",
-                      disabled: isConnecting || !orgPermitted,
-                      title: orgPermitted ? void 0 : orgDisabledReason,
+                      disabled: isConnecting,
+                      title: "For your whole org",
                       onClick: () => setKind("org"),
                       className: cn(
                         "rounded-full border px-2 py-0.5 text-[11px]",
                         kind === "org" ? "border-primary bg-primary/10 font-medium" : "border-border text-muted-foreground",
                         "disabled:opacity-50"
                       ),
-                      children: [
-                        "Org",
-                        !orgPermitted && /* @__PURE__ */ jsxs6("span", { className: "sr-only", children: [
-                          " (",
-                          orgDisabledReason,
-                          ")"
-                        ] })
-                      ]
+                      children: "Org"
                     }
                   )
                 ]
               }
             ),
-            errorMessage && /* @__PURE__ */ jsx7("p", { role: "alert", "data-testid": `connector-error-${entry.slug}`, className: "text-xs text-destructive", children: errorMessage })
+            errorMessage && /* @__PURE__ */ jsx8("p", { role: "alert", "data-testid": `connector-error-${entry.slug}`, className: "text-xs text-destructive", children: errorMessage })
           ] }),
-          isConnected ? /* @__PURE__ */ jsxs6("div", { className: "flex shrink-0 flex-col items-end gap-1", children: [
-            unhealthy && !shared && /* @__PURE__ */ jsx7(
+          isConnected ? /* @__PURE__ */ jsxs7("div", { className: "flex shrink-0 flex-col items-end gap-1", children: [
+            unhealthy && !shared && /* @__PURE__ */ jsx8(
               "button",
               {
                 type: "button",
@@ -1866,7 +1894,11 @@ function ConnectorTile({
                 children: isConnecting ? "Reconnecting\u2026" : "Reconnect"
               }
             ),
-            canDisconnect && /* @__PURE__ */ jsx7(
+            canDisconnect && // DEV-11580: the revoke reassurance lives in the title only —
+            // as an always-visible paragraph it wrapped to four lines
+            // beside every connected tile. Muted until hover so a
+            // destructive action isn't the loudest thing on the tile.
+            /* @__PURE__ */ jsx8(
               "button",
               {
                 type: "button",
@@ -1874,28 +1906,11 @@ function ConnectorTile({
                 title: DISCONNECT_REVOKES_HINT,
                 onClick: () => onDisconnect(entry),
                 disabled: isDisconnecting || isConnecting,
-                className: "shrink-0 rounded-md px-2.5 py-1 text-xs font-medium text-destructive hover:bg-destructive/10 disabled:opacity-50",
+                className: "shrink-0 rounded-md px-2.5 py-1 text-xs font-medium text-muted-foreground hover:bg-destructive/10 hover:text-destructive disabled:opacity-50",
                 children: isDisconnecting ? "Disconnecting\u2026" : "Disconnect"
               }
             ),
-            canDisconnect && // Outcome-eval finding (DEV-7873): with no width cap, this
-            // paragraph's one long sentence forced the WHOLE shrink-0
-            // button column to grow to its natural (unwrapped) width,
-            // squeezing the sibling `min-w-0 flex-1` text column down to
-            // one word per line at any realistic tile width. RTL's jsdom
-            // tests never caught it — jsdom doesn't lay out real flexbox
-            // sizing, so every textContent assertion still passed. A
-            // narrow max-width forces the hint to wrap within the same
-            // footprint as the button above it instead.
-            /* @__PURE__ */ jsx7(
-              "p",
-              {
-                "data-testid": `connector-disconnect-hint-${entry.slug}`,
-                className: "max-w-28 text-right text-[11px] text-muted-foreground",
-                children: DISCONNECT_REVOKES_HINT
-              }
-            ),
-            canManageSharing && /* @__PURE__ */ jsx7(
+            canManageSharing && /* @__PURE__ */ jsx8(
               "button",
               {
                 type: "button",
@@ -1906,19 +1921,19 @@ function ConnectorTile({
                 children: sharingOpen ? "Hide sharing" : "Manage sharing"
               }
             )
-          ] }) : /* @__PURE__ */ jsxs6("div", { className: "flex shrink-0 flex-col items-end gap-1", children: [
-            /* @__PURE__ */ jsx7(
+          ] }) : /* @__PURE__ */ jsxs7("div", { className: "flex shrink-0 flex-col items-end gap-1", children: [
+            /* @__PURE__ */ jsx8(
               "button",
               {
                 type: "button",
                 "data-testid": `connector-connect-${entry.slug}`,
-                onClick: () => onConnect(entry, kind),
+                onClick: () => onConnect(entry, connectKind),
                 disabled: isConnecting,
                 className: "shrink-0 rounded-md bg-primary px-2.5 py-1 text-xs font-medium text-primary-foreground disabled:opacity-50",
                 children: isConnecting ? "Connecting\u2026" : "Connect"
               }
             ),
-            canSetUp && /* @__PURE__ */ jsx7(
+            canSetUp && /* @__PURE__ */ jsx8(
               "button",
               {
                 type: "button",
@@ -1932,20 +1947,20 @@ function ConnectorTile({
             )
           ] })
         ] }),
-        canSetUp && setupOpen && /* @__PURE__ */ jsxs6(
+        canSetUp && setupOpen && /* @__PURE__ */ jsxs7(
           "div",
           {
             id: `connector-setup-panel-${entry.slug}`,
             "data-testid": `connector-setup-panel-${entry.slug}`,
             className: "mt-2 flex flex-col gap-3 rounded-md border border-border bg-foreground/5 p-2",
             children: [
-              guide && /* @__PURE__ */ jsx7(SetupGuidePanel, { entry, guide, showVerify: !pasteSupported }),
-              pasteSupported && /* @__PURE__ */ jsx7(
+              guide && /* @__PURE__ */ jsx8(SetupGuidePanel, { entry, guide, showVerify: !pasteSupported }),
+              pasteSupported && /* @__PURE__ */ jsx8(
                 CredentialForm,
                 {
                   entry,
                   fields: credentialFields,
-                  kind,
+                  kind: connectKind,
                   verify: guide?.verify ?? null,
                   testSupported: credentialTestSupported,
                   onSubmitCredentials,
@@ -1955,7 +1970,7 @@ function ConnectorTile({
             ]
           }
         ),
-        canManageSharing && sharingOpen && /* @__PURE__ */ jsx7(
+        canManageSharing && sharingOpen && /* @__PURE__ */ jsx8(
           ManageSharing,
           {
             entry,
@@ -2005,8 +2020,8 @@ function CopyableValue({ value, testId }) {
       setCopied(false);
     }
   }, [value]);
-  return /* @__PURE__ */ jsxs6("span", { className: "mt-1 flex items-center gap-1.5", children: [
-    /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsxs7("span", { className: "mt-1 flex items-center gap-1.5", children: [
+    /* @__PURE__ */ jsx8(
       "code",
       {
         "data-testid": `${testId}-value`,
@@ -2014,7 +2029,7 @@ function CopyableValue({ value, testId }) {
         children: value
       }
     ),
-    /* @__PURE__ */ jsx7(
+    /* @__PURE__ */ jsx8(
       "button",
       {
         type: "button",
@@ -2040,8 +2055,8 @@ function SetupGuidePanel({
       ungrounded
     );
   }, [entry.slug, guide, leaked]);
-  return /* @__PURE__ */ jsxs6("div", { "data-testid": `connector-guide-${entry.slug}`, className: "flex flex-col gap-2", children: [
-    leaked && isDevEnvironment() && /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs7("div", { "data-testid": `connector-guide-${entry.slug}`, className: "flex flex-col gap-2", children: [
+    leaked && isDevEnvironment() && /* @__PURE__ */ jsxs7(
       "p",
       {
         role: "alert",
@@ -2053,25 +2068,25 @@ function SetupGuidePanel({
         ]
       }
     ),
-    prerequisites.length > 0 && /* @__PURE__ */ jsxs6("div", { children: [
-      /* @__PURE__ */ jsx7("h4", { className: "text-xs font-medium", children: "Before you start" }),
-      /* @__PURE__ */ jsx7(
+    prerequisites.length > 0 && /* @__PURE__ */ jsxs7("div", { children: [
+      /* @__PURE__ */ jsx8("h4", { className: "text-xs font-medium", children: "Before you start" }),
+      /* @__PURE__ */ jsx8(
         "ul",
         {
           "data-testid": `connector-guide-prerequisites-${entry.slug}`,
           className: "mt-1 list-disc pl-4 text-xs text-muted-foreground",
-          children: prerequisites.map((item) => /* @__PURE__ */ jsx7("li", { children: item }, item))
+          children: prerequisites.map((item) => /* @__PURE__ */ jsx8("li", { children: item }, item))
         }
       )
     ] }),
-    steps.length > 0 && /* @__PURE__ */ jsx7(
+    steps.length > 0 && /* @__PURE__ */ jsx8(
       "ol",
       {
         "data-testid": `connector-guide-steps-${entry.slug}`,
         className: "list-decimal pl-4 text-xs",
-        children: steps.map((step, index) => /* @__PURE__ */ jsxs6("li", { className: "mt-1 first:mt-0", children: [
-          /* @__PURE__ */ jsx7("span", { children: step.text }),
-          step.copyable && /* @__PURE__ */ jsx7(
+        children: steps.map((step, index) => /* @__PURE__ */ jsxs7("li", { className: "mt-1 first:mt-0", children: [
+          /* @__PURE__ */ jsx8("span", { children: step.text }),
+          step.copyable && /* @__PURE__ */ jsx8(
             CopyableValue,
             {
               value: step.copyable,
@@ -2081,7 +2096,7 @@ function SetupGuidePanel({
         ] }, step.text))
       }
     ),
-    scopeNote && /* @__PURE__ */ jsx7(
+    scopeNote && /* @__PURE__ */ jsx8(
       "p",
       {
         "data-testid": `connector-guide-scope-note-${entry.slug}`,
@@ -2089,7 +2104,7 @@ function SetupGuidePanel({
         children: scopeNote
       }
     ),
-    showVerify && verify && /* @__PURE__ */ jsx7(
+    showVerify && verify && /* @__PURE__ */ jsx8(
       "p",
       {
         "data-testid": `connector-guide-verify-${entry.slug}`,
@@ -2153,7 +2168,7 @@ function CredentialForm({
       setBusy(false);
     }
   }, [kind, onSubmitCredentials, values]);
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs7(
     "form",
     {
       "data-testid": `connector-credential-form-${entry.slug}`,
@@ -2167,12 +2182,12 @@ function CredentialForm({
         fields.map((field) => {
           const inputId = `connector-credential-${entry.slug}-${field.key}`;
           const fieldError = fieldErrors?.[field.key] ?? null;
-          return /* @__PURE__ */ jsxs6("div", { className: "flex flex-col gap-1", children: [
-            /* @__PURE__ */ jsxs6("label", { htmlFor: inputId, className: "text-xs font-medium", children: [
+          return /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-1", children: [
+            /* @__PURE__ */ jsxs7("label", { htmlFor: inputId, className: "text-xs font-medium", children: [
               field.label,
-              field.required !== false && /* @__PURE__ */ jsx7("span", { "aria-hidden": "true", className: "ml-0.5 text-destructive", children: "*" })
+              field.required !== false && /* @__PURE__ */ jsx8("span", { "aria-hidden": "true", className: "ml-0.5 text-destructive", children: "*" })
             ] }),
-            /* @__PURE__ */ jsx7(
+            /* @__PURE__ */ jsx8(
               "input",
               {
                 id: inputId,
@@ -2192,7 +2207,7 @@ function CredentialForm({
                 )
               }
             ),
-            fieldError && /* @__PURE__ */ jsx7(
+            fieldError && /* @__PURE__ */ jsx8(
               "p",
               {
                 id: `${inputId}-error`,
@@ -2203,7 +2218,7 @@ function CredentialForm({
             )
           ] }, field.key);
         }),
-        verify && /* @__PURE__ */ jsx7(
+        verify && /* @__PURE__ */ jsx8(
           "p",
           {
             "data-testid": `connector-guide-verify-${entry.slug}`,
@@ -2211,8 +2226,8 @@ function CredentialForm({
             children: verify
           }
         ),
-        result && /* @__PURE__ */ jsx7(CredentialTestResult, { entry, result }),
-        error && /* @__PURE__ */ jsx7(
+        result && /* @__PURE__ */ jsx8(CredentialTestResult, { entry, result }),
+        error && /* @__PURE__ */ jsx8(
           "p",
           {
             role: "alert",
@@ -2221,8 +2236,8 @@ function CredentialForm({
             children: error
           }
         ),
-        /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-end gap-1.5", children: [
-          testSupported && /* @__PURE__ */ jsx7(
+        /* @__PURE__ */ jsxs7("div", { className: "flex items-center justify-end gap-1.5", children: [
+          testSupported && /* @__PURE__ */ jsx8(
             "button",
             {
               type: "button",
@@ -2233,7 +2248,7 @@ function CredentialForm({
               children: testing ? "Testing\u2026" : "Test connection"
             }
           ),
-          /* @__PURE__ */ jsx7(
+          /* @__PURE__ */ jsx8(
             "button",
             {
               type: "submit",
@@ -2254,15 +2269,15 @@ function CredentialTestResult({
   result
 }) {
   if (result.valid === true) {
-    return /* @__PURE__ */ jsxs6(
+    return /* @__PURE__ */ jsxs7(
       "div",
       {
         role: "status",
         "data-testid": `connector-credential-test-pass-${entry.slug}`,
         className: "rounded-md border border-primary/30 bg-primary/5 px-2 py-1 text-xs",
         children: [
-          /* @__PURE__ */ jsx7("p", { children: result.account_name ? `Verified \u2014 connected as ${result.account_name}.` : "Verified \u2014 these credentials work." }),
-          result.permissions_note && /* @__PURE__ */ jsx7(
+          /* @__PURE__ */ jsx8("p", { children: result.account_name ? `Verified \u2014 connected as ${result.account_name}.` : "Verified \u2014 these credentials work." }),
+          result.permissions_note && /* @__PURE__ */ jsx8(
             "p",
             {
               "data-testid": `connector-credential-permissions-${entry.slug}`,
@@ -2275,7 +2290,7 @@ function CredentialTestResult({
     );
   }
   if (result.valid === false) {
-    return /* @__PURE__ */ jsx7(
+    return /* @__PURE__ */ jsx8(
       "p",
       {
         role: "alert",
@@ -2285,7 +2300,7 @@ function CredentialTestResult({
       }
     );
   }
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx8(
     "p",
     {
       role: "status",
@@ -2348,13 +2363,13 @@ function ManageSharing({
     },
     [load, revokeGrant]
   );
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs7(
     "div",
     {
       "data-testid": `connector-sharing-panel-${entry.slug}`,
       className: "mt-2 flex flex-col gap-2 rounded-md border border-border bg-foreground/5 p-2",
       children: [
-        grants === null && !error && /* @__PURE__ */ jsx7(
+        grants === null && !error && /* @__PURE__ */ jsx8(
           "p",
           {
             "data-testid": `connector-grants-loading-${entry.slug}`,
@@ -2362,7 +2377,7 @@ function ManageSharing({
             children: "Loading sharing\u2026"
           }
         ),
-        error && /* @__PURE__ */ jsx7(
+        error && /* @__PURE__ */ jsx8(
           "p",
           {
             role: "alert",
@@ -2371,7 +2386,7 @@ function ManageSharing({
             children: error
           }
         ),
-        grants !== null && grants.length === 0 && /* @__PURE__ */ jsx7(
+        grants !== null && grants.length === 0 && /* @__PURE__ */ jsx8(
           "p",
           {
             "data-testid": `connector-grants-empty-${entry.slug}`,
@@ -2379,21 +2394,21 @@ function ManageSharing({
             children: "Not shared with anyone yet."
           }
         ),
-        grants?.map((grant) => /* @__PURE__ */ jsxs6(
+        grants?.map((grant) => /* @__PURE__ */ jsxs7(
           "div",
           {
             "data-testid": `connector-grant-${entry.slug}-${grant.id}`,
             className: "flex items-center justify-between gap-2 text-xs",
             children: [
-              /* @__PURE__ */ jsxs6("span", { className: "truncate", children: [
+              /* @__PURE__ */ jsxs7("span", { className: "truncate", children: [
                 grant.grantee_name || grant.grantee_id,
-                /* @__PURE__ */ jsxs6("span", { className: "text-muted-foreground", children: [
+                /* @__PURE__ */ jsxs7("span", { className: "text-muted-foreground", children: [
                   " ",
                   "\xB7 ",
                   grant.grantee_type === "role" ? "Role" : "User"
                 ] })
               ] }),
-              /* @__PURE__ */ jsx7(
+              /* @__PURE__ */ jsx8(
                 "button",
                 {
                   type: "button",
@@ -2408,8 +2423,8 @@ function ManageSharing({
           },
           grant.id
         )),
-        /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-1.5", children: [
-          /* @__PURE__ */ jsxs6(
+        /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsxs7(
             "select",
             {
               "data-testid": `connector-grant-type-${entry.slug}`,
@@ -2422,12 +2437,12 @@ function ManageSharing({
               disabled: busy,
               className: "rounded-md border border-border bg-transparent px-1.5 py-1 text-xs disabled:opacity-50",
               children: [
-                /* @__PURE__ */ jsx7("option", { value: "user", children: "User" }),
-                /* @__PURE__ */ jsx7("option", { value: "role", children: "Role" })
+                /* @__PURE__ */ jsx8("option", { value: "user", children: "User" }),
+                /* @__PURE__ */ jsx8("option", { value: "role", children: "Role" })
               ]
             }
           ),
-          granteeType === "user" ? /* @__PURE__ */ jsx7(
+          granteeType === "user" ? /* @__PURE__ */ jsx8(
             "input",
             {
               "data-testid": `connector-grant-grantee-${entry.slug}`,
@@ -2438,7 +2453,7 @@ function ManageSharing({
               disabled: busy,
               className: "min-w-0 flex-1 rounded-md border border-border bg-transparent px-1.5 py-1 text-xs disabled:opacity-50"
             }
-          ) : /* @__PURE__ */ jsxs6(
+          ) : /* @__PURE__ */ jsxs7(
             "select",
             {
               "data-testid": `connector-grant-role-${entry.slug}`,
@@ -2448,12 +2463,12 @@ function ManageSharing({
               disabled: busy,
               className: "min-w-0 flex-1 rounded-md border border-border bg-transparent px-1.5 py-1 text-xs disabled:opacity-50",
               children: [
-                /* @__PURE__ */ jsx7("option", { value: "", children: "Select a role\u2026" }),
-                roleOptions.map((role) => /* @__PURE__ */ jsx7("option", { value: role.id, children: role.name }, role.id))
+                /* @__PURE__ */ jsx8("option", { value: "", children: "Select a role\u2026" }),
+                roleOptions.map((role) => /* @__PURE__ */ jsx8("option", { value: role.id, children: role.name }, role.id))
               ]
             }
           ),
-          /* @__PURE__ */ jsx7(
+          /* @__PURE__ */ jsx8(
             "button",
             {
               type: "button",
@@ -2476,6 +2491,7 @@ export {
   ContextSwitcher,
   Flyout,
   GLYPH_CANVAS_FILL,
+  InfoTip,
   LOCKUP_GAP,
   LOCKUP_ROW,
   MARK_CAP_RATIO,