@streamoid/settings 0.1.7 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/index.js +80 -37
  2. package/dist/index.mjs +80 -37
  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,
@@ -5598,7 +5633,7 @@ function BillingContent({ embedded = false } = {}) {
5598
5633
  const usedCredits = availableCredits != null && totalCredits != null ? Math.max(0, totalCredits - availableCredits) : null;
5599
5634
  const progressPct = usedCredits != null && totalCredits != null && totalCredits > 0 ? Math.min(100, Math.round(usedCredits / totalCredits * 100)) : 0;
5600
5635
  const remainingPct = 100 - progressPct;
5601
- const usageText = usedCredits != null && totalCredits != null ? `${formatCredits(usedCredits)} / ${formatCredits(totalCredits)}` : availableCredits != null ? `${formatCredits(availableCredits)} available` : customPlanCredits != null ? `${formatCredits(customPlanCredits)} credits` : "\u2014";
5636
+ const usageText = usedCredits != null ? formatCredits(usedCredits) : availableCredits != null ? `${formatCredits(availableCredits)} available` : customPlanCredits != null ? `${formatCredits(customPlanCredits)} credits` : "\u2014";
5602
5637
  const handleExport = async (startDate, endDate) => {
5603
5638
  const end = new Date(endDate);
5604
5639
  end.setHours(23, 59, 59, 999);
@@ -5830,7 +5865,7 @@ function BillingContent({ embedded = false } = {}) {
5830
5865
  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
5831
5866
  import_ui5.ScCreditsUsageCard,
5832
5867
  {
5833
- usageLabel: "Credits usage",
5868
+ usageLabel: "Credits used",
5834
5869
  usageText,
5835
5870
  remainingText: availableCredits != null ? `${formatCredits(availableCredits)} (${remainingPct}%) Remaining` : `${remainingPct}% Remaining`,
5836
5871
  buyButtonText: "Buy credits",
@@ -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",
@@ -7441,8 +7484,8 @@ function WorkspaceTab({
7441
7484
  !loading && otherWorkspaces.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
7442
7485
  "div",
7443
7486
  {
7444
- className: "flex flex-col items-start flex-1 min-h-0 w-full overflow-y-auto",
7445
- style: { gap: 16 },
7487
+ className: "flex flex-col items-start flex-1 min-h-0 w-full",
7488
+ style: { gap: 16, overflowY: "auto" },
7446
7489
  children: [
7447
7490
  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
7448
7491
  "p",
@@ -7996,9 +8039,9 @@ function SettingsContentInner({ activeTab }) {
7996
8039
  }
7997
8040
  ),
7998
8041
  activeTab === "referral" && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ReferralTab, {}),
7999
- 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 }) }),
8000
- 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 }) }),
8001
- 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)(
8002
8045
  TokensContent,
8003
8046
  {
8004
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,
@@ -5613,7 +5648,7 @@ function BillingContent({ embedded = false } = {}) {
5613
5648
  const usedCredits = availableCredits != null && totalCredits != null ? Math.max(0, totalCredits - availableCredits) : null;
5614
5649
  const progressPct = usedCredits != null && totalCredits != null && totalCredits > 0 ? Math.min(100, Math.round(usedCredits / totalCredits * 100)) : 0;
5615
5650
  const remainingPct = 100 - progressPct;
5616
- const usageText = usedCredits != null && totalCredits != null ? `${formatCredits(usedCredits)} / ${formatCredits(totalCredits)}` : availableCredits != null ? `${formatCredits(availableCredits)} available` : customPlanCredits != null ? `${formatCredits(customPlanCredits)} credits` : "\u2014";
5651
+ const usageText = usedCredits != null ? formatCredits(usedCredits) : availableCredits != null ? `${formatCredits(availableCredits)} available` : customPlanCredits != null ? `${formatCredits(customPlanCredits)} credits` : "\u2014";
5617
5652
  const handleExport = async (startDate, endDate) => {
5618
5653
  const end = new Date(endDate);
5619
5654
  end.setHours(23, 59, 59, 999);
@@ -5845,7 +5880,7 @@ function BillingContent({ embedded = false } = {}) {
5845
5880
  /* @__PURE__ */ jsx11(
5846
5881
  ScCreditsUsageCard,
5847
5882
  {
5848
- usageLabel: "Credits usage",
5883
+ usageLabel: "Credits used",
5849
5884
  usageText,
5850
5885
  remainingText: availableCredits != null ? `${formatCredits(availableCredits)} (${remainingPct}%) Remaining` : `${remainingPct}% Remaining`,
5851
5886
  buyButtonText: "Buy credits",
@@ -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",
@@ -7462,8 +7505,8 @@ function WorkspaceTab({
7462
7505
  !loading && otherWorkspaces.length > 0 && /* @__PURE__ */ jsxs11(
7463
7506
  "div",
7464
7507
  {
7465
- className: "flex flex-col items-start flex-1 min-h-0 w-full overflow-y-auto",
7466
- style: { gap: 16 },
7508
+ className: "flex flex-col items-start flex-1 min-h-0 w-full",
7509
+ style: { gap: 16, overflowY: "auto" },
7467
7510
  children: [
7468
7511
  /* @__PURE__ */ jsx13(
7469
7512
  "p",
@@ -8017,9 +8060,9 @@ function SettingsContentInner({ activeTab }) {
8017
8060
  }
8018
8061
  ),
8019
8062
  activeTab === "referral" && /* @__PURE__ */ jsx13(ReferralTab, {}),
8020
- 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 }) }),
8021
- 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 }) }),
8022
- 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(
8023
8066
  TokensContent,
8024
8067
  {
8025
8068
  embedded: true,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@streamoid/settings",
3
- "version": "0.1.7",
3
+ "version": "0.2.0",
4
4
  "main": "./dist/index.js",
5
5
  "module": "./dist/index.mjs",
6
6
  "types": "./dist/index.d.ts",