@meetreeve/ui 0.12.0 → 0.13.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/README.md +29 -0
  2. package/dist/index.d.mts +30 -1
  3. package/dist/index.d.ts +30 -1
  4. package/dist/index.js +197 -157
  5. package/dist/index.mjs +196 -157
  6. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -37,6 +37,7 @@ __export(src_exports, {
37
37
  ContextSwitcher: () => ContextSwitcher,
38
38
  Flyout: () => Flyout,
39
39
  GLYPH_CANVAS_FILL: () => GLYPH_CANVAS_FILL,
40
+ InfoTip: () => InfoTip,
40
41
  LOCKUP_GAP: () => LOCKUP_GAP,
41
42
  LOCKUP_ROW: () => LOCKUP_ROW,
42
43
  MARK_CAP_RATIO: () => MARK_CAP_RATIO,
@@ -472,6 +473,44 @@ function useResponsivePlaceholder(desktop, mobile) {
472
473
  return isDesktop ? desktop : mobile ?? desktop;
473
474
  }
474
475
 
476
+ // src/info-tip.tsx
477
+ var import_popover = require("@base-ui/react/popover");
478
+ var import_jsx_runtime3 = require("react/jsx-runtime");
479
+ function InfoTip({ children, label = "More information", side = "top", align = "center", className }) {
480
+ return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_popover.Popover.Root, { children: [
481
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
482
+ import_popover.Popover.Trigger,
483
+ {
484
+ openOnHover: true,
485
+ delay: 150,
486
+ closeDelay: 100,
487
+ "aria-label": label,
488
+ style: TOUCH_TARGET_STYLE,
489
+ className: cn(
490
+ "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",
491
+ className
492
+ ),
493
+ children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
494
+ "span",
495
+ {
496
+ "aria-hidden": "true",
497
+ 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",
498
+ children: "?"
499
+ }
500
+ )
501
+ }
502
+ ),
503
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_popover.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_popover.Popover.Positioner, { side, align, sideOffset: 8, collisionPadding: 16, className: "z-50", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
504
+ import_popover.Popover.Popup,
505
+ {
506
+ "aria-label": label,
507
+ 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",
508
+ children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_popover.Popover.Description, { children })
509
+ }
510
+ ) }) })
511
+ ] });
512
+ }
513
+
475
514
  // src/app-sidebar.tsx
476
515
  var import_react8 = require("react");
477
516
  var import_lucide_react2 = require("lucide-react");
@@ -754,7 +793,7 @@ function useLadderRung(ladder, containerRef, options = {}) {
754
793
 
755
794
  // src/ladder/flyout.tsx
756
795
  var import_react7 = require("react");
757
- var import_jsx_runtime3 = require("react/jsx-runtime");
796
+ var import_jsx_runtime4 = require("react/jsx-runtime");
758
797
  var PANEL_GAP = 4;
759
798
  function Flyout({
760
799
  label,
@@ -818,7 +857,7 @@ function Flyout({
818
857
  (0, import_react7.useEffect)(() => {
819
858
  if (clickOpen && panelPosition) firstItemRef.current?.focus();
820
859
  }, [clickOpen, panelPosition]);
821
- return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
860
+ return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
822
861
  "div",
823
862
  {
824
863
  "data-testid": "ladder-flyout",
@@ -826,7 +865,7 @@ function Flyout({
826
865
  onMouseEnter: () => setHoverOpen(true),
827
866
  onMouseLeave: () => setHoverOpen(false),
828
867
  children: [
829
- /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
868
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
830
869
  "button",
831
870
  {
832
871
  ref: triggerRef,
@@ -849,7 +888,7 @@ function Flyout({
849
888
  active ? "bg-sidebar-accent text-sidebar-accent-foreground" : "text-sidebar-foreground/70 hover:bg-sidebar-foreground/5 hover:text-sidebar-foreground"
850
889
  ),
851
890
  children: [
852
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
891
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
853
892
  Icon,
854
893
  {
855
894
  className: cn(
@@ -860,11 +899,11 @@ function Flyout({
860
899
  "aria-hidden": "true"
861
900
  }
862
901
  ),
863
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: cn("truncate", collapsed && "sr-only"), children: label })
902
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: cn("truncate", collapsed && "sr-only"), children: label })
864
903
  ]
865
904
  }
866
905
  ),
867
- open && panelPosition && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
906
+ open && panelPosition && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
868
907
  "div",
869
908
  {
870
909
  ref: panelRef,
@@ -886,7 +925,7 @@ function Flyout({
886
925
  // silently loses the focus-on-open behavior (a console ref
887
926
  // warning, not a crash) — same tradeoff any Link-injection
888
927
  // pattern accepts; not a regression from today's plain `<a>`.
889
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
928
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
890
929
  LinkEl,
891
930
  {
892
931
  ref: i === 0 ? firstItemRef : void 0,
@@ -910,7 +949,7 @@ function Flyout({
910
949
  }
911
950
 
912
951
  // src/app-sidebar.tsx
913
- var import_jsx_runtime4 = require("react/jsx-runtime");
952
+ var import_jsx_runtime5 = require("react/jsx-runtime");
914
953
  var DEFAULT_COLLAPSE_STORAGE_KEY = "reeve-sidebar-collapsed";
915
954
  var COLLAPSED_WIDTH_CLASS = "w-14";
916
955
  var EXPANDED_WIDTH_CLASS = "w-64";
@@ -928,7 +967,7 @@ function NavLink({
928
967
  }) {
929
968
  const Icon = resolveIcon(icon);
930
969
  const LinkEl = linkComponent ?? "a";
931
- return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
970
+ return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
932
971
  LinkEl,
933
972
  {
934
973
  href,
@@ -948,7 +987,7 @@ function NavLink({
948
987
  active ? "bg-sidebar-accent text-sidebar-accent-foreground" : "text-sidebar-foreground/70 hover:bg-sidebar-foreground/5 hover:text-sidebar-foreground"
949
988
  ),
950
989
  children: [
951
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
990
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
952
991
  Icon,
953
992
  {
954
993
  className: cn(
@@ -959,7 +998,7 @@ function NavLink({
959
998
  "aria-hidden": "true"
960
999
  }
961
1000
  ),
962
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: cn("truncate", collapsed && "sr-only"), children: label })
1001
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: cn("truncate", collapsed && "sr-only"), children: label })
963
1002
  ]
964
1003
  }
965
1004
  );
@@ -1047,7 +1086,7 @@ function AppSidebar({
1047
1086
  function renderAppItem(item, testIdPrefix, collapsedRow = false) {
1048
1087
  const def = moduleMap.get(item.moduleId);
1049
1088
  if (!def) return null;
1050
- return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
1089
+ return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
1051
1090
  NavLink,
1052
1091
  {
1053
1092
  href: def.href,
@@ -1073,7 +1112,7 @@ function AppSidebar({
1073
1112
  };
1074
1113
  });
1075
1114
  const active = children.some((c) => c.active);
1076
- return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
1115
+ return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
1077
1116
  Flyout,
1078
1117
  {
1079
1118
  label: item.label,
@@ -1091,7 +1130,7 @@ function AppSidebar({
1091
1130
  function brandBlockFor(collapsedMode) {
1092
1131
  if (!brand) return null;
1093
1132
  if (collapsedMode) {
1094
- return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
1133
+ return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
1095
1134
  "a",
1096
1135
  {
1097
1136
  href: brand.href,
@@ -1099,28 +1138,28 @@ function AppSidebar({
1099
1138
  title: brand.label,
1100
1139
  className: "flex items-center justify-center border-b border-sidebar-border px-1 py-4",
1101
1140
  children: [
1102
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "sr-only", children: brand.label }),
1103
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(BrandGlyph, { brand: { name: brand.label }, size: "xl" })
1141
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "sr-only", children: brand.label }),
1142
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(BrandGlyph, { brand: { name: brand.label }, size: "xl" })
1104
1143
  ]
1105
1144
  }
1106
1145
  );
1107
1146
  }
1108
- return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
1147
+ return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
1109
1148
  "a",
1110
1149
  {
1111
1150
  href: brand.href,
1112
1151
  "data-testid": "app-sidebar-brand",
1113
1152
  className: "flex items-center gap-2.5 border-b border-sidebar-border px-5 py-4 text-sidebar-foreground",
1114
1153
  children: [
1115
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "grid size-7 place-items-center rounded-md bg-sidebar-primary text-sidebar-primary-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "font-mono text-sm font-bold", children: (brand.label[0] ?? "r").toUpperCase() }) }),
1116
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "truncate text-sm font-semibold tracking-tight", children: brand.label })
1154
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "grid size-7 place-items-center rounded-md bg-sidebar-primary text-sidebar-primary-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "font-mono text-sm font-bold", children: (brand.label[0] ?? "r").toUpperCase() }) }),
1155
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "truncate text-sm font-semibold tracking-tight", children: brand.label })
1117
1156
  ]
1118
1157
  }
1119
1158
  );
1120
1159
  }
1121
1160
  function topItemBlock(testId, collapsedMode = false) {
1122
1161
  if (!topItem) return null;
1123
- return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: cn("px-3 pt-4", collapsedMode && "flex justify-center px-0"), children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
1162
+ return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: cn("px-3 pt-4", collapsedMode && "flex justify-center px-0"), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
1124
1163
  NavLink,
1125
1164
  {
1126
1165
  href: topItem.href,
@@ -1133,8 +1172,8 @@ function AppSidebar({
1133
1172
  }
1134
1173
  ) });
1135
1174
  }
1136
- return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
1137
- !isDesktop && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
1175
+ return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
1176
+ !isDesktop && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
1138
1177
  "button",
1139
1178
  {
1140
1179
  ref: mobileTriggerRef,
@@ -1146,11 +1185,11 @@ function AppSidebar({
1146
1185
  onClick: () => setMobileOpen((v) => !v),
1147
1186
  style: TOUCH_TARGET_STYLE,
1148
1187
  className: "flex items-center justify-center rounded-md border border-border p-2 text-foreground",
1149
- children: mobileOpen ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react2.X, { className: "h-5 w-5", "aria-hidden": "true" }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react2.Menu, { className: "h-5 w-5", "aria-hidden": "true" })
1188
+ children: mobileOpen ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react2.X, { className: "h-5 w-5", "aria-hidden": "true" }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react2.Menu, { className: "h-5 w-5", "aria-hidden": "true" })
1150
1189
  }
1151
1190
  ),
1152
- !isDesktop && mobileOpen && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "fixed inset-0 z-50", children: [
1153
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
1191
+ !isDesktop && mobileOpen && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "fixed inset-0 z-50", children: [
1192
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
1154
1193
  "div",
1155
1194
  {
1156
1195
  "data-testid": "app-sidebar-mobile-scrim",
@@ -1159,7 +1198,7 @@ function AppSidebar({
1159
1198
  onClick: () => setMobileOpen(false)
1160
1199
  }
1161
1200
  ),
1162
- /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
1201
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
1163
1202
  "div",
1164
1203
  {
1165
1204
  ref: mobileDrawerRef,
@@ -1170,7 +1209,7 @@ function AppSidebar({
1170
1209
  "data-testid": "app-sidebar-mobile-drawer",
1171
1210
  className: "absolute inset-y-0 left-0 flex w-72 flex-col overflow-y-auto border-r border-sidebar-border bg-sidebar",
1172
1211
  children: [
1173
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "sticky top-0 z-10 flex justify-end bg-sidebar p-2", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
1212
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "sticky top-0 z-10 flex justify-end bg-sidebar p-2", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
1174
1213
  "button",
1175
1214
  {
1176
1215
  ref: mobileCloseRef,
@@ -1180,19 +1219,19 @@ function AppSidebar({
1180
1219
  onClick: () => setMobileOpen(false),
1181
1220
  style: TOUCH_TARGET_STYLE,
1182
1221
  className: "flex items-center justify-center rounded-md p-2 text-sidebar-foreground/70 hover:bg-sidebar-foreground/5 hover:text-sidebar-foreground",
1183
- children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react2.X, { className: "h-5 w-5", "aria-hidden": "true" })
1222
+ children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react2.X, { className: "h-5 w-5", "aria-hidden": "true" })
1184
1223
  }
1185
1224
  ) }),
1186
1225
  brandBlockFor(false),
1187
1226
  topItemBlock("app-sidebar-mobile-top-item"),
1188
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("nav", { className: "flex-1 px-3 py-4", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "flex flex-col gap-0.5", children: rung0.items.map(
1227
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("nav", { className: "flex-1 px-3 py-4", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "flex flex-col gap-0.5", children: rung0.items.map(
1189
1228
  (item) => item.type === "app" ? renderAppItem(item, "app-sidebar-mobile-navlink") : null
1190
1229
  ) }) })
1191
1230
  ]
1192
1231
  }
1193
1232
  )
1194
1233
  ] }),
1195
- /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
1234
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
1196
1235
  "aside",
1197
1236
  {
1198
1237
  "data-testid": "app-sidebar-desktop",
@@ -1207,18 +1246,18 @@ function AppSidebar({
1207
1246
  children: [
1208
1247
  brandBlockFor(collapsed),
1209
1248
  topItemBlock("app-sidebar-top-item", collapsed),
1210
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
1249
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
1211
1250
  "nav",
1212
1251
  {
1213
1252
  ref: containerRef,
1214
1253
  "data-testid": "app-sidebar-nav",
1215
1254
  className: "flex-1 overflow-y-auto px-3 py-4",
1216
- children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "flex flex-col gap-0.5", children: rung.items.map(
1255
+ children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "flex flex-col gap-0.5", children: rung.items.map(
1217
1256
  (item) => item.type === "app" ? renderAppItem(item, "app-sidebar-navlink", collapsed) : renderGroupItem(item, collapsed)
1218
1257
  ) })
1219
1258
  }
1220
1259
  ),
1221
- collapsible && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "border-t border-sidebar-border px-2 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
1260
+ collapsible && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "border-t border-sidebar-border px-2 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
1222
1261
  "button",
1223
1262
  {
1224
1263
  type: "button",
@@ -1232,8 +1271,8 @@ function AppSidebar({
1232
1271
  collapsed && "justify-center px-0"
1233
1272
  ),
1234
1273
  children: [
1235
- collapsed ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react2.PanelLeftOpen, { className: "size-4 shrink-0", strokeWidth: 1.5, "aria-hidden": "true" }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react2.PanelLeftClose, { className: "size-4 shrink-0", strokeWidth: 1.5, "aria-hidden": "true" }),
1236
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: cn("truncate", collapsed && "sr-only"), children: collapsed ? "Expand sidebar" : "Collapse sidebar" })
1274
+ collapsed ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react2.PanelLeftOpen, { className: "size-4 shrink-0", strokeWidth: 1.5, "aria-hidden": "true" }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react2.PanelLeftClose, { className: "size-4 shrink-0", strokeWidth: 1.5, "aria-hidden": "true" }),
1275
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: cn("truncate", collapsed && "sr-only"), children: collapsed ? "Expand sidebar" : "Collapse sidebar" })
1237
1276
  ]
1238
1277
  }
1239
1278
  ) })
@@ -1272,19 +1311,19 @@ function groupItemsByOrg(rows, get) {
1272
1311
 
1273
1312
  // src/lib/dropdown-menu.tsx
1274
1313
  var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
1275
- var import_jsx_runtime5 = require("react/jsx-runtime");
1314
+ var import_jsx_runtime6 = require("react/jsx-runtime");
1276
1315
  function DropdownMenu(props) {
1277
- return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
1316
+ return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
1278
1317
  }
1279
1318
  function DropdownMenuTrigger(props) {
1280
- return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(DropdownMenuPrimitive.Trigger, { "data-slot": "dropdown-menu-trigger", ...props });
1319
+ return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DropdownMenuPrimitive.Trigger, { "data-slot": "dropdown-menu-trigger", ...props });
1281
1320
  }
1282
1321
  function DropdownMenuContent({
1283
1322
  className,
1284
1323
  sideOffset = 4,
1285
1324
  ...props
1286
1325
  }) {
1287
- return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
1326
+ return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
1288
1327
  DropdownMenuPrimitive.Content,
1289
1328
  {
1290
1329
  "data-slot": "dropdown-menu-content",
@@ -1301,7 +1340,7 @@ function DropdownMenuItem({
1301
1340
  className,
1302
1341
  ...props
1303
1342
  }) {
1304
- return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
1343
+ return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
1305
1344
  DropdownMenuPrimitive.Item,
1306
1345
  {
1307
1346
  "data-slot": "dropdown-menu-item",
@@ -1317,7 +1356,7 @@ function DropdownMenuLabel({
1317
1356
  className,
1318
1357
  ...props
1319
1358
  }) {
1320
- return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
1359
+ return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
1321
1360
  DropdownMenuPrimitive.Label,
1322
1361
  {
1323
1362
  "data-slot": "dropdown-menu-label",
@@ -1328,7 +1367,7 @@ function DropdownMenuLabel({
1328
1367
  }
1329
1368
 
1330
1369
  // src/context-switcher.tsx
1331
- var import_jsx_runtime6 = require("react/jsx-runtime");
1370
+ var import_jsx_runtime7 = require("react/jsx-runtime");
1332
1371
  function groupByOrg(items) {
1333
1372
  return groupItemsByOrg(items, {
1334
1373
  orgId: (it) => it.orgId,
@@ -1359,29 +1398,29 @@ function ContextSwitcher({
1359
1398
  const active = items.find((it) => it.refId === activeRefId) ?? null;
1360
1399
  const groups = groupByOrg(items);
1361
1400
  const showOrgHeaders = groups.length > 1;
1362
- return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(DropdownMenu, { children: [
1363
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DropdownMenuTrigger, { asChild: true, children: collapsed ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
1401
+ return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(DropdownMenu, { children: [
1402
+ /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(DropdownMenuTrigger, { asChild: true, children: collapsed ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
1364
1403
  "button",
1365
1404
  {
1366
1405
  type: "button",
1367
1406
  title: active?.name || placeholder,
1368
1407
  "aria-label": active?.name || placeholder,
1369
1408
  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",
1370
- children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BrandGlyph, { brand: toBrand(active ?? { name: "" }), size: "lg" })
1409
+ children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(BrandGlyph, { brand: toBrand(active ?? { name: "" }), size: "lg" })
1371
1410
  }
1372
- ) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
1411
+ ) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
1373
1412
  "button",
1374
1413
  {
1375
1414
  type: "button",
1376
1415
  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",
1377
1416
  children: [
1378
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BrandGlyph, { brand: toBrand(active ?? { name: "" }) }),
1379
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "max-w-[140px] truncate text-sidebar-accent-foreground", children: active?.name || placeholder }),
1380
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react3.ChevronDown, { className: "h-3.5 w-3.5 text-sidebar-foreground/70 transition-transform group-data-[state=open]:rotate-180" })
1417
+ /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(BrandGlyph, { brand: toBrand(active ?? { name: "" }) }),
1418
+ /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "max-w-[140px] truncate text-sidebar-accent-foreground", children: active?.name || placeholder }),
1419
+ /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react3.ChevronDown, { className: "h-3.5 w-3.5 text-sidebar-foreground/70 transition-transform group-data-[state=open]:rotate-180" })
1381
1420
  ]
1382
1421
  }
1383
1422
  ) }),
1384
- /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
1423
+ /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
1385
1424
  DropdownMenuContent,
1386
1425
  {
1387
1426
  side,
@@ -1390,31 +1429,31 @@ function ContextSwitcher({
1390
1429
  collisionPadding: 8,
1391
1430
  className: cn("w-60 overflow-hidden p-0", contentClassName),
1392
1431
  children: [
1393
- groups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
1394
- showOrgHeaders && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DropdownMenuLabel, { className: "px-3 pb-1 pt-2 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: group.orgName ?? "Other" }),
1395
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: cn(showOrgHeaders && "ml-5 border-l border-border/60"), children: group.items.map((item) => {
1432
+ groups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
1433
+ showOrgHeaders && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(DropdownMenuLabel, { className: "px-3 pb-1 pt-2 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: group.orgName ?? "Other" }),
1434
+ /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: cn(showOrgHeaders && "ml-5 border-l border-border/60"), children: group.items.map((item) => {
1396
1435
  const isActive = item.refId === activeRefId;
1397
- return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
1436
+ return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
1398
1437
  DropdownMenuItem,
1399
1438
  {
1400
1439
  "data-active": isActive || void 0,
1401
1440
  onSelect: () => onSelect(item),
1402
1441
  className: "flex w-full items-center gap-2.5 rounded-none px-3 py-2 text-sm",
1403
1442
  children: [
1404
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(BrandGlyph, { brand: toBrand(item), subtle: true }),
1405
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "flex-1 truncate text-left text-foreground/90", children: item.name }),
1406
- item.kindLabel && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
1443
+ /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(BrandGlyph, { brand: toBrand(item), subtle: true }),
1444
+ /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "flex-1 truncate text-left text-foreground/90", children: item.name }),
1445
+ item.kindLabel && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
1407
1446
  " ",
1408
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "shrink-0 text-[11px] text-muted-foreground", children: item.kindLabel })
1447
+ /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "shrink-0 text-[11px] text-muted-foreground", children: item.kindLabel })
1409
1448
  ] }),
1410
- isActive && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react3.Check, { className: "size-3.5 text-emerald-500" })
1449
+ isActive && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react3.Check, { className: "size-3.5 text-emerald-500" })
1411
1450
  ]
1412
1451
  },
1413
1452
  item.refId
1414
1453
  );
1415
1454
  }) })
1416
1455
  ] }, group.orgId ?? "unattributed")),
1417
- footer && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "sticky bottom-0 border-t border-border bg-popover", children: footer })
1456
+ footer && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "sticky bottom-0 border-t border-border bg-popover", children: footer })
1418
1457
  ]
1419
1458
  }
1420
1459
  )
@@ -1423,7 +1462,7 @@ function ContextSwitcher({
1423
1462
 
1424
1463
  // src/connector-picker.tsx
1425
1464
  var import_react9 = require("react");
1426
- var import_jsx_runtime7 = require("react/jsx-runtime");
1465
+ var import_jsx_runtime8 = require("react/jsx-runtime");
1427
1466
  var DEFAULT_CONNECT_ERROR = "Couldn't start the connection. Please try again.";
1428
1467
  var MAX_RECONNECT_REFOCUS_CHECKS = 3;
1429
1468
  var RECONNECT_UNCONFIRMED_ERROR = "Couldn't confirm the reconnect \u2014 the connection still reports unhealthy. Try again, or disconnect and reconnect.";
@@ -1677,35 +1716,35 @@ function ConnectorPicker({
1677
1716
  );
1678
1717
  const ownEntries = entries?.filter((entry) => !isSharedWithViewer(entry)) ?? null;
1679
1718
  const sharedEntries = entries?.filter(isSharedWithViewer) ?? [];
1680
- return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { "data-testid": "connector-picker", "data-layout": layout, className: "flex flex-col gap-4", children: [
1681
- /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: containerClassName, children: [
1682
- entries === null && !loadError && Array.from({ length: SKELETON_COUNT }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
1719
+ return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { "data-testid": "connector-picker", "data-layout": layout, className: "flex flex-col gap-4", children: [
1720
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: containerClassName, children: [
1721
+ entries === null && !loadError && Array.from({ length: SKELETON_COUNT }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
1683
1722
  "div",
1684
1723
  {
1685
1724
  "data-testid": "connector-picker-skeleton-item",
1686
1725
  "aria-hidden": "true",
1687
1726
  className: "flex items-center gap-3 rounded-lg border border-border p-3",
1688
1727
  children: [
1689
- /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "h-8 w-8 shrink-0 animate-pulse rounded bg-foreground/10" }),
1690
- /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "h-3 flex-1 animate-pulse rounded bg-foreground/10" })
1728
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "h-8 w-8 shrink-0 animate-pulse rounded bg-foreground/10" }),
1729
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "h-3 flex-1 animate-pulse rounded bg-foreground/10" })
1691
1730
  ]
1692
1731
  },
1693
1732
  i
1694
1733
  )),
1695
- loadError && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
1734
+ loadError && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
1696
1735
  "div",
1697
1736
  {
1698
1737
  role: "alert",
1699
1738
  "data-testid": "connector-picker-load-error",
1700
1739
  className: "flex items-center justify-between gap-3 rounded-lg border border-destructive/30 bg-destructive/5 p-3 text-sm text-destructive",
1701
1740
  children: [
1702
- /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: loadError }),
1703
- /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", onClick: () => void load(), className: "shrink-0 underline", children: "Retry" })
1741
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: loadError }),
1742
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { type: "button", onClick: () => void load(), className: "shrink-0 underline", children: "Retry" })
1704
1743
  ]
1705
1744
  }
1706
1745
  ),
1707
- entries !== null && entries.length === 0 && !loadError && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { "data-testid": "connector-picker-empty", className: "text-sm text-muted-foreground", children: "No connections available." }),
1708
- ownEntries?.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
1746
+ entries !== null && entries.length === 0 && !loadError && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { "data-testid": "connector-picker-empty", className: "text-sm text-muted-foreground", children: "No connections available." }),
1747
+ ownEntries?.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
1709
1748
  ConnectorTile,
1710
1749
  {
1711
1750
  entry,
@@ -1725,9 +1764,9 @@ function ConnectorPicker({
1725
1764
  entry.slug
1726
1765
  ))
1727
1766
  ] }),
1728
- sharedEntries.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("section", { "data-testid": "connector-picker-shared-with-me", className: "flex flex-col gap-2", children: [
1729
- /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h3", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: "Shared with me" }),
1730
- /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: containerClassName, children: sharedEntries.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
1767
+ sharedEntries.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("section", { "data-testid": "connector-picker-shared-with-me", className: "flex flex-col gap-2", children: [
1768
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h3", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: "Shared with me" }),
1769
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: containerClassName, children: sharedEntries.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
1731
1770
  ConnectorTile,
1732
1771
  {
1733
1772
  entry,
@@ -1783,7 +1822,7 @@ function ConnectorTile({
1783
1822
  const attribution = ownerLabel(entry);
1784
1823
  const canDisconnect = isConnected && !shared;
1785
1824
  const canManageSharing = isConnected && entry.connection.owned_by_viewer === true && grantsSupported;
1786
- return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
1825
+ return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
1787
1826
  "div",
1788
1827
  {
1789
1828
  "data-testid": `connector-tile-${entry.slug}`,
@@ -1791,12 +1830,12 @@ function ConnectorTile({
1791
1830
  "data-deprecated": entry.deprecated || void 0,
1792
1831
  className: cn("flex flex-col p-3", layout === "tiles" && "rounded-lg border border-border"),
1793
1832
  children: [
1794
- /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center gap-3", children: [
1795
- /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(BrandGlyph, { brand: { name: entry.name, logo: entry.logo }, size: "lg" }),
1796
- /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "min-w-0 flex-1", children: [
1797
- /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center gap-2", children: [
1798
- /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "truncate text-sm font-medium", children: entry.name }),
1799
- entry.deprecated && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
1833
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center gap-3", children: [
1834
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(BrandGlyph, { brand: { name: entry.name, logo: entry.logo }, size: "lg" }),
1835
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "min-w-0 flex-1", children: [
1836
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center gap-2", children: [
1837
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "truncate text-sm font-medium", children: entry.name }),
1838
+ entry.deprecated && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
1800
1839
  "span",
1801
1840
  {
1802
1841
  "data-testid": `connector-deprecated-${entry.slug}`,
@@ -1805,14 +1844,14 @@ function ConnectorTile({
1805
1844
  }
1806
1845
  )
1807
1846
  ] }),
1808
- /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
1809
- /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { "data-testid": `connector-capability-${entry.slug}`, children: capabilityLabel(entry.capability) }),
1810
- entry.category && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
1811
- /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { "aria-hidden": "true", children: "\xB7" }),
1812
- /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "truncate", children: entry.category })
1847
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
1848
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { "data-testid": `connector-capability-${entry.slug}`, children: capabilityLabel(entry.capability) }),
1849
+ entry.category && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
1850
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { "aria-hidden": "true", children: "\xB7" }),
1851
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "truncate", children: entry.category })
1813
1852
  ] })
1814
1853
  ] }),
1815
- isConnected && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
1854
+ isConnected && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
1816
1855
  "p",
1817
1856
  {
1818
1857
  "data-testid": `connector-connected-since-${entry.slug}`,
@@ -1820,7 +1859,7 @@ function ConnectorTile({
1820
1859
  children: entry.connection.since ? `Connected since ${formatSince(entry.connection.since)}` : "Connected"
1821
1860
  }
1822
1861
  ),
1823
- isConnected && !shared && entry.connection.account_label && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
1862
+ isConnected && !shared && entry.connection.account_label && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
1824
1863
  "p",
1825
1864
  {
1826
1865
  "data-testid": `connector-account-${entry.slug}`,
@@ -1831,7 +1870,7 @@ function ConnectorTile({
1831
1870
  ]
1832
1871
  }
1833
1872
  ),
1834
- isConnected && entry.access_summary && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
1873
+ isConnected && entry.access_summary && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
1835
1874
  "p",
1836
1875
  {
1837
1876
  "data-testid": `connector-access-summary-${entry.slug}`,
@@ -1839,7 +1878,7 @@ function ConnectorTile({
1839
1878
  children: entry.access_summary
1840
1879
  }
1841
1880
  ),
1842
- unhealthy && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
1881
+ unhealthy && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
1843
1882
  "p",
1844
1883
  {
1845
1884
  role: "alert",
@@ -1848,7 +1887,7 @@ function ConnectorTile({
1848
1887
  children: DEFAULT_RECONNECT_MESSAGE
1849
1888
  }
1850
1889
  ),
1851
- attribution && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
1890
+ attribution && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
1852
1891
  "p",
1853
1892
  {
1854
1893
  "data-testid": `connector-owner-${entry.slug}`,
@@ -1856,7 +1895,7 @@ function ConnectorTile({
1856
1895
  children: attribution
1857
1896
  }
1858
1897
  ),
1859
- !isConnected && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
1898
+ !isConnected && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
1860
1899
  "div",
1861
1900
  {
1862
1901
  "data-testid": `connector-kind-toggle-${entry.slug}`,
@@ -1864,7 +1903,7 @@ function ConnectorTile({
1864
1903
  "aria-label": "Connect as",
1865
1904
  className: "mt-1 flex items-center gap-1",
1866
1905
  children: [
1867
- /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
1906
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
1868
1907
  "button",
1869
1908
  {
1870
1909
  type: "button",
@@ -1880,7 +1919,7 @@ function ConnectorTile({
1880
1919
  children: "Personal"
1881
1920
  }
1882
1921
  ),
1883
- /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
1922
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
1884
1923
  "button",
1885
1924
  {
1886
1925
  type: "button",
@@ -1896,7 +1935,7 @@ function ConnectorTile({
1896
1935
  ),
1897
1936
  children: [
1898
1937
  "Org",
1899
- !orgPermitted && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "sr-only", children: [
1938
+ !orgPermitted && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "sr-only", children: [
1900
1939
  " (",
1901
1940
  orgDisabledReason,
1902
1941
  ")"
@@ -1907,10 +1946,10 @@ function ConnectorTile({
1907
1946
  ]
1908
1947
  }
1909
1948
  ),
1910
- errorMessage && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { role: "alert", "data-testid": `connector-error-${entry.slug}`, className: "text-xs text-destructive", children: errorMessage })
1949
+ errorMessage && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { role: "alert", "data-testid": `connector-error-${entry.slug}`, className: "text-xs text-destructive", children: errorMessage })
1911
1950
  ] }),
1912
- isConnected ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex shrink-0 flex-col items-end gap-1", children: [
1913
- unhealthy && !shared && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
1951
+ isConnected ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex shrink-0 flex-col items-end gap-1", children: [
1952
+ unhealthy && !shared && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
1914
1953
  "button",
1915
1954
  {
1916
1955
  type: "button",
@@ -1921,7 +1960,7 @@ function ConnectorTile({
1921
1960
  children: isConnecting ? "Reconnecting\u2026" : "Reconnect"
1922
1961
  }
1923
1962
  ),
1924
- canDisconnect && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
1963
+ canDisconnect && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
1925
1964
  "button",
1926
1965
  {
1927
1966
  type: "button",
@@ -1942,7 +1981,7 @@ function ConnectorTile({
1942
1981
  // sizing, so every textContent assertion still passed. A
1943
1982
  // narrow max-width forces the hint to wrap within the same
1944
1983
  // footprint as the button above it instead.
1945
- /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
1984
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
1946
1985
  "p",
1947
1986
  {
1948
1987
  "data-testid": `connector-disconnect-hint-${entry.slug}`,
@@ -1950,7 +1989,7 @@ function ConnectorTile({
1950
1989
  children: DISCONNECT_REVOKES_HINT
1951
1990
  }
1952
1991
  ),
1953
- canManageSharing && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
1992
+ canManageSharing && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
1954
1993
  "button",
1955
1994
  {
1956
1995
  type: "button",
@@ -1961,8 +2000,8 @@ function ConnectorTile({
1961
2000
  children: sharingOpen ? "Hide sharing" : "Manage sharing"
1962
2001
  }
1963
2002
  )
1964
- ] }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex shrink-0 flex-col items-end gap-1", children: [
1965
- /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
2003
+ ] }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex shrink-0 flex-col items-end gap-1", children: [
2004
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
1966
2005
  "button",
1967
2006
  {
1968
2007
  type: "button",
@@ -1973,7 +2012,7 @@ function ConnectorTile({
1973
2012
  children: isConnecting ? "Connecting\u2026" : "Connect"
1974
2013
  }
1975
2014
  ),
1976
- canSetUp && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
2015
+ canSetUp && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
1977
2016
  "button",
1978
2017
  {
1979
2018
  type: "button",
@@ -1987,15 +2026,15 @@ function ConnectorTile({
1987
2026
  )
1988
2027
  ] })
1989
2028
  ] }),
1990
- canSetUp && setupOpen && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
2029
+ canSetUp && setupOpen && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
1991
2030
  "div",
1992
2031
  {
1993
2032
  id: `connector-setup-panel-${entry.slug}`,
1994
2033
  "data-testid": `connector-setup-panel-${entry.slug}`,
1995
2034
  className: "mt-2 flex flex-col gap-3 rounded-md border border-border bg-foreground/5 p-2",
1996
2035
  children: [
1997
- guide && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SetupGuidePanel, { entry, guide, showVerify: !pasteSupported }),
1998
- pasteSupported && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
2036
+ guide && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(SetupGuidePanel, { entry, guide, showVerify: !pasteSupported }),
2037
+ pasteSupported && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
1999
2038
  CredentialForm,
2000
2039
  {
2001
2040
  entry,
@@ -2010,7 +2049,7 @@ function ConnectorTile({
2010
2049
  ]
2011
2050
  }
2012
2051
  ),
2013
- canManageSharing && sharingOpen && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
2052
+ canManageSharing && sharingOpen && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
2014
2053
  ManageSharing,
2015
2054
  {
2016
2055
  entry,
@@ -2060,8 +2099,8 @@ function CopyableValue({ value, testId }) {
2060
2099
  setCopied(false);
2061
2100
  }
2062
2101
  }, [value]);
2063
- return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "mt-1 flex items-center gap-1.5", children: [
2064
- /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
2102
+ return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "mt-1 flex items-center gap-1.5", children: [
2103
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
2065
2104
  "code",
2066
2105
  {
2067
2106
  "data-testid": `${testId}-value`,
@@ -2069,7 +2108,7 @@ function CopyableValue({ value, testId }) {
2069
2108
  children: value
2070
2109
  }
2071
2110
  ),
2072
- /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
2111
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
2073
2112
  "button",
2074
2113
  {
2075
2114
  type: "button",
@@ -2095,8 +2134,8 @@ function SetupGuidePanel({
2095
2134
  ungrounded
2096
2135
  );
2097
2136
  }, [entry.slug, guide, leaked]);
2098
- return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { "data-testid": `connector-guide-${entry.slug}`, className: "flex flex-col gap-2", children: [
2099
- leaked && isDevEnvironment() && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
2137
+ return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { "data-testid": `connector-guide-${entry.slug}`, className: "flex flex-col gap-2", children: [
2138
+ leaked && isDevEnvironment() && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
2100
2139
  "p",
2101
2140
  {
2102
2141
  role: "alert",
@@ -2108,25 +2147,25 @@ function SetupGuidePanel({
2108
2147
  ]
2109
2148
  }
2110
2149
  ),
2111
- prerequisites.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
2112
- /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h4", { className: "text-xs font-medium", children: "Before you start" }),
2113
- /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
2150
+ prerequisites.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { children: [
2151
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h4", { className: "text-xs font-medium", children: "Before you start" }),
2152
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
2114
2153
  "ul",
2115
2154
  {
2116
2155
  "data-testid": `connector-guide-prerequisites-${entry.slug}`,
2117
2156
  className: "mt-1 list-disc pl-4 text-xs text-muted-foreground",
2118
- children: prerequisites.map((item) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("li", { children: item }, item))
2157
+ children: prerequisites.map((item) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("li", { children: item }, item))
2119
2158
  }
2120
2159
  )
2121
2160
  ] }),
2122
- steps.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
2161
+ steps.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
2123
2162
  "ol",
2124
2163
  {
2125
2164
  "data-testid": `connector-guide-steps-${entry.slug}`,
2126
2165
  className: "list-decimal pl-4 text-xs",
2127
- children: steps.map((step, index) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("li", { className: "mt-1 first:mt-0", children: [
2128
- /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: step.text }),
2129
- step.copyable && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
2166
+ children: steps.map((step, index) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("li", { className: "mt-1 first:mt-0", children: [
2167
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: step.text }),
2168
+ step.copyable && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
2130
2169
  CopyableValue,
2131
2170
  {
2132
2171
  value: step.copyable,
@@ -2136,7 +2175,7 @@ function SetupGuidePanel({
2136
2175
  ] }, step.text))
2137
2176
  }
2138
2177
  ),
2139
- scopeNote && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
2178
+ scopeNote && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
2140
2179
  "p",
2141
2180
  {
2142
2181
  "data-testid": `connector-guide-scope-note-${entry.slug}`,
@@ -2144,7 +2183,7 @@ function SetupGuidePanel({
2144
2183
  children: scopeNote
2145
2184
  }
2146
2185
  ),
2147
- showVerify && verify && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
2186
+ showVerify && verify && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
2148
2187
  "p",
2149
2188
  {
2150
2189
  "data-testid": `connector-guide-verify-${entry.slug}`,
@@ -2208,7 +2247,7 @@ function CredentialForm({
2208
2247
  setBusy(false);
2209
2248
  }
2210
2249
  }, [kind, onSubmitCredentials, values]);
2211
- return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
2250
+ return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
2212
2251
  "form",
2213
2252
  {
2214
2253
  "data-testid": `connector-credential-form-${entry.slug}`,
@@ -2222,12 +2261,12 @@ function CredentialForm({
2222
2261
  fields.map((field) => {
2223
2262
  const inputId = `connector-credential-${entry.slug}-${field.key}`;
2224
2263
  const fieldError = fieldErrors?.[field.key] ?? null;
2225
- return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex flex-col gap-1", children: [
2226
- /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("label", { htmlFor: inputId, className: "text-xs font-medium", children: [
2264
+ return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex flex-col gap-1", children: [
2265
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { htmlFor: inputId, className: "text-xs font-medium", children: [
2227
2266
  field.label,
2228
- field.required !== false && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { "aria-hidden": "true", className: "ml-0.5 text-destructive", children: "*" })
2267
+ field.required !== false && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { "aria-hidden": "true", className: "ml-0.5 text-destructive", children: "*" })
2229
2268
  ] }),
2230
- /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
2269
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
2231
2270
  "input",
2232
2271
  {
2233
2272
  id: inputId,
@@ -2247,7 +2286,7 @@ function CredentialForm({
2247
2286
  )
2248
2287
  }
2249
2288
  ),
2250
- fieldError && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
2289
+ fieldError && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
2251
2290
  "p",
2252
2291
  {
2253
2292
  id: `${inputId}-error`,
@@ -2258,7 +2297,7 @@ function CredentialForm({
2258
2297
  )
2259
2298
  ] }, field.key);
2260
2299
  }),
2261
- verify && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
2300
+ verify && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
2262
2301
  "p",
2263
2302
  {
2264
2303
  "data-testid": `connector-guide-verify-${entry.slug}`,
@@ -2266,8 +2305,8 @@ function CredentialForm({
2266
2305
  children: verify
2267
2306
  }
2268
2307
  ),
2269
- result && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CredentialTestResult, { entry, result }),
2270
- error && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
2308
+ result && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(CredentialTestResult, { entry, result }),
2309
+ error && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
2271
2310
  "p",
2272
2311
  {
2273
2312
  role: "alert",
@@ -2276,8 +2315,8 @@ function CredentialForm({
2276
2315
  children: error
2277
2316
  }
2278
2317
  ),
2279
- /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center justify-end gap-1.5", children: [
2280
- testSupported && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
2318
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center justify-end gap-1.5", children: [
2319
+ testSupported && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
2281
2320
  "button",
2282
2321
  {
2283
2322
  type: "button",
@@ -2288,7 +2327,7 @@ function CredentialForm({
2288
2327
  children: testing ? "Testing\u2026" : "Test connection"
2289
2328
  }
2290
2329
  ),
2291
- /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
2330
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
2292
2331
  "button",
2293
2332
  {
2294
2333
  type: "submit",
@@ -2309,15 +2348,15 @@ function CredentialTestResult({
2309
2348
  result
2310
2349
  }) {
2311
2350
  if (result.valid === true) {
2312
- return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
2351
+ return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
2313
2352
  "div",
2314
2353
  {
2315
2354
  role: "status",
2316
2355
  "data-testid": `connector-credential-test-pass-${entry.slug}`,
2317
2356
  className: "rounded-md border border-primary/30 bg-primary/5 px-2 py-1 text-xs",
2318
2357
  children: [
2319
- /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { children: result.account_name ? `Verified \u2014 connected as ${result.account_name}.` : "Verified \u2014 these credentials work." }),
2320
- result.permissions_note && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
2358
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { children: result.account_name ? `Verified \u2014 connected as ${result.account_name}.` : "Verified \u2014 these credentials work." }),
2359
+ result.permissions_note && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
2321
2360
  "p",
2322
2361
  {
2323
2362
  "data-testid": `connector-credential-permissions-${entry.slug}`,
@@ -2330,7 +2369,7 @@ function CredentialTestResult({
2330
2369
  );
2331
2370
  }
2332
2371
  if (result.valid === false) {
2333
- return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
2372
+ return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
2334
2373
  "p",
2335
2374
  {
2336
2375
  role: "alert",
@@ -2340,7 +2379,7 @@ function CredentialTestResult({
2340
2379
  }
2341
2380
  );
2342
2381
  }
2343
- return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
2382
+ return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
2344
2383
  "p",
2345
2384
  {
2346
2385
  role: "status",
@@ -2403,13 +2442,13 @@ function ManageSharing({
2403
2442
  },
2404
2443
  [load, revokeGrant]
2405
2444
  );
2406
- return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
2445
+ return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
2407
2446
  "div",
2408
2447
  {
2409
2448
  "data-testid": `connector-sharing-panel-${entry.slug}`,
2410
2449
  className: "mt-2 flex flex-col gap-2 rounded-md border border-border bg-foreground/5 p-2",
2411
2450
  children: [
2412
- grants === null && !error && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
2451
+ grants === null && !error && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
2413
2452
  "p",
2414
2453
  {
2415
2454
  "data-testid": `connector-grants-loading-${entry.slug}`,
@@ -2417,7 +2456,7 @@ function ManageSharing({
2417
2456
  children: "Loading sharing\u2026"
2418
2457
  }
2419
2458
  ),
2420
- error && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
2459
+ error && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
2421
2460
  "p",
2422
2461
  {
2423
2462
  role: "alert",
@@ -2426,7 +2465,7 @@ function ManageSharing({
2426
2465
  children: error
2427
2466
  }
2428
2467
  ),
2429
- grants !== null && grants.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
2468
+ grants !== null && grants.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
2430
2469
  "p",
2431
2470
  {
2432
2471
  "data-testid": `connector-grants-empty-${entry.slug}`,
@@ -2434,21 +2473,21 @@ function ManageSharing({
2434
2473
  children: "Not shared with anyone yet."
2435
2474
  }
2436
2475
  ),
2437
- grants?.map((grant) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
2476
+ grants?.map((grant) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
2438
2477
  "div",
2439
2478
  {
2440
2479
  "data-testid": `connector-grant-${entry.slug}-${grant.id}`,
2441
2480
  className: "flex items-center justify-between gap-2 text-xs",
2442
2481
  children: [
2443
- /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "truncate", children: [
2482
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "truncate", children: [
2444
2483
  grant.grantee_name || grant.grantee_id,
2445
- /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "text-muted-foreground", children: [
2484
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "text-muted-foreground", children: [
2446
2485
  " ",
2447
2486
  "\xB7 ",
2448
2487
  grant.grantee_type === "role" ? "Role" : "User"
2449
2488
  ] })
2450
2489
  ] }),
2451
- /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
2490
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
2452
2491
  "button",
2453
2492
  {
2454
2493
  type: "button",
@@ -2463,8 +2502,8 @@ function ManageSharing({
2463
2502
  },
2464
2503
  grant.id
2465
2504
  )),
2466
- /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center gap-1.5", children: [
2467
- /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
2505
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center gap-1.5", children: [
2506
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
2468
2507
  "select",
2469
2508
  {
2470
2509
  "data-testid": `connector-grant-type-${entry.slug}`,
@@ -2477,12 +2516,12 @@ function ManageSharing({
2477
2516
  disabled: busy,
2478
2517
  className: "rounded-md border border-border bg-transparent px-1.5 py-1 text-xs disabled:opacity-50",
2479
2518
  children: [
2480
- /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("option", { value: "user", children: "User" }),
2481
- /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("option", { value: "role", children: "Role" })
2519
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "user", children: "User" }),
2520
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "role", children: "Role" })
2482
2521
  ]
2483
2522
  }
2484
2523
  ),
2485
- granteeType === "user" ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
2524
+ granteeType === "user" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
2486
2525
  "input",
2487
2526
  {
2488
2527
  "data-testid": `connector-grant-grantee-${entry.slug}`,
@@ -2493,7 +2532,7 @@ function ManageSharing({
2493
2532
  disabled: busy,
2494
2533
  className: "min-w-0 flex-1 rounded-md border border-border bg-transparent px-1.5 py-1 text-xs disabled:opacity-50"
2495
2534
  }
2496
- ) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
2535
+ ) : /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
2497
2536
  "select",
2498
2537
  {
2499
2538
  "data-testid": `connector-grant-role-${entry.slug}`,
@@ -2503,12 +2542,12 @@ function ManageSharing({
2503
2542
  disabled: busy,
2504
2543
  className: "min-w-0 flex-1 rounded-md border border-border bg-transparent px-1.5 py-1 text-xs disabled:opacity-50",
2505
2544
  children: [
2506
- /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("option", { value: "", children: "Select a role\u2026" }),
2507
- roleOptions.map((role) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("option", { value: role.id, children: role.name }, role.id))
2545
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: "", children: "Select a role\u2026" }),
2546
+ roleOptions.map((role) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value: role.id, children: role.name }, role.id))
2508
2547
  ]
2509
2548
  }
2510
2549
  ),
2511
- /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
2550
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
2512
2551
  "button",
2513
2552
  {
2514
2553
  type: "button",
@@ -2532,6 +2571,7 @@ function ManageSharing({
2532
2571
  ContextSwitcher,
2533
2572
  Flyout,
2534
2573
  GLYPH_CANVAS_FILL,
2574
+ InfoTip,
2535
2575
  LOCKUP_GAP,
2536
2576
  LOCKUP_ROW,
2537
2577
  MARK_CAP_RATIO,