@streamoid/ui 0.6.50 → 0.6.52

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 (5) hide show
  1. package/dist/index.d.mts +23 -1
  2. package/dist/index.d.ts +23 -1
  3. package/dist/index.js +187 -168
  4. package/dist/index.mjs +153 -134
  5. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -26,6 +26,8 @@ __export(index_exports, {
26
26
  PANEL_RESIZE_STEP_PX: () => PANEL_RESIZE_STEP_PX,
27
27
  ProductCollapsedMark: () => ProductCollapsedMark,
28
28
  ProductWordmark: () => ProductWordmark,
29
+ SC_APP_SWITCH_PANEL_WIDTH: () => SC_APP_SWITCH_PANEL_WIDTH,
30
+ SC_WORKSPACE_MENU_WIDTH: () => SC_WORKSPACE_MENU_WIDTH,
29
31
  SIDEBAR_RESIZE_THRESHOLD_PX: () => SIDEBAR_RESIZE_THRESHOLD_PX,
30
32
  STREAMOID_CHANGELOG_URL: () => STREAMOID_CHANGELOG_URL,
31
33
  STREAMOID_CHANGELOG_URLS: () => STREAMOID_CHANGELOG_URLS,
@@ -326,6 +328,8 @@ function ScAppCardForCopilot({
326
328
  var import_react = require("react");
327
329
  var import_icons3 = require("@streamoid/icons");
328
330
  var import_jsx_runtime4 = require("react/jsx-runtime");
331
+ var SC_APP_SWITCH_PANEL_WIDTH = 240;
332
+ var SC_WORKSPACE_MENU_WIDTH = 336;
329
333
  var STREAMOID_CHANGELOG_URLS = {
330
334
  tactix: "https://streamoid.com/tactix/changelog",
331
335
  artifax: "https://streamoid.com/artifax/changelog",
@@ -4800,10 +4804,49 @@ function ScSidebarResizeHandle({
4800
4804
  );
4801
4805
  }
4802
4806
 
4803
- // src/SC-Sidebar-new/streamoid-sidebar.tsx
4807
+ // src/SC-SidebarShell/ScPopoverArrow.tsx
4804
4808
  var import_jsx_runtime52 = require("react/jsx-runtime");
4809
+ function ScPopoverArrow({
4810
+ arrow,
4811
+ background = "var(--alias-surface-base, #101010)",
4812
+ borderColor = "var(--alias-border-default, #3e3e3e)",
4813
+ size = 12,
4814
+ style
4815
+ }) {
4816
+ if (!arrow) return null;
4817
+ const half = size / 2;
4818
+ const onLeftEdge = arrow.side === "left";
4819
+ return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
4820
+ "span",
4821
+ {
4822
+ "aria-hidden": true,
4823
+ "data-streamoid-popover-arrow": arrow.side,
4824
+ style: {
4825
+ position: "absolute",
4826
+ top: arrow.top - half,
4827
+ [onLeftEdge ? "left" : "right"]: -half,
4828
+ width: size,
4829
+ height: size,
4830
+ background,
4831
+ /* Only the two edges that face away from the card. The other two sit
4832
+ under it, where a border would draw a line across the card's own
4833
+ edge. */
4834
+ borderTop: onLeftEdge ? "none" : `1px solid ${borderColor}`,
4835
+ borderRight: onLeftEdge ? "none" : `1px solid ${borderColor}`,
4836
+ borderBottom: onLeftEdge ? `1px solid ${borderColor}` : "none",
4837
+ borderLeft: onLeftEdge ? `1px solid ${borderColor}` : "none",
4838
+ transform: "rotate(45deg)",
4839
+ pointerEvents: "none",
4840
+ ...style
4841
+ }
4842
+ }
4843
+ );
4844
+ }
4845
+
4846
+ // src/SC-Sidebar-new/streamoid-sidebar.tsx
4847
+ var import_jsx_runtime53 = require("react/jsx-runtime");
4805
4848
  function SectionHeader({ label }) {
4806
- return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "opacity-50 shrink-0 w-full", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "flex flex-row items-center size-full", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
4849
+ return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "opacity-50 shrink-0 w-full", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "flex flex-row items-center size-full", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
4807
4850
  "div",
4808
4851
  {
4809
4852
  className: "flex items-center w-full text-text-xs-regular",
@@ -4811,12 +4854,12 @@ function SectionHeader({ label }) {
4811
4854
  padding: "var(--spacing-xs) var(--spacing-3xl)",
4812
4855
  color: "var(--alias-text---icons-tertiary)"
4813
4856
  },
4814
- children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { children: label })
4857
+ children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { children: label })
4815
4858
  }
4816
4859
  ) }) });
4817
4860
  }
4818
4861
  function HDivider({ edgeToEdge = false }) {
4819
- return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
4862
+ return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
4820
4863
  "div",
4821
4864
  {
4822
4865
  className: "shrink-0",
@@ -4861,7 +4904,7 @@ function renderMenuItem({
4861
4904
  const derivedState = active ? "active" : highlighted ? "default-highlight" : "default";
4862
4905
  const state = stateOverride ?? derivedState;
4863
4906
  const iconActive = state === "active" || state === "default-active" || state === "default-highlight";
4864
- return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
4907
+ return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
4865
4908
  ScSidebarMenu,
4866
4909
  {
4867
4910
  icon: resolveIcon(iconMap, item, iconActive, expanded),
@@ -4919,9 +4962,9 @@ function StreamoidSidebar({
4919
4962
  onToggle();
4920
4963
  };
4921
4964
  if (expanded) {
4922
- const logoRow = /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex items-center justify-between w-full shrink-0", children: [
4923
- /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "min-w-0 flex-1", children: expandedLogo }),
4924
- isMobile ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
4965
+ const logoRow = /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex items-center justify-between w-full shrink-0", children: [
4966
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "min-w-0 flex-1", children: expandedLogo }),
4967
+ isMobile ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
4925
4968
  "div",
4926
4969
  {
4927
4970
  className: "flex items-center cursor-pointer shrink-0",
@@ -4934,20 +4977,20 @@ function StreamoidSidebar({
4934
4977
  }
4935
4978
  ) : null
4936
4979
  ] });
4937
- return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
4980
+ return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
4938
4981
  "div",
4939
4982
  {
4940
4983
  className: `relative flex h-full items-center shrink-0 ${className ?? ""}`.trim(),
4941
4984
  style: { padding: "var(--spacing-3xl)", ...style },
4942
4985
  children: [
4943
- resizable && !isMobile ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
4986
+ resizable && !isMobile ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
4944
4987
  ScSidebarResizeHandle,
4945
4988
  {
4946
4989
  expanded,
4947
4990
  onExpandedChange: changeExpanded
4948
4991
  }
4949
4992
  ) : null,
4950
- /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
4993
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
4951
4994
  "div",
4952
4995
  {
4953
4996
  "data-streamoid-sidebar-card": true,
@@ -4964,7 +5007,7 @@ function StreamoidSidebar({
4964
5007
  gap: "var(--spacing-xxs)"
4965
5008
  },
4966
5009
  children: [
4967
- /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
5010
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
4968
5011
  "div",
4969
5012
  {
4970
5013
  "aria-hidden": "true",
@@ -4978,7 +5021,7 @@ function StreamoidSidebar({
4978
5021
  }
4979
5022
  }
4980
5023
  ),
4981
- hasSwitchCard ? /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
5024
+ hasSwitchCard ? /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
4982
5025
  "div",
4983
5026
  {
4984
5027
  className: "w-full shrink-0 relative",
@@ -4993,7 +5036,7 @@ function StreamoidSidebar({
4993
5036
  transition: "background-color 200ms ease, box-shadow 200ms ease"
4994
5037
  },
4995
5038
  children: [
4996
- /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
5039
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
4997
5040
  "div",
4998
5041
  {
4999
5042
  style: {
@@ -5005,7 +5048,7 @@ function StreamoidSidebar({
5005
5048
  children: logoRow
5006
5049
  }
5007
5050
  ),
5008
- /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
5051
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
5009
5052
  "div",
5010
5053
  {
5011
5054
  className: "absolute left-0 right-0",
@@ -5021,7 +5064,7 @@ function StreamoidSidebar({
5021
5064
  overflow: "hidden",
5022
5065
  transition: "opacity 200ms ease, background-color 200ms ease, box-shadow 200ms ease"
5023
5066
  },
5024
- children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
5067
+ children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
5025
5068
  "div",
5026
5069
  {
5027
5070
  style: {
@@ -5029,7 +5072,7 @@ function StreamoidSidebar({
5029
5072
  gridTemplateRows: panelOpen ? "1fr" : "0fr",
5030
5073
  transition: "grid-template-rows 220ms ease"
5031
5074
  },
5032
- children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { style: { overflow: "hidden", minHeight: 0 }, children: switchPanel })
5075
+ children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { style: { overflow: "hidden", minHeight: 0 }, children: switchPanel })
5033
5076
  }
5034
5077
  )
5035
5078
  }
@@ -5037,7 +5080,7 @@ function StreamoidSidebar({
5037
5080
  ]
5038
5081
  }
5039
5082
  ) : null,
5040
- hasSwitchCard ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
5083
+ hasSwitchCard ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
5041
5084
  "div",
5042
5085
  {
5043
5086
  "aria-hidden": "true",
@@ -5053,7 +5096,7 @@ function StreamoidSidebar({
5053
5096
  }
5054
5097
  }
5055
5098
  ) : null,
5056
- /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
5099
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
5057
5100
  "div",
5058
5101
  {
5059
5102
  className: "flex flex-col flex-1 items-start min-h-0 w-full overflow-y-auto sidebar-scroll",
@@ -5071,9 +5114,9 @@ function StreamoidSidebar({
5071
5114
  },
5072
5115
  children: [
5073
5116
  !hasSwitchCard ? logoRow : null,
5074
- !!(topItems?.length || config.topItem) && /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_jsx_runtime52.Fragment, { children: [
5075
- /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(HDivider, { edgeToEdge: true }),
5076
- /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
5117
+ !!(topItems?.length || config.topItem) && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
5118
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(HDivider, { edgeToEdge: true }),
5119
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
5077
5120
  "div",
5078
5121
  {
5079
5122
  className: "flex flex-col items-stretch shrink-0 w-full",
@@ -5094,11 +5137,11 @@ function StreamoidSidebar({
5094
5137
  )
5095
5138
  }
5096
5139
  ),
5097
- /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(HDivider, {})
5140
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(HDivider, {})
5098
5141
  ] }),
5099
- showBody && bodyContent ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "flex flex-col flex-1 min-h-0 w-full overflow-hidden", children: bodyContent }) : /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_jsx_runtime52.Fragment, { children: [
5100
- !(topItems?.length || config.topItem) && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(HDivider, { edgeToEdge: true }),
5101
- config.sections.map((section) => /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
5142
+ showBody && bodyContent ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "flex flex-col flex-1 min-h-0 w-full overflow-hidden", children: bodyContent }) : /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
5143
+ !(topItems?.length || config.topItem) && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(HDivider, { edgeToEdge: true }),
5144
+ config.sections.map((section) => /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
5102
5145
  "div",
5103
5146
  {
5104
5147
  className: "flex flex-col items-start shrink-0 w-full",
@@ -5107,7 +5150,7 @@ function StreamoidSidebar({
5107
5150
  gap: "var(--spacing-xxs)"
5108
5151
  },
5109
5152
  children: [
5110
- section.label ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(SectionHeader, { label: section.label }) : null,
5153
+ section.label ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SectionHeader, { label: section.label }) : null,
5111
5154
  section.items.map(
5112
5155
  (item) => renderMenuItem({
5113
5156
  item,
@@ -5126,9 +5169,9 @@ function StreamoidSidebar({
5126
5169
  ]
5127
5170
  }
5128
5171
  ),
5129
- assistantCta ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(ScAskAgentSlot, { cta: assistantCta }) : null,
5172
+ assistantCta ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ScAskAgentSlot, { cta: assistantCta }) : null,
5130
5173
  preFooterContent,
5131
- config.bottomItems?.length ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
5174
+ config.bottomItems?.length ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
5132
5175
  "div",
5133
5176
  {
5134
5177
  className: "flex flex-col items-start shrink-0 w-full",
@@ -5145,8 +5188,8 @@ function StreamoidSidebar({
5145
5188
  )
5146
5189
  }
5147
5190
  ) : null,
5148
- /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(HDivider, { edgeToEdge: true }),
5149
- appIdentity ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
5191
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(HDivider, { edgeToEdge: true }),
5192
+ appIdentity ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
5150
5193
  "button",
5151
5194
  {
5152
5195
  type: "button",
@@ -5168,13 +5211,13 @@ function StreamoidSidebar({
5168
5211
  ) : profile ? toggleInProfile && !effectiveHideFooter ? (
5169
5212
  /* Footer row: profile and collapse toggle are two SEPARATE
5170
5213
  interactive units side by side (own rounded hover bg each). */
5171
- /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
5214
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
5172
5215
  "div",
5173
5216
  {
5174
5217
  className: "flex items-center shrink-0 w-full",
5175
5218
  style: { gap: "var(--spacing-md)", paddingTop: "var(--spacing-md)" },
5176
5219
  children: [
5177
- /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
5220
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
5178
5221
  "div",
5179
5222
  {
5180
5223
  className: "flex flex-1 min-w-0 items-center cursor-pointer",
@@ -5193,8 +5236,8 @@ function StreamoidSidebar({
5193
5236
  },
5194
5237
  children: [
5195
5238
  profile.avatar,
5196
- /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex flex-col flex-1 min-w-0", children: [
5197
- /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
5239
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex flex-col flex-1 min-w-0", children: [
5240
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
5198
5241
  "span",
5199
5242
  {
5200
5243
  className: "text-text-sm-medium truncate",
@@ -5202,7 +5245,7 @@ function StreamoidSidebar({
5202
5245
  children: profile.name
5203
5246
  }
5204
5247
  ),
5205
- profile.subtitle ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
5248
+ profile.subtitle ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
5206
5249
  "span",
5207
5250
  {
5208
5251
  className: "text-text-xs-regular truncate",
@@ -5214,7 +5257,7 @@ function StreamoidSidebar({
5214
5257
  ]
5215
5258
  }
5216
5259
  ),
5217
- /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
5260
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
5218
5261
  "div",
5219
5262
  {
5220
5263
  className: "flex items-center cursor-pointer shrink-0",
@@ -5236,8 +5279,8 @@ function StreamoidSidebar({
5236
5279
  ]
5237
5280
  }
5238
5281
  )
5239
- ) : /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_jsx_runtime52.Fragment, { children: [
5240
- /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
5282
+ ) : /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
5283
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
5241
5284
  "div",
5242
5285
  {
5243
5286
  className: "flex items-center shrink-0 w-full cursor-pointer",
@@ -5255,8 +5298,8 @@ function StreamoidSidebar({
5255
5298
  },
5256
5299
  children: [
5257
5300
  profile.avatar,
5258
- /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex flex-col flex-1 min-w-0", children: [
5259
- /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
5301
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex flex-col flex-1 min-w-0", children: [
5302
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
5260
5303
  "span",
5261
5304
  {
5262
5305
  className: "text-text-sm-medium truncate",
@@ -5264,7 +5307,7 @@ function StreamoidSidebar({
5264
5307
  children: profile.name
5265
5308
  }
5266
5309
  ),
5267
- profile.subtitle ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
5310
+ profile.subtitle ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
5268
5311
  "span",
5269
5312
  {
5270
5313
  className: "text-text-xs-regular truncate",
@@ -5276,9 +5319,9 @@ function StreamoidSidebar({
5276
5319
  ]
5277
5320
  }
5278
5321
  ),
5279
- !effectiveHideFooter && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_jsx_runtime52.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(HDivider, {}) })
5322
+ !effectiveHideFooter && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_jsx_runtime53.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(HDivider, {}) })
5280
5323
  ] }) : null,
5281
- !effectiveHideFooter && !toggleInProfile && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "shrink-0 w-full", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "flex flex-row items-center size-full", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
5324
+ !effectiveHideFooter && !toggleInProfile && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "shrink-0 w-full", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "flex flex-row items-center size-full", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
5282
5325
  "div",
5283
5326
  {
5284
5327
  className: "flex items-center w-full",
@@ -5287,7 +5330,7 @@ function StreamoidSidebar({
5287
5330
  padding: "var(--spacing-xs) var(--spacing-xs) var(--spacing-xs) var(--spacing-xl)"
5288
5331
  },
5289
5332
  children: [
5290
- /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
5333
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
5291
5334
  "p",
5292
5335
  {
5293
5336
  className: "flex-1 text-text-sm-regular truncate",
@@ -5295,7 +5338,7 @@ function StreamoidSidebar({
5295
5338
  children: versionText
5296
5339
  }
5297
5340
  ),
5298
- /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
5341
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
5299
5342
  "div",
5300
5343
  {
5301
5344
  className: "flex items-center cursor-pointer",
@@ -5317,20 +5360,20 @@ function StreamoidSidebar({
5317
5360
  }
5318
5361
  );
5319
5362
  }
5320
- return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
5363
+ return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
5321
5364
  "div",
5322
5365
  {
5323
5366
  className: `relative flex h-full items-center justify-center shrink-0 ${className ?? ""}`.trim(),
5324
5367
  style: { padding: "var(--spacing-3xl)", ...style },
5325
5368
  children: [
5326
- resizable && !isMobile ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
5369
+ resizable && !isMobile ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
5327
5370
  ScSidebarResizeHandle,
5328
5371
  {
5329
5372
  expanded,
5330
5373
  onExpandedChange: changeExpanded
5331
5374
  }
5332
5375
  ) : null,
5333
- /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
5376
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
5334
5377
  "div",
5335
5378
  {
5336
5379
  "data-streamoid-sidebar-card": true,
@@ -5346,7 +5389,7 @@ function StreamoidSidebar({
5346
5389
  gap: "var(--spacing-xxs)"
5347
5390
  },
5348
5391
  children: [
5349
- /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
5392
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
5350
5393
  "div",
5351
5394
  {
5352
5395
  "aria-hidden": "true",
@@ -5358,8 +5401,8 @@ function StreamoidSidebar({
5358
5401
  }
5359
5402
  }
5360
5403
  ),
5361
- hasSwitchCard ? /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_jsx_runtime52.Fragment, { children: [
5362
- /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
5404
+ hasSwitchCard ? /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
5405
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
5363
5406
  "div",
5364
5407
  {
5365
5408
  "aria-hidden": "true",
@@ -5374,7 +5417,7 @@ function StreamoidSidebar({
5374
5417
  }
5375
5418
  }
5376
5419
  ),
5377
- /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
5420
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
5378
5421
  "div",
5379
5422
  {
5380
5423
  style: {
@@ -5386,18 +5429,33 @@ function StreamoidSidebar({
5386
5429
  backgroundColor: "var(--alias-surface-base)",
5387
5430
  border: "1px solid var(--alias-border-default)",
5388
5431
  borderRadius: "var(--radius-3xl)",
5389
- overflow: "hidden",
5390
- paddingBottom: "var(--spacing-md)",
5432
+ /* NOT `overflow: hidden`. The caret below hangs half outside
5433
+ this card by design, and clipping here cuts it off. The
5434
+ inner box clips instead — which is also what keeps a
5435
+ child's opaque background off the rounded corners. */
5391
5436
  opacity: panelOpen ? 1 : 0,
5392
5437
  transform: panelOpen ? "translateX(0)" : "translateX(-4px)",
5393
5438
  pointerEvents: panelOpen ? "auto" : "none",
5394
5439
  transition: "opacity 180ms ease, transform 180ms ease"
5395
5440
  },
5396
- children: switchPanel
5441
+ children: [
5442
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ScPopoverArrow, { arrow: { side: "left", top: 24 } }),
5443
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
5444
+ "div",
5445
+ {
5446
+ style: {
5447
+ borderRadius: "var(--radius-3xl)",
5448
+ overflow: "hidden",
5449
+ paddingBottom: "var(--spacing-md)"
5450
+ },
5451
+ children: switchPanel
5452
+ }
5453
+ )
5454
+ ]
5397
5455
  }
5398
5456
  )
5399
5457
  ] }) : null,
5400
- /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
5458
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
5401
5459
  "div",
5402
5460
  {
5403
5461
  className: "flex flex-col flex-1 items-center min-h-0 overflow-y-auto sidebar-scroll",
@@ -5411,9 +5469,9 @@ function StreamoidSidebar({
5411
5469
  },
5412
5470
  children: [
5413
5471
  collapsedLogo,
5414
- !!(topItems?.length || config.topItem) ? /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_jsx_runtime52.Fragment, { children: [
5415
- /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(HDivider, { edgeToEdge: true }),
5416
- /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
5472
+ !!(topItems?.length || config.topItem) ? /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
5473
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(HDivider, { edgeToEdge: true }),
5474
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
5417
5475
  "div",
5418
5476
  {
5419
5477
  className: "flex flex-col items-center shrink-0",
@@ -5434,10 +5492,10 @@ function StreamoidSidebar({
5434
5492
  )
5435
5493
  }
5436
5494
  ),
5437
- /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(HDivider, {})
5495
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(HDivider, {})
5438
5496
  ] }) : null,
5439
- showBody && bodyContent ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "flex flex-col items-center w-full", children: bodyContent }) : config.sections.map((section, sectionIndex) => /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex flex-col items-center w-full", children: [
5440
- /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
5497
+ showBody && bodyContent ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "flex flex-col items-center w-full", children: bodyContent }) : config.sections.map((section, sectionIndex) => /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex flex-col items-center w-full", children: [
5498
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
5441
5499
  "div",
5442
5500
  {
5443
5501
  className: "flex flex-col items-start shrink-0",
@@ -5460,14 +5518,14 @@ function StreamoidSidebar({
5460
5518
  )
5461
5519
  }
5462
5520
  ),
5463
- sectionIndex < config.sections.length - 1 ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(HDivider, {}) : null
5521
+ sectionIndex < config.sections.length - 1 ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(HDivider, {}) : null
5464
5522
  ] }, section.id))
5465
5523
  ]
5466
5524
  }
5467
5525
  ),
5468
- assistantCta ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(ScAskAgentSlot, { cta: assistantCta, collapsed: true }) : null,
5526
+ assistantCta ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ScAskAgentSlot, { cta: assistantCta, collapsed: true }) : null,
5469
5527
  preFooterContent,
5470
- config.bottomItems?.length ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
5528
+ config.bottomItems?.length ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
5471
5529
  "div",
5472
5530
  {
5473
5531
  className: "flex flex-col items-center justify-center shrink-0 w-full",
@@ -5487,8 +5545,8 @@ function StreamoidSidebar({
5487
5545
  )
5488
5546
  }
5489
5547
  ) : null,
5490
- /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(HDivider, { edgeToEdge: true }),
5491
- appIdentity ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
5548
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(HDivider, { edgeToEdge: true }),
5549
+ appIdentity ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
5492
5550
  "button",
5493
5551
  {
5494
5552
  type: "button",
@@ -5507,7 +5565,7 @@ function StreamoidSidebar({
5507
5565
  "aria-label": appIdentity.ariaLabel ?? "Switch apps",
5508
5566
  children: appIdentity.content
5509
5567
  }
5510
- ) : profile ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
5568
+ ) : profile ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
5511
5569
  "div",
5512
5570
  {
5513
5571
  className: "flex items-center justify-center shrink-0 cursor-pointer",
@@ -5526,7 +5584,7 @@ function StreamoidSidebar({
5526
5584
  children: profile.avatar
5527
5585
  }
5528
5586
  ) : null,
5529
- !hideFooter && /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
5587
+ !hideFooter && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
5530
5588
  "div",
5531
5589
  {
5532
5590
  className: "shrink-0 flex flex-col items-center",
@@ -5536,7 +5594,7 @@ function StreamoidSidebar({
5536
5594
  width: 56
5537
5595
  },
5538
5596
  children: [
5539
- /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
5597
+ /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
5540
5598
  "div",
5541
5599
  {
5542
5600
  className: "flex items-center cursor-pointer",
@@ -5548,7 +5606,7 @@ function StreamoidSidebar({
5548
5606
  children: resolveToggleIcon(toggleIcon, false)
5549
5607
  }
5550
5608
  ),
5551
- versionText ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
5609
+ versionText ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
5552
5610
  "p",
5553
5611
  {
5554
5612
  className: "text-text-xs-regular text-center truncate",
@@ -5608,7 +5666,7 @@ var ScSidebarShell_default = {
5608
5666
  };
5609
5667
 
5610
5668
  // src/SC-SidebarShell/ScSidebarShell.tsx
5611
- var import_jsx_runtime53 = require("react/jsx-runtime");
5669
+ var import_jsx_runtime54 = require("react/jsx-runtime");
5612
5670
  function ScSidebarWorkspaceTrigger({
5613
5671
  workspaceName,
5614
5672
  workspaceImage,
@@ -5619,7 +5677,7 @@ function ScSidebarWorkspaceTrigger({
5619
5677
  style
5620
5678
  }) {
5621
5679
  const initial = (workspaceName || "W").charAt(0).toUpperCase();
5622
- return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
5680
+ return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
5623
5681
  "button",
5624
5682
  {
5625
5683
  type: "button",
@@ -5629,7 +5687,7 @@ function ScSidebarWorkspaceTrigger({
5629
5687
  className: `${ScSidebarShell_default.workspaceTrigger} ${expanded ? ScSidebarShell_default.workspaceTriggerExpanded : ScSidebarShell_default.workspaceTriggerCollapsed}${className ? ` ${className}` : ""}`,
5630
5688
  style,
5631
5689
  children: [
5632
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
5690
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
5633
5691
  ScDp,
5634
5692
  {
5635
5693
  type: workspaceImage ? "image" : "initial",
@@ -5639,9 +5697,9 @@ function ScSidebarWorkspaceTrigger({
5639
5697
  size: expanded ? 32 : 40
5640
5698
  }
5641
5699
  ),
5642
- expanded ? /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
5643
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: ScSidebarShell_default.workspaceName, children: workspaceName }),
5644
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
5700
+ expanded ? /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_jsx_runtime54.Fragment, { children: [
5701
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: ScSidebarShell_default.workspaceName, children: workspaceName }),
5702
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
5645
5703
  import_icons37.SiconDoubleArrow,
5646
5704
  {
5647
5705
  size: 16,
@@ -5661,7 +5719,7 @@ function ScSidebarSearchTrigger({
5661
5719
  onClick,
5662
5720
  className
5663
5721
  }) {
5664
- return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
5722
+ return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
5665
5723
  "button",
5666
5724
  {
5667
5725
  type: "button",
@@ -5669,23 +5727,23 @@ function ScSidebarSearchTrigger({
5669
5727
  onClick,
5670
5728
  className: `${ScSidebarShell_default.searchTrigger} ${expanded ? ScSidebarShell_default.searchTriggerExpanded : ScSidebarShell_default.searchTriggerCollapsed}${className ? ` ${className}` : ""}`,
5671
5729
  children: [
5672
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
5730
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
5673
5731
  import_icons37.SiconSearch,
5674
5732
  {
5675
5733
  size: expanded ? 16 : 18,
5676
5734
  color: "var(--alias-text---icons-muted)"
5677
5735
  }
5678
5736
  ),
5679
- expanded ? /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
5680
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: ScSidebarShell_default.searchLabel, children: label }),
5681
- shortcut ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("kbd", { className: ScSidebarShell_default.shortcut, children: shortcut }) : null
5737
+ expanded ? /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_jsx_runtime54.Fragment, { children: [
5738
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: ScSidebarShell_default.searchLabel, children: label }),
5739
+ shortcut ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("kbd", { className: ScSidebarShell_default.shortcut, children: shortcut }) : null
5682
5740
  ] }) : null
5683
5741
  ]
5684
5742
  }
5685
5743
  );
5686
5744
  }
5687
5745
  function AppGridIcon() {
5688
- return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { "aria-hidden": true, className: ScSidebarShell_default.appGridIcon, children: Array.from({ length: 9 }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", {}, index)) });
5746
+ return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { "aria-hidden": true, className: ScSidebarShell_default.appGridIcon, children: Array.from({ length: 9 }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", {}, index)) });
5689
5747
  }
5690
5748
  var COMPACT_APP_LABELS = {
5691
5749
  // `cxo` is the product; `"streamoid"` (the company) is handled separately
@@ -5705,22 +5763,22 @@ function ScSidebarAppIdentity({
5705
5763
  className
5706
5764
  }) {
5707
5765
  const appLabel = label ?? (product === "streamoid" ? "Streamoid" : product);
5708
- return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
5766
+ return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
5709
5767
  "span",
5710
5768
  {
5711
5769
  "aria-label": `Switch Apps. Current app: ${appLabel}`,
5712
5770
  title: "Switch Apps",
5713
5771
  className: `${ScSidebarShell_default.appIdentity} ${expanded ? ScSidebarShell_default.appIdentityExpanded : ScSidebarShell_default.appIdentityCollapsed}${className ? ` ${className}` : ""}`,
5714
- children: expanded ? /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
5715
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: ScSidebarShell_default.appWordmark, children: product === "streamoid" ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ScStreamoidWordmark, { width: 110, height: 16 }) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
5772
+ children: expanded ? /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_jsx_runtime54.Fragment, { children: [
5773
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: ScSidebarShell_default.appWordmark, children: product === "streamoid" ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ScStreamoidWordmark, { width: 110, height: 16 }) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
5716
5774
  ScAppcardLogos,
5717
5775
  {
5718
5776
  product,
5719
5777
  style: { height: 16 }
5720
5778
  }
5721
5779
  ) }),
5722
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(AppGridIcon, {})
5723
- ] }) : collapsedMark ?? (product === "streamoid" ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ScStreamoidMascot, { size: 40 }) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { "aria-hidden": true, className: ScSidebarShell_default.collapsedProductMark, children: collapsedLabel ?? COMPACT_APP_LABELS[product] }))
5780
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(AppGridIcon, {})
5781
+ ] }) : collapsedMark ?? (product === "streamoid" ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ScStreamoidMascot, { size: 40 }) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { "aria-hidden": true, className: ScSidebarShell_default.collapsedProductMark, children: collapsedLabel ?? COMPACT_APP_LABELS[product] }))
5724
5782
  }
5725
5783
  );
5726
5784
  }
@@ -5732,13 +5790,13 @@ function MenuActionRow({
5732
5790
  trailing,
5733
5791
  ariaLabel
5734
5792
  }) {
5735
- const content = /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
5736
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: ScSidebarShell_default.rowIcon, children: icon }),
5737
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: ScSidebarShell_default.rowLabel, children: label }),
5738
- value != null ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: ScSidebarShell_default.rowValue, children: value }) : null,
5739
- trailing ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: ScSidebarShell_default.rowTrailing, children: trailing }) : null
5793
+ const content = /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_jsx_runtime54.Fragment, { children: [
5794
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: ScSidebarShell_default.rowIcon, children: icon }),
5795
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: ScSidebarShell_default.rowLabel, children: label }),
5796
+ value != null ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: ScSidebarShell_default.rowValue, children: value }) : null,
5797
+ trailing ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: ScSidebarShell_default.rowTrailing, children: trailing }) : null
5740
5798
  ] });
5741
- return onClick ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
5799
+ return onClick ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
5742
5800
  "button",
5743
5801
  {
5744
5802
  type: "button",
@@ -5747,13 +5805,13 @@ function MenuActionRow({
5747
5805
  className: ScSidebarShell_default.actionRow,
5748
5806
  children: content
5749
5807
  }
5750
- ) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: `${ScSidebarShell_default.actionRow} ${ScSidebarShell_default.actionRowStatic}`, children: content });
5808
+ ) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: `${ScSidebarShell_default.actionRow} ${ScSidebarShell_default.actionRowStatic}`, children: content });
5751
5809
  }
5752
5810
  function SectionTitle({ children }) {
5753
- return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("h2", { className: ScSidebarShell_default.sectionTitle, children });
5811
+ return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("h2", { className: ScSidebarShell_default.sectionTitle, children });
5754
5812
  }
5755
5813
  function ChevronRight() {
5756
- return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { "aria-hidden": true, className: ScSidebarShell_default.chevronRight, children: "\u203A" });
5814
+ return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { "aria-hidden": true, className: ScSidebarShell_default.chevronRight, children: "\u203A" });
5757
5815
  }
5758
5816
  function ScWorkspaceAccountMenu({
5759
5817
  workspaceName,
@@ -5786,15 +5844,15 @@ function ScWorkspaceAccountMenu({
5786
5844
  { value: "dark", label: "Dark", icon: import_icons37.SiconDark },
5787
5845
  { value: "system", label: "System", icon: import_icons37.SiconSystem }
5788
5846
  ];
5789
- return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
5847
+ return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
5790
5848
  "div",
5791
5849
  {
5792
5850
  className: `${ScSidebarShell_default.menu}${className ? ` ${className}` : ""}`,
5793
5851
  ...props,
5794
5852
  children: [
5795
- /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("section", { className: ScSidebarShell_default.section, children: [
5796
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SectionTitle, { children: "Workspace" }),
5797
- /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
5853
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("section", { className: ScSidebarShell_default.section, children: [
5854
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(SectionTitle, { children: "Workspace" }),
5855
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
5798
5856
  "button",
5799
5857
  {
5800
5858
  type: "button",
@@ -5802,7 +5860,7 @@ function ScWorkspaceAccountMenu({
5802
5860
  onClick: onSwitchWorkspace,
5803
5861
  className: ScSidebarShell_default.identityRow,
5804
5862
  children: [
5805
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
5863
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
5806
5864
  ScDp,
5807
5865
  {
5808
5866
  type: workspaceImage ? "image" : "initial",
@@ -5812,54 +5870,54 @@ function ScWorkspaceAccountMenu({
5812
5870
  size: 40
5813
5871
  }
5814
5872
  ),
5815
- /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { className: ScSidebarShell_default.identityText, children: [
5816
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: ScSidebarShell_default.identityName, children: workspaceName }),
5817
- /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { className: ScSidebarShell_default.identitySubtitle, children: [
5873
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { className: ScSidebarShell_default.identityText, children: [
5874
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: ScSidebarShell_default.identityName, children: workspaceName }),
5875
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { className: ScSidebarShell_default.identitySubtitle, children: [
5818
5876
  normalizedRole,
5819
5877
  " \xB7 Switch or create"
5820
5878
  ] })
5821
5879
  ] }),
5822
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ChevronRight, {})
5880
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ChevronRight, {})
5823
5881
  ]
5824
5882
  }
5825
5883
  ),
5826
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
5884
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
5827
5885
  MenuActionRow,
5828
5886
  {
5829
- icon: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_icons37.SiconTeam, { size: 20, color: primaryIcon }),
5887
+ icon: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_icons37.SiconTeam, { size: 20, color: primaryIcon }),
5830
5888
  label: "Invite Members",
5831
5889
  onClick: onInviteMembers
5832
5890
  }
5833
5891
  ),
5834
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
5892
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
5835
5893
  MenuActionRow,
5836
5894
  {
5837
- icon: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_icons37.SiconBilling, { size: 20, color: primaryIcon }),
5895
+ icon: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_icons37.SiconBilling, { size: 20, color: primaryIcon }),
5838
5896
  label: "Billing & Usage",
5839
5897
  value: creditsLabel,
5840
5898
  onClick: onBilling
5841
5899
  }
5842
5900
  )
5843
5901
  ] }),
5844
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { "aria-hidden": true, className: ScSidebarShell_default.divider }),
5845
- /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("section", { className: ScSidebarShell_default.section, children: [
5846
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SectionTitle, { children: "Organization" }),
5847
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
5902
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { "aria-hidden": true, className: ScSidebarShell_default.divider }),
5903
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("section", { className: ScSidebarShell_default.section, children: [
5904
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(SectionTitle, { children: "Organization" }),
5905
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
5848
5906
  MenuActionRow,
5849
5907
  {
5850
- icon: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_icons37.SiconWorkspace, { size: 20, color: primaryIcon }),
5908
+ icon: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_icons37.SiconWorkspace, { size: 20, color: primaryIcon }),
5851
5909
  label: organizationName || "No organization",
5852
5910
  value: organizationName && organizationRole ? organizationRole : void 0,
5853
5911
  ariaLabel: organizationName ? `Open ${organizationName} organization settings` : void 0,
5854
- trailing: organizationName ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ChevronRight, {}) : void 0,
5912
+ trailing: organizationName ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ChevronRight, {}) : void 0,
5855
5913
  onClick: organizationName ? onOrganizationClick : void 0
5856
5914
  }
5857
5915
  )
5858
5916
  ] }),
5859
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { "aria-hidden": true, className: ScSidebarShell_default.divider }),
5860
- /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("section", { className: ScSidebarShell_default.section, children: [
5861
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SectionTitle, { children: "Account" }),
5862
- /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
5917
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { "aria-hidden": true, className: ScSidebarShell_default.divider }),
5918
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("section", { className: ScSidebarShell_default.section, children: [
5919
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(SectionTitle, { children: "Account" }),
5920
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
5863
5921
  "button",
5864
5922
  {
5865
5923
  type: "button",
@@ -5867,7 +5925,7 @@ function ScWorkspaceAccountMenu({
5867
5925
  onClick: onAccountClick,
5868
5926
  className: ScSidebarShell_default.identityRow,
5869
5927
  children: [
5870
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
5928
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
5871
5929
  ScDp,
5872
5930
  {
5873
5931
  type: accountImage ? "image" : "initial",
@@ -5877,17 +5935,17 @@ function ScWorkspaceAccountMenu({
5877
5935
  size: 40
5878
5936
  }
5879
5937
  ),
5880
- /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { className: ScSidebarShell_default.identityText, children: [
5881
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: ScSidebarShell_default.identityName, children: accountName }),
5882
- accountEmail ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: ScSidebarShell_default.identitySubtitle, children: accountEmail }) : null
5938
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { className: ScSidebarShell_default.identityText, children: [
5939
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: ScSidebarShell_default.identityName, children: accountName }),
5940
+ accountEmail ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: ScSidebarShell_default.identitySubtitle, children: accountEmail }) : null
5883
5941
  ] }),
5884
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ChevronRight, {})
5942
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ChevronRight, {})
5885
5943
  ]
5886
5944
  }
5887
5945
  ),
5888
- /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { role: "radiogroup", "aria-label": "Theme", className: ScSidebarShell_default.themePicker, children: themes.map(({ value, label, icon: Icon }) => {
5946
+ /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { role: "radiogroup", "aria-label": "Theme", className: ScSidebarShell_default.themePicker, children: themes.map(({ value, label, icon: Icon }) => {
5889
5947
  const selected = themeMode === value;
5890
- return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
5948
+ return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
5891
5949
  "button",
5892
5950
  {
5893
5951
  type: "button",
@@ -5897,7 +5955,7 @@ function ScWorkspaceAccountMenu({
5897
5955
  title: label,
5898
5956
  onClick: () => onThemeModeChange?.(value),
5899
5957
  className: `${ScSidebarShell_default.themeButton}${selected ? ` ${ScSidebarShell_default.themeButtonSelected}` : ""}`,
5900
- children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
5958
+ children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
5901
5959
  Icon,
5902
5960
  {
5903
5961
  size: 20,
@@ -6281,45 +6339,6 @@ function useStreamoidAnchoredPopoverPosition(anchorRef, panelRef, { width, gap =
6281
6339
  return position;
6282
6340
  }
6283
6341
 
6284
- // src/SC-SidebarShell/ScPopoverArrow.tsx
6285
- var import_jsx_runtime54 = require("react/jsx-runtime");
6286
- function ScPopoverArrow({
6287
- arrow,
6288
- background = "var(--alias-surface-base, #101010)",
6289
- borderColor = "var(--alias-border-default, #3e3e3e)",
6290
- size = 12,
6291
- style
6292
- }) {
6293
- if (!arrow) return null;
6294
- const half = size / 2;
6295
- const onLeftEdge = arrow.side === "left";
6296
- return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
6297
- "span",
6298
- {
6299
- "aria-hidden": true,
6300
- "data-streamoid-popover-arrow": arrow.side,
6301
- style: {
6302
- position: "absolute",
6303
- top: arrow.top - half,
6304
- [onLeftEdge ? "left" : "right"]: -half,
6305
- width: size,
6306
- height: size,
6307
- background,
6308
- /* Only the two edges that face away from the card. The other two sit
6309
- under it, where a border would draw a line across the card's own
6310
- edge. */
6311
- borderTop: onLeftEdge ? "none" : `1px solid ${borderColor}`,
6312
- borderRight: onLeftEdge ? "none" : `1px solid ${borderColor}`,
6313
- borderBottom: onLeftEdge ? `1px solid ${borderColor}` : "none",
6314
- borderLeft: onLeftEdge ? `1px solid ${borderColor}` : "none",
6315
- transform: "rotate(45deg)",
6316
- pointerEvents: "none",
6317
- ...style
6318
- }
6319
- }
6320
- );
6321
- }
6322
-
6323
6342
  // src/SC-SidebarShell/useStreamoidSidebarPopoverPosition.ts
6324
6343
  var import_react18 = require("react");
6325
6344
  var VIEWPORT_INSET = 16;