@streamoid/settings 0.1.6 → 0.1.8

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 (3) hide show
  1. package/dist/index.js +87 -42
  2. package/dist/index.mjs +87 -42
  3. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -3248,27 +3248,29 @@ function TeamsContent({
3248
3248
  /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
3249
3249
  "div",
3250
3250
  {
3251
- className: "shrink-0 w-full relative overflow-hidden",
3251
+ className: "flex-1 min-h-0 w-full relative overflow-hidden",
3252
3252
  style: {
3253
3253
  backgroundColor: "var(--alias-surface-base)",
3254
- borderRadius: "var(--radius-3xl)"
3254
+ borderRadius: "var(--radius-3xl)",
3255
+ border: "1px solid var(--alias-border-subtle)",
3256
+ overflowY: "auto"
3255
3257
  },
3256
3258
  children: [
3257
3259
  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
3258
3260
  "div",
3259
3261
  {
3260
- "aria-hidden": "true",
3261
- className: "absolute inset-0 pointer-events-none",
3262
3262
  style: {
3263
- border: "1px solid var(--alias-border-subtle)",
3264
- borderRadius: "var(--radius-3xl)"
3265
- }
3266
- }
3267
- ),
3268
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
3269
- import_ui3.ScTableHeader,
3270
- {
3271
- type: activeTab === "active" ? "default" : "pending"
3263
+ position: "sticky",
3264
+ top: 0,
3265
+ zIndex: 1,
3266
+ backgroundColor: "var(--alias-surface-base)"
3267
+ },
3268
+ children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
3269
+ import_ui3.ScTableHeader,
3270
+ {
3271
+ type: activeTab === "active" ? "default" : "pending"
3272
+ }
3273
+ )
3272
3274
  }
3273
3275
  ),
3274
3276
  members.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
@@ -3327,7 +3329,14 @@ function TeamsContent({
3327
3329
  )
3328
3330
  ] });
3329
3331
  if (embedded) {
3330
- return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex flex-col flex-1 min-w-0 min-h-0", style: { gap: "var(--spacing-5xl)" }, children: teamInnerContent });
3332
+ return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
3333
+ "div",
3334
+ {
3335
+ className: "flex flex-col flex-1 min-w-0 min-h-0 w-full",
3336
+ style: { gap: "var(--spacing-5xl)" },
3337
+ children: teamInnerContent
3338
+ }
3339
+ );
3331
3340
  }
3332
3341
  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex-1 min-h-0 min-w-0 relative", style: { height: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
3333
3342
  "div",
@@ -5234,13 +5243,26 @@ function InvoiceHistoryTable({
5234
5243
  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
5235
5244
  "div",
5236
5245
  {
5237
- className: "w-full relative overflow-clip",
5246
+ className: "flex-1 min-h-0 w-full relative",
5238
5247
  style: {
5239
5248
  backgroundColor: "var(--alias-surface-base)",
5240
- borderRadius: "var(--radius-3xl)"
5249
+ borderRadius: "var(--radius-3xl)",
5250
+ border: "1px solid var(--alias-border-subtle)",
5251
+ overflowY: "auto"
5241
5252
  },
5242
5253
  children: [
5243
- /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_ui5.ScBillingHistoryHeader, {}),
5254
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
5255
+ "div",
5256
+ {
5257
+ style: {
5258
+ position: "sticky",
5259
+ top: 0,
5260
+ zIndex: 1,
5261
+ backgroundColor: "var(--alias-surface-base)"
5262
+ },
5263
+ children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_ui5.ScBillingHistoryHeader, {})
5264
+ }
5265
+ ),
5244
5266
  invoices.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
5245
5267
  "div",
5246
5268
  {
@@ -5310,13 +5332,26 @@ function UsageLogsTable({
5310
5332
  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
5311
5333
  "div",
5312
5334
  {
5313
- className: "w-full relative overflow-clip",
5335
+ className: "flex-1 min-h-0 w-full relative",
5314
5336
  style: {
5315
5337
  backgroundColor: "var(--alias-surface-base)",
5316
- borderRadius: "var(--radius-3xl)"
5338
+ borderRadius: "var(--radius-3xl)",
5339
+ border: "1px solid var(--alias-border-subtle)",
5340
+ overflowY: "auto"
5317
5341
  },
5318
5342
  children: [
5319
- /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_ui5.ScBillingLogsTableHeader, {}),
5343
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
5344
+ "div",
5345
+ {
5346
+ style: {
5347
+ position: "sticky",
5348
+ top: 0,
5349
+ zIndex: 1,
5350
+ backgroundColor: "var(--alias-surface-base)"
5351
+ },
5352
+ children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_ui5.ScBillingLogsTableHeader, {})
5353
+ }
5354
+ ),
5320
5355
  logs.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
5321
5356
  "div",
5322
5357
  {
@@ -5340,7 +5375,7 @@ function UsageLogsTable({
5340
5375
  logs.map((log) => {
5341
5376
  const userName = log.triggeredByUserId ? userMap[log.triggeredByUserId] || "Unknown" : "System";
5342
5377
  const app = log.service?.serviceGroupName || "\u2014";
5343
- const activity = log.meta?.info || "Credit usage";
5378
+ const activity = log.type === "return" ? "Returned Credits" : log.meta?.info || "Credit usage";
5344
5379
  const runningBalance = log.amount;
5345
5380
  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
5346
5381
  import_ui5.ScBillingLogsTableList,
@@ -5883,13 +5918,7 @@ function BillingContent({ embedded = false } = {}) {
5883
5918
  }
5884
5919
  )
5885
5920
  ] }),
5886
- activeTab === "invoice" ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
5887
- InvoiceHistoryTable,
5888
- {
5889
- invoices,
5890
- loading: loadingTable
5891
- }
5892
- ) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
5921
+ activeTab === "invoice" ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(InvoiceHistoryTable, { invoices, loading: loadingTable }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
5893
5922
  UsageLogsTable,
5894
5923
  {
5895
5924
  logs: usageLogs,
@@ -5916,7 +5945,14 @@ function BillingContent({ embedded = false } = {}) {
5916
5945
  )
5917
5946
  ] });
5918
5947
  if (embedded) {
5919
- return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "flex flex-col flex-1 min-w-0 min-h-0", style: { gap: "var(--spacing-5xl)" }, children: billingInnerContent });
5948
+ return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
5949
+ "div",
5950
+ {
5951
+ className: "flex flex-col flex-1 min-w-0 min-h-0 w-full",
5952
+ style: { gap: "var(--spacing-5xl)" },
5953
+ children: billingInnerContent
5954
+ }
5955
+ );
5920
5956
  }
5921
5957
  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "flex-1 h-full min-h-0 min-w-0 relative", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
5922
5958
  "div",
@@ -6487,7 +6523,14 @@ function TokensContent({
6487
6523
  )
6488
6524
  ] });
6489
6525
  if (embedded) {
6490
- return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "flex flex-col flex-1 min-w-0 min-h-0", style: { gap: "var(--spacing-5xl)" }, children: tokensInnerContent });
6526
+ return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
6527
+ "div",
6528
+ {
6529
+ className: "flex flex-col flex-1 min-w-0 min-h-0 w-full",
6530
+ style: { gap: "var(--spacing-5xl)" },
6531
+ children: tokensInnerContent
6532
+ }
6533
+ );
6491
6534
  }
6492
6535
  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "flex-1 min-h-0 min-w-0 relative", style: { height: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
6493
6536
  "div",
@@ -6874,7 +6917,7 @@ function SettingsNav({
6874
6917
  }
6875
6918
  );
6876
6919
  }
6877
- var SPECIALIZATION_ICON_SIZE = 20;
6920
+ var SPECIALIZATION_ICON_SIZE = 24;
6878
6921
  function SpecializationIcon({ iconUrl }) {
6879
6922
  if (iconUrl) {
6880
6923
  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
@@ -6896,7 +6939,8 @@ function SpecializationIcon({ iconUrl }) {
6896
6939
  style: {
6897
6940
  width: SPECIALIZATION_ICON_SIZE,
6898
6941
  height: SPECIALIZATION_ICON_SIZE
6899
- }
6942
+ },
6943
+ color: "var(--alias-text---icons-primary)"
6900
6944
  }
6901
6945
  );
6902
6946
  }
@@ -7018,14 +7062,15 @@ function SpecializationDropdown({
7018
7062
  left: 0,
7019
7063
  right: 0,
7020
7064
  zIndex: 50,
7021
- background: "var(--alias-surface-subtleraised, #1f1f1f)",
7022
- border: "1px solid var(--alias-border-divider, #242424)",
7023
- borderRadius: "var(--radius-3xl, 16px)",
7065
+ background: "var(--alias-surface-subtle, #1a1a1a)",
7066
+ border: "0.5px solid var(--alias-border-subtle, #242424)",
7067
+ borderRadius: "var(--radius-4xl, 18px)",
7024
7068
  padding: "var(--spacing-md, 8px)",
7025
7069
  display: "flex",
7026
7070
  flexDirection: "column",
7027
- gap: 2,
7028
- boxShadow: "0 8px 24px rgba(0,0,0,0.4)"
7071
+ gap: 8,
7072
+ boxShadow: "0 8px 24px rgba(0,0,0,0.4)",
7073
+ backdropFilter: "blur(42px)"
7029
7074
  },
7030
7075
  children: options.map((opt) => {
7031
7076
  const isActive = opt.id === value;
@@ -7439,8 +7484,8 @@ function WorkspaceTab({
7439
7484
  !loading && otherWorkspaces.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
7440
7485
  "div",
7441
7486
  {
7442
- className: "flex flex-col items-start flex-1 min-h-0 w-full overflow-y-auto",
7443
- style: { gap: 16 },
7487
+ className: "flex flex-col items-start flex-1 min-h-0 w-full",
7488
+ style: { gap: 16, overflowY: "auto" },
7444
7489
  children: [
7445
7490
  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
7446
7491
  "p",
@@ -7994,9 +8039,9 @@ function SettingsContentInner({ activeTab }) {
7994
8039
  }
7995
8040
  ),
7996
8041
  activeTab === "referral" && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ReferralTab, {}),
7997
- activeTab === "team" && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "flex flex-col flex-1 min-w-0 min-h-0 h-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(TeamsContent, { embedded: true, onInviteOpen: teamInviteOpen, onInviteOpenChange: setTeamInviteOpen }) }),
7998
- activeTab === "billing" && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "flex flex-col flex-1 min-w-0 min-h-0 h-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(BillingContent, { embedded: true }) }),
7999
- activeTab === "apikey" && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "flex flex-col flex-1 min-w-0 min-h-0 h-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
8042
+ activeTab === "team" && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "flex flex-col flex-1 min-w-0 min-h-0 h-full", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(TeamsContent, { embedded: true, onInviteOpen: teamInviteOpen, onInviteOpenChange: setTeamInviteOpen }) }),
8043
+ activeTab === "billing" && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "flex flex-col flex-1 min-w-0 min-h-0 h-full", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(BillingContent, { embedded: true }) }),
8044
+ activeTab === "apikey" && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "flex flex-col flex-1 min-w-0 min-h-0 h-full", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
8000
8045
  TokensContent,
8001
8046
  {
8002
8047
  embedded: true,
package/dist/index.mjs CHANGED
@@ -3245,27 +3245,29 @@ function TeamsContent({
3245
3245
  /* @__PURE__ */ jsxs6(
3246
3246
  "div",
3247
3247
  {
3248
- className: "shrink-0 w-full relative overflow-hidden",
3248
+ className: "flex-1 min-h-0 w-full relative overflow-hidden",
3249
3249
  style: {
3250
3250
  backgroundColor: "var(--alias-surface-base)",
3251
- borderRadius: "var(--radius-3xl)"
3251
+ borderRadius: "var(--radius-3xl)",
3252
+ border: "1px solid var(--alias-border-subtle)",
3253
+ overflowY: "auto"
3252
3254
  },
3253
3255
  children: [
3254
3256
  /* @__PURE__ */ jsx8(
3255
3257
  "div",
3256
3258
  {
3257
- "aria-hidden": "true",
3258
- className: "absolute inset-0 pointer-events-none",
3259
3259
  style: {
3260
- border: "1px solid var(--alias-border-subtle)",
3261
- borderRadius: "var(--radius-3xl)"
3262
- }
3263
- }
3264
- ),
3265
- /* @__PURE__ */ jsx8(
3266
- ScTableHeader,
3267
- {
3268
- type: activeTab === "active" ? "default" : "pending"
3260
+ position: "sticky",
3261
+ top: 0,
3262
+ zIndex: 1,
3263
+ backgroundColor: "var(--alias-surface-base)"
3264
+ },
3265
+ children: /* @__PURE__ */ jsx8(
3266
+ ScTableHeader,
3267
+ {
3268
+ type: activeTab === "active" ? "default" : "pending"
3269
+ }
3270
+ )
3269
3271
  }
3270
3272
  ),
3271
3273
  members.length === 0 && /* @__PURE__ */ jsx8(
@@ -3324,7 +3326,14 @@ function TeamsContent({
3324
3326
  )
3325
3327
  ] });
3326
3328
  if (embedded) {
3327
- return /* @__PURE__ */ jsx8("div", { className: "flex flex-col flex-1 min-w-0 min-h-0", style: { gap: "var(--spacing-5xl)" }, children: teamInnerContent });
3329
+ return /* @__PURE__ */ jsx8(
3330
+ "div",
3331
+ {
3332
+ className: "flex flex-col flex-1 min-w-0 min-h-0 w-full",
3333
+ style: { gap: "var(--spacing-5xl)" },
3334
+ children: teamInnerContent
3335
+ }
3336
+ );
3328
3337
  }
3329
3338
  return /* @__PURE__ */ jsx8("div", { className: "flex-1 min-h-0 min-w-0 relative", style: { height: "100%" }, children: /* @__PURE__ */ jsxs6(
3330
3339
  "div",
@@ -5249,13 +5258,26 @@ function InvoiceHistoryTable({
5249
5258
  return /* @__PURE__ */ jsxs9(
5250
5259
  "div",
5251
5260
  {
5252
- className: "w-full relative overflow-clip",
5261
+ className: "flex-1 min-h-0 w-full relative",
5253
5262
  style: {
5254
5263
  backgroundColor: "var(--alias-surface-base)",
5255
- borderRadius: "var(--radius-3xl)"
5264
+ borderRadius: "var(--radius-3xl)",
5265
+ border: "1px solid var(--alias-border-subtle)",
5266
+ overflowY: "auto"
5256
5267
  },
5257
5268
  children: [
5258
- /* @__PURE__ */ jsx11(ScBillingHistoryHeader, {}),
5269
+ /* @__PURE__ */ jsx11(
5270
+ "div",
5271
+ {
5272
+ style: {
5273
+ position: "sticky",
5274
+ top: 0,
5275
+ zIndex: 1,
5276
+ backgroundColor: "var(--alias-surface-base)"
5277
+ },
5278
+ children: /* @__PURE__ */ jsx11(ScBillingHistoryHeader, {})
5279
+ }
5280
+ ),
5259
5281
  invoices.length === 0 && /* @__PURE__ */ jsx11(
5260
5282
  "div",
5261
5283
  {
@@ -5325,13 +5347,26 @@ function UsageLogsTable({
5325
5347
  return /* @__PURE__ */ jsxs9(
5326
5348
  "div",
5327
5349
  {
5328
- className: "w-full relative overflow-clip",
5350
+ className: "flex-1 min-h-0 w-full relative",
5329
5351
  style: {
5330
5352
  backgroundColor: "var(--alias-surface-base)",
5331
- borderRadius: "var(--radius-3xl)"
5353
+ borderRadius: "var(--radius-3xl)",
5354
+ border: "1px solid var(--alias-border-subtle)",
5355
+ overflowY: "auto"
5332
5356
  },
5333
5357
  children: [
5334
- /* @__PURE__ */ jsx11(ScBillingLogsTableHeader, {}),
5358
+ /* @__PURE__ */ jsx11(
5359
+ "div",
5360
+ {
5361
+ style: {
5362
+ position: "sticky",
5363
+ top: 0,
5364
+ zIndex: 1,
5365
+ backgroundColor: "var(--alias-surface-base)"
5366
+ },
5367
+ children: /* @__PURE__ */ jsx11(ScBillingLogsTableHeader, {})
5368
+ }
5369
+ ),
5335
5370
  logs.length === 0 && /* @__PURE__ */ jsx11(
5336
5371
  "div",
5337
5372
  {
@@ -5355,7 +5390,7 @@ function UsageLogsTable({
5355
5390
  logs.map((log) => {
5356
5391
  const userName = log.triggeredByUserId ? userMap[log.triggeredByUserId] || "Unknown" : "System";
5357
5392
  const app = log.service?.serviceGroupName || "\u2014";
5358
- const activity = log.meta?.info || "Credit usage";
5393
+ const activity = log.type === "return" ? "Returned Credits" : log.meta?.info || "Credit usage";
5359
5394
  const runningBalance = log.amount;
5360
5395
  return /* @__PURE__ */ jsx11(
5361
5396
  ScBillingLogsTableList,
@@ -5898,13 +5933,7 @@ function BillingContent({ embedded = false } = {}) {
5898
5933
  }
5899
5934
  )
5900
5935
  ] }),
5901
- activeTab === "invoice" ? /* @__PURE__ */ jsx11(
5902
- InvoiceHistoryTable,
5903
- {
5904
- invoices,
5905
- loading: loadingTable
5906
- }
5907
- ) : /* @__PURE__ */ jsx11(
5936
+ activeTab === "invoice" ? /* @__PURE__ */ jsx11(InvoiceHistoryTable, { invoices, loading: loadingTable }) : /* @__PURE__ */ jsx11(
5908
5937
  UsageLogsTable,
5909
5938
  {
5910
5939
  logs: usageLogs,
@@ -5931,7 +5960,14 @@ function BillingContent({ embedded = false } = {}) {
5931
5960
  )
5932
5961
  ] });
5933
5962
  if (embedded) {
5934
- return /* @__PURE__ */ jsx11("div", { className: "flex flex-col flex-1 min-w-0 min-h-0", style: { gap: "var(--spacing-5xl)" }, children: billingInnerContent });
5963
+ return /* @__PURE__ */ jsx11(
5964
+ "div",
5965
+ {
5966
+ className: "flex flex-col flex-1 min-w-0 min-h-0 w-full",
5967
+ style: { gap: "var(--spacing-5xl)" },
5968
+ children: billingInnerContent
5969
+ }
5970
+ );
5935
5971
  }
5936
5972
  return /* @__PURE__ */ jsx11("div", { className: "flex-1 h-full min-h-0 min-w-0 relative", children: /* @__PURE__ */ jsxs9(
5937
5973
  "div",
@@ -6508,7 +6544,14 @@ function TokensContent({
6508
6544
  )
6509
6545
  ] });
6510
6546
  if (embedded) {
6511
- return /* @__PURE__ */ jsx12("div", { className: "flex flex-col flex-1 min-w-0 min-h-0", style: { gap: "var(--spacing-5xl)" }, children: tokensInnerContent });
6547
+ return /* @__PURE__ */ jsx12(
6548
+ "div",
6549
+ {
6550
+ className: "flex flex-col flex-1 min-w-0 min-h-0 w-full",
6551
+ style: { gap: "var(--spacing-5xl)" },
6552
+ children: tokensInnerContent
6553
+ }
6554
+ );
6512
6555
  }
6513
6556
  return /* @__PURE__ */ jsx12("div", { className: "flex-1 min-h-0 min-w-0 relative", style: { height: "100%" }, children: /* @__PURE__ */ jsxs10(
6514
6557
  "div",
@@ -6895,7 +6938,7 @@ function SettingsNav({
6895
6938
  }
6896
6939
  );
6897
6940
  }
6898
- var SPECIALIZATION_ICON_SIZE = 20;
6941
+ var SPECIALIZATION_ICON_SIZE = 24;
6899
6942
  function SpecializationIcon({ iconUrl }) {
6900
6943
  if (iconUrl) {
6901
6944
  return /* @__PURE__ */ jsx13(
@@ -6917,7 +6960,8 @@ function SpecializationIcon({ iconUrl }) {
6917
6960
  style: {
6918
6961
  width: SPECIALIZATION_ICON_SIZE,
6919
6962
  height: SPECIALIZATION_ICON_SIZE
6920
- }
6963
+ },
6964
+ color: "var(--alias-text---icons-primary)"
6921
6965
  }
6922
6966
  );
6923
6967
  }
@@ -7039,14 +7083,15 @@ function SpecializationDropdown({
7039
7083
  left: 0,
7040
7084
  right: 0,
7041
7085
  zIndex: 50,
7042
- background: "var(--alias-surface-subtleraised, #1f1f1f)",
7043
- border: "1px solid var(--alias-border-divider, #242424)",
7044
- borderRadius: "var(--radius-3xl, 16px)",
7086
+ background: "var(--alias-surface-subtle, #1a1a1a)",
7087
+ border: "0.5px solid var(--alias-border-subtle, #242424)",
7088
+ borderRadius: "var(--radius-4xl, 18px)",
7045
7089
  padding: "var(--spacing-md, 8px)",
7046
7090
  display: "flex",
7047
7091
  flexDirection: "column",
7048
- gap: 2,
7049
- boxShadow: "0 8px 24px rgba(0,0,0,0.4)"
7092
+ gap: 8,
7093
+ boxShadow: "0 8px 24px rgba(0,0,0,0.4)",
7094
+ backdropFilter: "blur(42px)"
7050
7095
  },
7051
7096
  children: options.map((opt) => {
7052
7097
  const isActive = opt.id === value;
@@ -7460,8 +7505,8 @@ function WorkspaceTab({
7460
7505
  !loading && otherWorkspaces.length > 0 && /* @__PURE__ */ jsxs11(
7461
7506
  "div",
7462
7507
  {
7463
- className: "flex flex-col items-start flex-1 min-h-0 w-full overflow-y-auto",
7464
- style: { gap: 16 },
7508
+ className: "flex flex-col items-start flex-1 min-h-0 w-full",
7509
+ style: { gap: 16, overflowY: "auto" },
7465
7510
  children: [
7466
7511
  /* @__PURE__ */ jsx13(
7467
7512
  "p",
@@ -8015,9 +8060,9 @@ function SettingsContentInner({ activeTab }) {
8015
8060
  }
8016
8061
  ),
8017
8062
  activeTab === "referral" && /* @__PURE__ */ jsx13(ReferralTab, {}),
8018
- activeTab === "team" && /* @__PURE__ */ jsx13("div", { className: "flex flex-col flex-1 min-w-0 min-h-0 h-full overflow-auto", children: /* @__PURE__ */ jsx13(TeamsContent, { embedded: true, onInviteOpen: teamInviteOpen, onInviteOpenChange: setTeamInviteOpen }) }),
8019
- activeTab === "billing" && /* @__PURE__ */ jsx13("div", { className: "flex flex-col flex-1 min-w-0 min-h-0 h-full overflow-auto", children: /* @__PURE__ */ jsx13(BillingContent, { embedded: true }) }),
8020
- activeTab === "apikey" && /* @__PURE__ */ jsx13("div", { className: "flex flex-col flex-1 min-w-0 min-h-0 h-full overflow-auto", children: /* @__PURE__ */ jsx13(
8063
+ activeTab === "team" && /* @__PURE__ */ jsx13("div", { className: "flex flex-col flex-1 min-w-0 min-h-0 h-full", children: /* @__PURE__ */ jsx13(TeamsContent, { embedded: true, onInviteOpen: teamInviteOpen, onInviteOpenChange: setTeamInviteOpen }) }),
8064
+ activeTab === "billing" && /* @__PURE__ */ jsx13("div", { className: "flex flex-col flex-1 min-w-0 min-h-0 h-full", children: /* @__PURE__ */ jsx13(BillingContent, { embedded: true }) }),
8065
+ activeTab === "apikey" && /* @__PURE__ */ jsx13("div", { className: "flex flex-col flex-1 min-w-0 min-h-0 h-full", children: /* @__PURE__ */ jsx13(
8021
8066
  TokensContent,
8022
8067
  {
8023
8068
  embedded: true,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@streamoid/settings",
3
- "version": "0.1.6",
3
+ "version": "0.1.8",
4
4
  "main": "./dist/index.js",
5
5
  "module": "./dist/index.mjs",
6
6
  "types": "./dist/index.d.ts",