@streamoid/ui 0.6.51 → 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.
- package/dist/index.js +183 -168
- package/dist/index.mjs +149 -134
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -4804,10 +4804,49 @@ function ScSidebarResizeHandle({
|
|
|
4804
4804
|
);
|
|
4805
4805
|
}
|
|
4806
4806
|
|
|
4807
|
-
// src/SC-
|
|
4807
|
+
// src/SC-SidebarShell/ScPopoverArrow.tsx
|
|
4808
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");
|
|
4809
4848
|
function SectionHeader({ label }) {
|
|
4810
|
-
return /* @__PURE__ */ (0,
|
|
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)(
|
|
4811
4850
|
"div",
|
|
4812
4851
|
{
|
|
4813
4852
|
className: "flex items-center w-full text-text-xs-regular",
|
|
@@ -4815,12 +4854,12 @@ function SectionHeader({ label }) {
|
|
|
4815
4854
|
padding: "var(--spacing-xs) var(--spacing-3xl)",
|
|
4816
4855
|
color: "var(--alias-text---icons-tertiary)"
|
|
4817
4856
|
},
|
|
4818
|
-
children: /* @__PURE__ */ (0,
|
|
4857
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { children: label })
|
|
4819
4858
|
}
|
|
4820
4859
|
) }) });
|
|
4821
4860
|
}
|
|
4822
4861
|
function HDivider({ edgeToEdge = false }) {
|
|
4823
|
-
return /* @__PURE__ */ (0,
|
|
4862
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
4824
4863
|
"div",
|
|
4825
4864
|
{
|
|
4826
4865
|
className: "shrink-0",
|
|
@@ -4865,7 +4904,7 @@ function renderMenuItem({
|
|
|
4865
4904
|
const derivedState = active ? "active" : highlighted ? "default-highlight" : "default";
|
|
4866
4905
|
const state = stateOverride ?? derivedState;
|
|
4867
4906
|
const iconActive = state === "active" || state === "default-active" || state === "default-highlight";
|
|
4868
|
-
return /* @__PURE__ */ (0,
|
|
4907
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
4869
4908
|
ScSidebarMenu,
|
|
4870
4909
|
{
|
|
4871
4910
|
icon: resolveIcon(iconMap, item, iconActive, expanded),
|
|
@@ -4923,9 +4962,9 @@ function StreamoidSidebar({
|
|
|
4923
4962
|
onToggle();
|
|
4924
4963
|
};
|
|
4925
4964
|
if (expanded) {
|
|
4926
|
-
const logoRow = /* @__PURE__ */ (0,
|
|
4927
|
-
/* @__PURE__ */ (0,
|
|
4928
|
-
isMobile ? /* @__PURE__ */ (0,
|
|
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)(
|
|
4929
4968
|
"div",
|
|
4930
4969
|
{
|
|
4931
4970
|
className: "flex items-center cursor-pointer shrink-0",
|
|
@@ -4938,20 +4977,20 @@ function StreamoidSidebar({
|
|
|
4938
4977
|
}
|
|
4939
4978
|
) : null
|
|
4940
4979
|
] });
|
|
4941
|
-
return /* @__PURE__ */ (0,
|
|
4980
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
|
|
4942
4981
|
"div",
|
|
4943
4982
|
{
|
|
4944
4983
|
className: `relative flex h-full items-center shrink-0 ${className ?? ""}`.trim(),
|
|
4945
4984
|
style: { padding: "var(--spacing-3xl)", ...style },
|
|
4946
4985
|
children: [
|
|
4947
|
-
resizable && !isMobile ? /* @__PURE__ */ (0,
|
|
4986
|
+
resizable && !isMobile ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
4948
4987
|
ScSidebarResizeHandle,
|
|
4949
4988
|
{
|
|
4950
4989
|
expanded,
|
|
4951
4990
|
onExpandedChange: changeExpanded
|
|
4952
4991
|
}
|
|
4953
4992
|
) : null,
|
|
4954
|
-
/* @__PURE__ */ (0,
|
|
4993
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
|
|
4955
4994
|
"div",
|
|
4956
4995
|
{
|
|
4957
4996
|
"data-streamoid-sidebar-card": true,
|
|
@@ -4968,7 +5007,7 @@ function StreamoidSidebar({
|
|
|
4968
5007
|
gap: "var(--spacing-xxs)"
|
|
4969
5008
|
},
|
|
4970
5009
|
children: [
|
|
4971
|
-
/* @__PURE__ */ (0,
|
|
5010
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
4972
5011
|
"div",
|
|
4973
5012
|
{
|
|
4974
5013
|
"aria-hidden": "true",
|
|
@@ -4982,7 +5021,7 @@ function StreamoidSidebar({
|
|
|
4982
5021
|
}
|
|
4983
5022
|
}
|
|
4984
5023
|
),
|
|
4985
|
-
hasSwitchCard ? /* @__PURE__ */ (0,
|
|
5024
|
+
hasSwitchCard ? /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
|
|
4986
5025
|
"div",
|
|
4987
5026
|
{
|
|
4988
5027
|
className: "w-full shrink-0 relative",
|
|
@@ -4997,7 +5036,7 @@ function StreamoidSidebar({
|
|
|
4997
5036
|
transition: "background-color 200ms ease, box-shadow 200ms ease"
|
|
4998
5037
|
},
|
|
4999
5038
|
children: [
|
|
5000
|
-
/* @__PURE__ */ (0,
|
|
5039
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
5001
5040
|
"div",
|
|
5002
5041
|
{
|
|
5003
5042
|
style: {
|
|
@@ -5009,7 +5048,7 @@ function StreamoidSidebar({
|
|
|
5009
5048
|
children: logoRow
|
|
5010
5049
|
}
|
|
5011
5050
|
),
|
|
5012
|
-
/* @__PURE__ */ (0,
|
|
5051
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
5013
5052
|
"div",
|
|
5014
5053
|
{
|
|
5015
5054
|
className: "absolute left-0 right-0",
|
|
@@ -5025,7 +5064,7 @@ function StreamoidSidebar({
|
|
|
5025
5064
|
overflow: "hidden",
|
|
5026
5065
|
transition: "opacity 200ms ease, background-color 200ms ease, box-shadow 200ms ease"
|
|
5027
5066
|
},
|
|
5028
|
-
children: /* @__PURE__ */ (0,
|
|
5067
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
5029
5068
|
"div",
|
|
5030
5069
|
{
|
|
5031
5070
|
style: {
|
|
@@ -5033,7 +5072,7 @@ function StreamoidSidebar({
|
|
|
5033
5072
|
gridTemplateRows: panelOpen ? "1fr" : "0fr",
|
|
5034
5073
|
transition: "grid-template-rows 220ms ease"
|
|
5035
5074
|
},
|
|
5036
|
-
children: /* @__PURE__ */ (0,
|
|
5075
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { style: { overflow: "hidden", minHeight: 0 }, children: switchPanel })
|
|
5037
5076
|
}
|
|
5038
5077
|
)
|
|
5039
5078
|
}
|
|
@@ -5041,7 +5080,7 @@ function StreamoidSidebar({
|
|
|
5041
5080
|
]
|
|
5042
5081
|
}
|
|
5043
5082
|
) : null,
|
|
5044
|
-
hasSwitchCard ? /* @__PURE__ */ (0,
|
|
5083
|
+
hasSwitchCard ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
5045
5084
|
"div",
|
|
5046
5085
|
{
|
|
5047
5086
|
"aria-hidden": "true",
|
|
@@ -5057,7 +5096,7 @@ function StreamoidSidebar({
|
|
|
5057
5096
|
}
|
|
5058
5097
|
}
|
|
5059
5098
|
) : null,
|
|
5060
|
-
/* @__PURE__ */ (0,
|
|
5099
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
|
|
5061
5100
|
"div",
|
|
5062
5101
|
{
|
|
5063
5102
|
className: "flex flex-col flex-1 items-start min-h-0 w-full overflow-y-auto sidebar-scroll",
|
|
@@ -5075,9 +5114,9 @@ function StreamoidSidebar({
|
|
|
5075
5114
|
},
|
|
5076
5115
|
children: [
|
|
5077
5116
|
!hasSwitchCard ? logoRow : null,
|
|
5078
|
-
!!(topItems?.length || config.topItem) && /* @__PURE__ */ (0,
|
|
5079
|
-
/* @__PURE__ */ (0,
|
|
5080
|
-
/* @__PURE__ */ (0,
|
|
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)(
|
|
5081
5120
|
"div",
|
|
5082
5121
|
{
|
|
5083
5122
|
className: "flex flex-col items-stretch shrink-0 w-full",
|
|
@@ -5098,11 +5137,11 @@ function StreamoidSidebar({
|
|
|
5098
5137
|
)
|
|
5099
5138
|
}
|
|
5100
5139
|
),
|
|
5101
|
-
/* @__PURE__ */ (0,
|
|
5140
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(HDivider, {})
|
|
5102
5141
|
] }),
|
|
5103
|
-
showBody && bodyContent ? /* @__PURE__ */ (0,
|
|
5104
|
-
!(topItems?.length || config.topItem) && /* @__PURE__ */ (0,
|
|
5105
|
-
config.sections.map((section) => /* @__PURE__ */ (0,
|
|
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)(
|
|
5106
5145
|
"div",
|
|
5107
5146
|
{
|
|
5108
5147
|
className: "flex flex-col items-start shrink-0 w-full",
|
|
@@ -5111,7 +5150,7 @@ function StreamoidSidebar({
|
|
|
5111
5150
|
gap: "var(--spacing-xxs)"
|
|
5112
5151
|
},
|
|
5113
5152
|
children: [
|
|
5114
|
-
section.label ? /* @__PURE__ */ (0,
|
|
5153
|
+
section.label ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SectionHeader, { label: section.label }) : null,
|
|
5115
5154
|
section.items.map(
|
|
5116
5155
|
(item) => renderMenuItem({
|
|
5117
5156
|
item,
|
|
@@ -5130,9 +5169,9 @@ function StreamoidSidebar({
|
|
|
5130
5169
|
]
|
|
5131
5170
|
}
|
|
5132
5171
|
),
|
|
5133
|
-
assistantCta ? /* @__PURE__ */ (0,
|
|
5172
|
+
assistantCta ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ScAskAgentSlot, { cta: assistantCta }) : null,
|
|
5134
5173
|
preFooterContent,
|
|
5135
|
-
config.bottomItems?.length ? /* @__PURE__ */ (0,
|
|
5174
|
+
config.bottomItems?.length ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
5136
5175
|
"div",
|
|
5137
5176
|
{
|
|
5138
5177
|
className: "flex flex-col items-start shrink-0 w-full",
|
|
@@ -5149,8 +5188,8 @@ function StreamoidSidebar({
|
|
|
5149
5188
|
)
|
|
5150
5189
|
}
|
|
5151
5190
|
) : null,
|
|
5152
|
-
/* @__PURE__ */ (0,
|
|
5153
|
-
appIdentity ? /* @__PURE__ */ (0,
|
|
5191
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(HDivider, { edgeToEdge: true }),
|
|
5192
|
+
appIdentity ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
5154
5193
|
"button",
|
|
5155
5194
|
{
|
|
5156
5195
|
type: "button",
|
|
@@ -5172,13 +5211,13 @@ function StreamoidSidebar({
|
|
|
5172
5211
|
) : profile ? toggleInProfile && !effectiveHideFooter ? (
|
|
5173
5212
|
/* Footer row: profile and collapse toggle are two SEPARATE
|
|
5174
5213
|
interactive units side by side (own rounded hover bg each). */
|
|
5175
|
-
/* @__PURE__ */ (0,
|
|
5214
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
|
|
5176
5215
|
"div",
|
|
5177
5216
|
{
|
|
5178
5217
|
className: "flex items-center shrink-0 w-full",
|
|
5179
5218
|
style: { gap: "var(--spacing-md)", paddingTop: "var(--spacing-md)" },
|
|
5180
5219
|
children: [
|
|
5181
|
-
/* @__PURE__ */ (0,
|
|
5220
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
|
|
5182
5221
|
"div",
|
|
5183
5222
|
{
|
|
5184
5223
|
className: "flex flex-1 min-w-0 items-center cursor-pointer",
|
|
@@ -5197,8 +5236,8 @@ function StreamoidSidebar({
|
|
|
5197
5236
|
},
|
|
5198
5237
|
children: [
|
|
5199
5238
|
profile.avatar,
|
|
5200
|
-
/* @__PURE__ */ (0,
|
|
5201
|
-
/* @__PURE__ */ (0,
|
|
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)(
|
|
5202
5241
|
"span",
|
|
5203
5242
|
{
|
|
5204
5243
|
className: "text-text-sm-medium truncate",
|
|
@@ -5206,7 +5245,7 @@ function StreamoidSidebar({
|
|
|
5206
5245
|
children: profile.name
|
|
5207
5246
|
}
|
|
5208
5247
|
),
|
|
5209
|
-
profile.subtitle ? /* @__PURE__ */ (0,
|
|
5248
|
+
profile.subtitle ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
5210
5249
|
"span",
|
|
5211
5250
|
{
|
|
5212
5251
|
className: "text-text-xs-regular truncate",
|
|
@@ -5218,7 +5257,7 @@ function StreamoidSidebar({
|
|
|
5218
5257
|
]
|
|
5219
5258
|
}
|
|
5220
5259
|
),
|
|
5221
|
-
/* @__PURE__ */ (0,
|
|
5260
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
5222
5261
|
"div",
|
|
5223
5262
|
{
|
|
5224
5263
|
className: "flex items-center cursor-pointer shrink-0",
|
|
@@ -5240,8 +5279,8 @@ function StreamoidSidebar({
|
|
|
5240
5279
|
]
|
|
5241
5280
|
}
|
|
5242
5281
|
)
|
|
5243
|
-
) : /* @__PURE__ */ (0,
|
|
5244
|
-
/* @__PURE__ */ (0,
|
|
5282
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
|
|
5283
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
|
|
5245
5284
|
"div",
|
|
5246
5285
|
{
|
|
5247
5286
|
className: "flex items-center shrink-0 w-full cursor-pointer",
|
|
@@ -5259,8 +5298,8 @@ function StreamoidSidebar({
|
|
|
5259
5298
|
},
|
|
5260
5299
|
children: [
|
|
5261
5300
|
profile.avatar,
|
|
5262
|
-
/* @__PURE__ */ (0,
|
|
5263
|
-
/* @__PURE__ */ (0,
|
|
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)(
|
|
5264
5303
|
"span",
|
|
5265
5304
|
{
|
|
5266
5305
|
className: "text-text-sm-medium truncate",
|
|
@@ -5268,7 +5307,7 @@ function StreamoidSidebar({
|
|
|
5268
5307
|
children: profile.name
|
|
5269
5308
|
}
|
|
5270
5309
|
),
|
|
5271
|
-
profile.subtitle ? /* @__PURE__ */ (0,
|
|
5310
|
+
profile.subtitle ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
5272
5311
|
"span",
|
|
5273
5312
|
{
|
|
5274
5313
|
className: "text-text-xs-regular truncate",
|
|
@@ -5280,9 +5319,9 @@ function StreamoidSidebar({
|
|
|
5280
5319
|
]
|
|
5281
5320
|
}
|
|
5282
5321
|
),
|
|
5283
|
-
!effectiveHideFooter && /* @__PURE__ */ (0,
|
|
5322
|
+
!effectiveHideFooter && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_jsx_runtime53.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(HDivider, {}) })
|
|
5284
5323
|
] }) : null,
|
|
5285
|
-
!effectiveHideFooter && !toggleInProfile && /* @__PURE__ */ (0,
|
|
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)(
|
|
5286
5325
|
"div",
|
|
5287
5326
|
{
|
|
5288
5327
|
className: "flex items-center w-full",
|
|
@@ -5291,7 +5330,7 @@ function StreamoidSidebar({
|
|
|
5291
5330
|
padding: "var(--spacing-xs) var(--spacing-xs) var(--spacing-xs) var(--spacing-xl)"
|
|
5292
5331
|
},
|
|
5293
5332
|
children: [
|
|
5294
|
-
/* @__PURE__ */ (0,
|
|
5333
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
5295
5334
|
"p",
|
|
5296
5335
|
{
|
|
5297
5336
|
className: "flex-1 text-text-sm-regular truncate",
|
|
@@ -5299,7 +5338,7 @@ function StreamoidSidebar({
|
|
|
5299
5338
|
children: versionText
|
|
5300
5339
|
}
|
|
5301
5340
|
),
|
|
5302
|
-
/* @__PURE__ */ (0,
|
|
5341
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
5303
5342
|
"div",
|
|
5304
5343
|
{
|
|
5305
5344
|
className: "flex items-center cursor-pointer",
|
|
@@ -5321,20 +5360,20 @@ function StreamoidSidebar({
|
|
|
5321
5360
|
}
|
|
5322
5361
|
);
|
|
5323
5362
|
}
|
|
5324
|
-
return /* @__PURE__ */ (0,
|
|
5363
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
|
|
5325
5364
|
"div",
|
|
5326
5365
|
{
|
|
5327
5366
|
className: `relative flex h-full items-center justify-center shrink-0 ${className ?? ""}`.trim(),
|
|
5328
5367
|
style: { padding: "var(--spacing-3xl)", ...style },
|
|
5329
5368
|
children: [
|
|
5330
|
-
resizable && !isMobile ? /* @__PURE__ */ (0,
|
|
5369
|
+
resizable && !isMobile ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
5331
5370
|
ScSidebarResizeHandle,
|
|
5332
5371
|
{
|
|
5333
5372
|
expanded,
|
|
5334
5373
|
onExpandedChange: changeExpanded
|
|
5335
5374
|
}
|
|
5336
5375
|
) : null,
|
|
5337
|
-
/* @__PURE__ */ (0,
|
|
5376
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
|
|
5338
5377
|
"div",
|
|
5339
5378
|
{
|
|
5340
5379
|
"data-streamoid-sidebar-card": true,
|
|
@@ -5350,7 +5389,7 @@ function StreamoidSidebar({
|
|
|
5350
5389
|
gap: "var(--spacing-xxs)"
|
|
5351
5390
|
},
|
|
5352
5391
|
children: [
|
|
5353
|
-
/* @__PURE__ */ (0,
|
|
5392
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
5354
5393
|
"div",
|
|
5355
5394
|
{
|
|
5356
5395
|
"aria-hidden": "true",
|
|
@@ -5362,8 +5401,8 @@ function StreamoidSidebar({
|
|
|
5362
5401
|
}
|
|
5363
5402
|
}
|
|
5364
5403
|
),
|
|
5365
|
-
hasSwitchCard ? /* @__PURE__ */ (0,
|
|
5366
|
-
/* @__PURE__ */ (0,
|
|
5404
|
+
hasSwitchCard ? /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
|
|
5405
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
5367
5406
|
"div",
|
|
5368
5407
|
{
|
|
5369
5408
|
"aria-hidden": "true",
|
|
@@ -5378,7 +5417,7 @@ function StreamoidSidebar({
|
|
|
5378
5417
|
}
|
|
5379
5418
|
}
|
|
5380
5419
|
),
|
|
5381
|
-
/* @__PURE__ */ (0,
|
|
5420
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
|
|
5382
5421
|
"div",
|
|
5383
5422
|
{
|
|
5384
5423
|
style: {
|
|
@@ -5390,18 +5429,33 @@ function StreamoidSidebar({
|
|
|
5390
5429
|
backgroundColor: "var(--alias-surface-base)",
|
|
5391
5430
|
border: "1px solid var(--alias-border-default)",
|
|
5392
5431
|
borderRadius: "var(--radius-3xl)",
|
|
5393
|
-
overflow:
|
|
5394
|
-
|
|
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. */
|
|
5395
5436
|
opacity: panelOpen ? 1 : 0,
|
|
5396
5437
|
transform: panelOpen ? "translateX(0)" : "translateX(-4px)",
|
|
5397
5438
|
pointerEvents: panelOpen ? "auto" : "none",
|
|
5398
5439
|
transition: "opacity 180ms ease, transform 180ms ease"
|
|
5399
5440
|
},
|
|
5400
|
-
children:
|
|
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
|
+
]
|
|
5401
5455
|
}
|
|
5402
5456
|
)
|
|
5403
5457
|
] }) : null,
|
|
5404
|
-
/* @__PURE__ */ (0,
|
|
5458
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
|
|
5405
5459
|
"div",
|
|
5406
5460
|
{
|
|
5407
5461
|
className: "flex flex-col flex-1 items-center min-h-0 overflow-y-auto sidebar-scroll",
|
|
@@ -5415,9 +5469,9 @@ function StreamoidSidebar({
|
|
|
5415
5469
|
},
|
|
5416
5470
|
children: [
|
|
5417
5471
|
collapsedLogo,
|
|
5418
|
-
!!(topItems?.length || config.topItem) ? /* @__PURE__ */ (0,
|
|
5419
|
-
/* @__PURE__ */ (0,
|
|
5420
|
-
/* @__PURE__ */ (0,
|
|
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)(
|
|
5421
5475
|
"div",
|
|
5422
5476
|
{
|
|
5423
5477
|
className: "flex flex-col items-center shrink-0",
|
|
@@ -5438,10 +5492,10 @@ function StreamoidSidebar({
|
|
|
5438
5492
|
)
|
|
5439
5493
|
}
|
|
5440
5494
|
),
|
|
5441
|
-
/* @__PURE__ */ (0,
|
|
5495
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(HDivider, {})
|
|
5442
5496
|
] }) : null,
|
|
5443
|
-
showBody && bodyContent ? /* @__PURE__ */ (0,
|
|
5444
|
-
/* @__PURE__ */ (0,
|
|
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)(
|
|
5445
5499
|
"div",
|
|
5446
5500
|
{
|
|
5447
5501
|
className: "flex flex-col items-start shrink-0",
|
|
@@ -5464,14 +5518,14 @@ function StreamoidSidebar({
|
|
|
5464
5518
|
)
|
|
5465
5519
|
}
|
|
5466
5520
|
),
|
|
5467
|
-
sectionIndex < config.sections.length - 1 ? /* @__PURE__ */ (0,
|
|
5521
|
+
sectionIndex < config.sections.length - 1 ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(HDivider, {}) : null
|
|
5468
5522
|
] }, section.id))
|
|
5469
5523
|
]
|
|
5470
5524
|
}
|
|
5471
5525
|
),
|
|
5472
|
-
assistantCta ? /* @__PURE__ */ (0,
|
|
5526
|
+
assistantCta ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ScAskAgentSlot, { cta: assistantCta, collapsed: true }) : null,
|
|
5473
5527
|
preFooterContent,
|
|
5474
|
-
config.bottomItems?.length ? /* @__PURE__ */ (0,
|
|
5528
|
+
config.bottomItems?.length ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
5475
5529
|
"div",
|
|
5476
5530
|
{
|
|
5477
5531
|
className: "flex flex-col items-center justify-center shrink-0 w-full",
|
|
@@ -5491,8 +5545,8 @@ function StreamoidSidebar({
|
|
|
5491
5545
|
)
|
|
5492
5546
|
}
|
|
5493
5547
|
) : null,
|
|
5494
|
-
/* @__PURE__ */ (0,
|
|
5495
|
-
appIdentity ? /* @__PURE__ */ (0,
|
|
5548
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(HDivider, { edgeToEdge: true }),
|
|
5549
|
+
appIdentity ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
5496
5550
|
"button",
|
|
5497
5551
|
{
|
|
5498
5552
|
type: "button",
|
|
@@ -5511,7 +5565,7 @@ function StreamoidSidebar({
|
|
|
5511
5565
|
"aria-label": appIdentity.ariaLabel ?? "Switch apps",
|
|
5512
5566
|
children: appIdentity.content
|
|
5513
5567
|
}
|
|
5514
|
-
) : profile ? /* @__PURE__ */ (0,
|
|
5568
|
+
) : profile ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
5515
5569
|
"div",
|
|
5516
5570
|
{
|
|
5517
5571
|
className: "flex items-center justify-center shrink-0 cursor-pointer",
|
|
@@ -5530,7 +5584,7 @@ function StreamoidSidebar({
|
|
|
5530
5584
|
children: profile.avatar
|
|
5531
5585
|
}
|
|
5532
5586
|
) : null,
|
|
5533
|
-
!hideFooter && /* @__PURE__ */ (0,
|
|
5587
|
+
!hideFooter && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
|
|
5534
5588
|
"div",
|
|
5535
5589
|
{
|
|
5536
5590
|
className: "shrink-0 flex flex-col items-center",
|
|
@@ -5540,7 +5594,7 @@ function StreamoidSidebar({
|
|
|
5540
5594
|
width: 56
|
|
5541
5595
|
},
|
|
5542
5596
|
children: [
|
|
5543
|
-
/* @__PURE__ */ (0,
|
|
5597
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
5544
5598
|
"div",
|
|
5545
5599
|
{
|
|
5546
5600
|
className: "flex items-center cursor-pointer",
|
|
@@ -5552,7 +5606,7 @@ function StreamoidSidebar({
|
|
|
5552
5606
|
children: resolveToggleIcon(toggleIcon, false)
|
|
5553
5607
|
}
|
|
5554
5608
|
),
|
|
5555
|
-
versionText ? /* @__PURE__ */ (0,
|
|
5609
|
+
versionText ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
5556
5610
|
"p",
|
|
5557
5611
|
{
|
|
5558
5612
|
className: "text-text-xs-regular text-center truncate",
|
|
@@ -5612,7 +5666,7 @@ var ScSidebarShell_default = {
|
|
|
5612
5666
|
};
|
|
5613
5667
|
|
|
5614
5668
|
// src/SC-SidebarShell/ScSidebarShell.tsx
|
|
5615
|
-
var
|
|
5669
|
+
var import_jsx_runtime54 = require("react/jsx-runtime");
|
|
5616
5670
|
function ScSidebarWorkspaceTrigger({
|
|
5617
5671
|
workspaceName,
|
|
5618
5672
|
workspaceImage,
|
|
@@ -5623,7 +5677,7 @@ function ScSidebarWorkspaceTrigger({
|
|
|
5623
5677
|
style
|
|
5624
5678
|
}) {
|
|
5625
5679
|
const initial = (workspaceName || "W").charAt(0).toUpperCase();
|
|
5626
|
-
return /* @__PURE__ */ (0,
|
|
5680
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
|
|
5627
5681
|
"button",
|
|
5628
5682
|
{
|
|
5629
5683
|
type: "button",
|
|
@@ -5633,7 +5687,7 @@ function ScSidebarWorkspaceTrigger({
|
|
|
5633
5687
|
className: `${ScSidebarShell_default.workspaceTrigger} ${expanded ? ScSidebarShell_default.workspaceTriggerExpanded : ScSidebarShell_default.workspaceTriggerCollapsed}${className ? ` ${className}` : ""}`,
|
|
5634
5688
|
style,
|
|
5635
5689
|
children: [
|
|
5636
|
-
/* @__PURE__ */ (0,
|
|
5690
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
5637
5691
|
ScDp,
|
|
5638
5692
|
{
|
|
5639
5693
|
type: workspaceImage ? "image" : "initial",
|
|
@@ -5643,9 +5697,9 @@ function ScSidebarWorkspaceTrigger({
|
|
|
5643
5697
|
size: expanded ? 32 : 40
|
|
5644
5698
|
}
|
|
5645
5699
|
),
|
|
5646
|
-
expanded ? /* @__PURE__ */ (0,
|
|
5647
|
-
/* @__PURE__ */ (0,
|
|
5648
|
-
/* @__PURE__ */ (0,
|
|
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)(
|
|
5649
5703
|
import_icons37.SiconDoubleArrow,
|
|
5650
5704
|
{
|
|
5651
5705
|
size: 16,
|
|
@@ -5665,7 +5719,7 @@ function ScSidebarSearchTrigger({
|
|
|
5665
5719
|
onClick,
|
|
5666
5720
|
className
|
|
5667
5721
|
}) {
|
|
5668
|
-
return /* @__PURE__ */ (0,
|
|
5722
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
|
|
5669
5723
|
"button",
|
|
5670
5724
|
{
|
|
5671
5725
|
type: "button",
|
|
@@ -5673,23 +5727,23 @@ function ScSidebarSearchTrigger({
|
|
|
5673
5727
|
onClick,
|
|
5674
5728
|
className: `${ScSidebarShell_default.searchTrigger} ${expanded ? ScSidebarShell_default.searchTriggerExpanded : ScSidebarShell_default.searchTriggerCollapsed}${className ? ` ${className}` : ""}`,
|
|
5675
5729
|
children: [
|
|
5676
|
-
/* @__PURE__ */ (0,
|
|
5730
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
5677
5731
|
import_icons37.SiconSearch,
|
|
5678
5732
|
{
|
|
5679
5733
|
size: expanded ? 16 : 18,
|
|
5680
5734
|
color: "var(--alias-text---icons-muted)"
|
|
5681
5735
|
}
|
|
5682
5736
|
),
|
|
5683
|
-
expanded ? /* @__PURE__ */ (0,
|
|
5684
|
-
/* @__PURE__ */ (0,
|
|
5685
|
-
shortcut ? /* @__PURE__ */ (0,
|
|
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
|
|
5686
5740
|
] }) : null
|
|
5687
5741
|
]
|
|
5688
5742
|
}
|
|
5689
5743
|
);
|
|
5690
5744
|
}
|
|
5691
5745
|
function AppGridIcon() {
|
|
5692
|
-
return /* @__PURE__ */ (0,
|
|
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)) });
|
|
5693
5747
|
}
|
|
5694
5748
|
var COMPACT_APP_LABELS = {
|
|
5695
5749
|
// `cxo` is the product; `"streamoid"` (the company) is handled separately
|
|
@@ -5709,22 +5763,22 @@ function ScSidebarAppIdentity({
|
|
|
5709
5763
|
className
|
|
5710
5764
|
}) {
|
|
5711
5765
|
const appLabel = label ?? (product === "streamoid" ? "Streamoid" : product);
|
|
5712
|
-
return /* @__PURE__ */ (0,
|
|
5766
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
5713
5767
|
"span",
|
|
5714
5768
|
{
|
|
5715
5769
|
"aria-label": `Switch Apps. Current app: ${appLabel}`,
|
|
5716
5770
|
title: "Switch Apps",
|
|
5717
5771
|
className: `${ScSidebarShell_default.appIdentity} ${expanded ? ScSidebarShell_default.appIdentityExpanded : ScSidebarShell_default.appIdentityCollapsed}${className ? ` ${className}` : ""}`,
|
|
5718
|
-
children: expanded ? /* @__PURE__ */ (0,
|
|
5719
|
-
/* @__PURE__ */ (0,
|
|
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)(
|
|
5720
5774
|
ScAppcardLogos,
|
|
5721
5775
|
{
|
|
5722
5776
|
product,
|
|
5723
5777
|
style: { height: 16 }
|
|
5724
5778
|
}
|
|
5725
5779
|
) }),
|
|
5726
|
-
/* @__PURE__ */ (0,
|
|
5727
|
-
] }) : collapsedMark ?? (product === "streamoid" ? /* @__PURE__ */ (0,
|
|
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] }))
|
|
5728
5782
|
}
|
|
5729
5783
|
);
|
|
5730
5784
|
}
|
|
@@ -5736,13 +5790,13 @@ function MenuActionRow({
|
|
|
5736
5790
|
trailing,
|
|
5737
5791
|
ariaLabel
|
|
5738
5792
|
}) {
|
|
5739
|
-
const content = /* @__PURE__ */ (0,
|
|
5740
|
-
/* @__PURE__ */ (0,
|
|
5741
|
-
/* @__PURE__ */ (0,
|
|
5742
|
-
value != null ? /* @__PURE__ */ (0,
|
|
5743
|
-
trailing ? /* @__PURE__ */ (0,
|
|
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
|
|
5744
5798
|
] });
|
|
5745
|
-
return onClick ? /* @__PURE__ */ (0,
|
|
5799
|
+
return onClick ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
5746
5800
|
"button",
|
|
5747
5801
|
{
|
|
5748
5802
|
type: "button",
|
|
@@ -5751,13 +5805,13 @@ function MenuActionRow({
|
|
|
5751
5805
|
className: ScSidebarShell_default.actionRow,
|
|
5752
5806
|
children: content
|
|
5753
5807
|
}
|
|
5754
|
-
) : /* @__PURE__ */ (0,
|
|
5808
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: `${ScSidebarShell_default.actionRow} ${ScSidebarShell_default.actionRowStatic}`, children: content });
|
|
5755
5809
|
}
|
|
5756
5810
|
function SectionTitle({ children }) {
|
|
5757
|
-
return /* @__PURE__ */ (0,
|
|
5811
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("h2", { className: ScSidebarShell_default.sectionTitle, children });
|
|
5758
5812
|
}
|
|
5759
5813
|
function ChevronRight() {
|
|
5760
|
-
return /* @__PURE__ */ (0,
|
|
5814
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { "aria-hidden": true, className: ScSidebarShell_default.chevronRight, children: "\u203A" });
|
|
5761
5815
|
}
|
|
5762
5816
|
function ScWorkspaceAccountMenu({
|
|
5763
5817
|
workspaceName,
|
|
@@ -5790,15 +5844,15 @@ function ScWorkspaceAccountMenu({
|
|
|
5790
5844
|
{ value: "dark", label: "Dark", icon: import_icons37.SiconDark },
|
|
5791
5845
|
{ value: "system", label: "System", icon: import_icons37.SiconSystem }
|
|
5792
5846
|
];
|
|
5793
|
-
return /* @__PURE__ */ (0,
|
|
5847
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
|
|
5794
5848
|
"div",
|
|
5795
5849
|
{
|
|
5796
5850
|
className: `${ScSidebarShell_default.menu}${className ? ` ${className}` : ""}`,
|
|
5797
5851
|
...props,
|
|
5798
5852
|
children: [
|
|
5799
|
-
/* @__PURE__ */ (0,
|
|
5800
|
-
/* @__PURE__ */ (0,
|
|
5801
|
-
/* @__PURE__ */ (0,
|
|
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)(
|
|
5802
5856
|
"button",
|
|
5803
5857
|
{
|
|
5804
5858
|
type: "button",
|
|
@@ -5806,7 +5860,7 @@ function ScWorkspaceAccountMenu({
|
|
|
5806
5860
|
onClick: onSwitchWorkspace,
|
|
5807
5861
|
className: ScSidebarShell_default.identityRow,
|
|
5808
5862
|
children: [
|
|
5809
|
-
/* @__PURE__ */ (0,
|
|
5863
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
5810
5864
|
ScDp,
|
|
5811
5865
|
{
|
|
5812
5866
|
type: workspaceImage ? "image" : "initial",
|
|
@@ -5816,54 +5870,54 @@ function ScWorkspaceAccountMenu({
|
|
|
5816
5870
|
size: 40
|
|
5817
5871
|
}
|
|
5818
5872
|
),
|
|
5819
|
-
/* @__PURE__ */ (0,
|
|
5820
|
-
/* @__PURE__ */ (0,
|
|
5821
|
-
/* @__PURE__ */ (0,
|
|
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: [
|
|
5822
5876
|
normalizedRole,
|
|
5823
5877
|
" \xB7 Switch or create"
|
|
5824
5878
|
] })
|
|
5825
5879
|
] }),
|
|
5826
|
-
/* @__PURE__ */ (0,
|
|
5880
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ChevronRight, {})
|
|
5827
5881
|
]
|
|
5828
5882
|
}
|
|
5829
5883
|
),
|
|
5830
|
-
/* @__PURE__ */ (0,
|
|
5884
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
5831
5885
|
MenuActionRow,
|
|
5832
5886
|
{
|
|
5833
|
-
icon: /* @__PURE__ */ (0,
|
|
5887
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_icons37.SiconTeam, { size: 20, color: primaryIcon }),
|
|
5834
5888
|
label: "Invite Members",
|
|
5835
5889
|
onClick: onInviteMembers
|
|
5836
5890
|
}
|
|
5837
5891
|
),
|
|
5838
|
-
/* @__PURE__ */ (0,
|
|
5892
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
5839
5893
|
MenuActionRow,
|
|
5840
5894
|
{
|
|
5841
|
-
icon: /* @__PURE__ */ (0,
|
|
5895
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_icons37.SiconBilling, { size: 20, color: primaryIcon }),
|
|
5842
5896
|
label: "Billing & Usage",
|
|
5843
5897
|
value: creditsLabel,
|
|
5844
5898
|
onClick: onBilling
|
|
5845
5899
|
}
|
|
5846
5900
|
)
|
|
5847
5901
|
] }),
|
|
5848
|
-
/* @__PURE__ */ (0,
|
|
5849
|
-
/* @__PURE__ */ (0,
|
|
5850
|
-
/* @__PURE__ */ (0,
|
|
5851
|
-
/* @__PURE__ */ (0,
|
|
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)(
|
|
5852
5906
|
MenuActionRow,
|
|
5853
5907
|
{
|
|
5854
|
-
icon: /* @__PURE__ */ (0,
|
|
5908
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_icons37.SiconWorkspace, { size: 20, color: primaryIcon }),
|
|
5855
5909
|
label: organizationName || "No organization",
|
|
5856
5910
|
value: organizationName && organizationRole ? organizationRole : void 0,
|
|
5857
5911
|
ariaLabel: organizationName ? `Open ${organizationName} organization settings` : void 0,
|
|
5858
|
-
trailing: organizationName ? /* @__PURE__ */ (0,
|
|
5912
|
+
trailing: organizationName ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ChevronRight, {}) : void 0,
|
|
5859
5913
|
onClick: organizationName ? onOrganizationClick : void 0
|
|
5860
5914
|
}
|
|
5861
5915
|
)
|
|
5862
5916
|
] }),
|
|
5863
|
-
/* @__PURE__ */ (0,
|
|
5864
|
-
/* @__PURE__ */ (0,
|
|
5865
|
-
/* @__PURE__ */ (0,
|
|
5866
|
-
/* @__PURE__ */ (0,
|
|
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)(
|
|
5867
5921
|
"button",
|
|
5868
5922
|
{
|
|
5869
5923
|
type: "button",
|
|
@@ -5871,7 +5925,7 @@ function ScWorkspaceAccountMenu({
|
|
|
5871
5925
|
onClick: onAccountClick,
|
|
5872
5926
|
className: ScSidebarShell_default.identityRow,
|
|
5873
5927
|
children: [
|
|
5874
|
-
/* @__PURE__ */ (0,
|
|
5928
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
5875
5929
|
ScDp,
|
|
5876
5930
|
{
|
|
5877
5931
|
type: accountImage ? "image" : "initial",
|
|
@@ -5881,17 +5935,17 @@ function ScWorkspaceAccountMenu({
|
|
|
5881
5935
|
size: 40
|
|
5882
5936
|
}
|
|
5883
5937
|
),
|
|
5884
|
-
/* @__PURE__ */ (0,
|
|
5885
|
-
/* @__PURE__ */ (0,
|
|
5886
|
-
accountEmail ? /* @__PURE__ */ (0,
|
|
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
|
|
5887
5941
|
] }),
|
|
5888
|
-
/* @__PURE__ */ (0,
|
|
5942
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ChevronRight, {})
|
|
5889
5943
|
]
|
|
5890
5944
|
}
|
|
5891
5945
|
),
|
|
5892
|
-
/* @__PURE__ */ (0,
|
|
5946
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { role: "radiogroup", "aria-label": "Theme", className: ScSidebarShell_default.themePicker, children: themes.map(({ value, label, icon: Icon }) => {
|
|
5893
5947
|
const selected = themeMode === value;
|
|
5894
|
-
return /* @__PURE__ */ (0,
|
|
5948
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
5895
5949
|
"button",
|
|
5896
5950
|
{
|
|
5897
5951
|
type: "button",
|
|
@@ -5901,7 +5955,7 @@ function ScWorkspaceAccountMenu({
|
|
|
5901
5955
|
title: label,
|
|
5902
5956
|
onClick: () => onThemeModeChange?.(value),
|
|
5903
5957
|
className: `${ScSidebarShell_default.themeButton}${selected ? ` ${ScSidebarShell_default.themeButtonSelected}` : ""}`,
|
|
5904
|
-
children: /* @__PURE__ */ (0,
|
|
5958
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
5905
5959
|
Icon,
|
|
5906
5960
|
{
|
|
5907
5961
|
size: 20,
|
|
@@ -6285,45 +6339,6 @@ function useStreamoidAnchoredPopoverPosition(anchorRef, panelRef, { width, gap =
|
|
|
6285
6339
|
return position;
|
|
6286
6340
|
}
|
|
6287
6341
|
|
|
6288
|
-
// src/SC-SidebarShell/ScPopoverArrow.tsx
|
|
6289
|
-
var import_jsx_runtime54 = require("react/jsx-runtime");
|
|
6290
|
-
function ScPopoverArrow({
|
|
6291
|
-
arrow,
|
|
6292
|
-
background = "var(--alias-surface-base, #101010)",
|
|
6293
|
-
borderColor = "var(--alias-border-default, #3e3e3e)",
|
|
6294
|
-
size = 12,
|
|
6295
|
-
style
|
|
6296
|
-
}) {
|
|
6297
|
-
if (!arrow) return null;
|
|
6298
|
-
const half = size / 2;
|
|
6299
|
-
const onLeftEdge = arrow.side === "left";
|
|
6300
|
-
return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
6301
|
-
"span",
|
|
6302
|
-
{
|
|
6303
|
-
"aria-hidden": true,
|
|
6304
|
-
"data-streamoid-popover-arrow": arrow.side,
|
|
6305
|
-
style: {
|
|
6306
|
-
position: "absolute",
|
|
6307
|
-
top: arrow.top - half,
|
|
6308
|
-
[onLeftEdge ? "left" : "right"]: -half,
|
|
6309
|
-
width: size,
|
|
6310
|
-
height: size,
|
|
6311
|
-
background,
|
|
6312
|
-
/* Only the two edges that face away from the card. The other two sit
|
|
6313
|
-
under it, where a border would draw a line across the card's own
|
|
6314
|
-
edge. */
|
|
6315
|
-
borderTop: onLeftEdge ? "none" : `1px solid ${borderColor}`,
|
|
6316
|
-
borderRight: onLeftEdge ? "none" : `1px solid ${borderColor}`,
|
|
6317
|
-
borderBottom: onLeftEdge ? `1px solid ${borderColor}` : "none",
|
|
6318
|
-
borderLeft: onLeftEdge ? `1px solid ${borderColor}` : "none",
|
|
6319
|
-
transform: "rotate(45deg)",
|
|
6320
|
-
pointerEvents: "none",
|
|
6321
|
-
...style
|
|
6322
|
-
}
|
|
6323
|
-
}
|
|
6324
|
-
);
|
|
6325
|
-
}
|
|
6326
|
-
|
|
6327
6342
|
// src/SC-SidebarShell/useStreamoidSidebarPopoverPosition.ts
|
|
6328
6343
|
var import_react18 = require("react");
|
|
6329
6344
|
var VIEWPORT_INSET = 16;
|