@streamoid/ui 0.6.20 → 0.6.22

package/dist/index.mjs

@@ -215,6 +215,43 @@ function ScStreamoidMascot({
 
 // src/SC-AppSwitch/ScAppSwitchPanel.tsx
 import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+var STREAMOID_CHANGELOG_URL = "https://doc.clickup.com/3414296/p/h/3868r-26044/13a22b6f796b2c8";
+var STREAMOID_STATUS_PAGE_URL = "https://status.streamoid.com/";
+function openExternal(url) {
+  if (typeof window !== "undefined") {
+    window.open(url, "_blank", "noopener,noreferrer");
+  }
+}
+function createStreamoidAppSwitchUtilities(utilities) {
+  const before = (action) => () => {
+    utilities.onClose?.();
+    action();
+  };
+  return [
+    {
+      key: "changelog",
+      label: "Changelog",
+      trailingText: utilities.appVersion,
+      external: true,
+      onSelect: before(
+        () => openExternal(utilities.changelogUrl ?? STREAMOID_CHANGELOG_URL)
+      )
+    },
+    {
+      key: "status",
+      label: "Status Page",
+      external: true,
+      onSelect: before(
+        () => openExternal(utilities.statusPageUrl ?? STREAMOID_STATUS_PAGE_URL)
+      )
+    },
+    {
+      key: "support",
+      label: "Help and Support",
+      onSelect: before(utilities.onHelpAndSupport)
+    }
+  ];
+}
 var T = {
   primary: "var(--alias-text---icons-primary, #f5f5f5)",
   secondary: "var(--alias-text---icons-secondary, #dadada)",
@@ -433,12 +470,14 @@ var ScAppSwitchSystemRow = ({ item }) => {
 };
 var ScAppSwitchPanel = ({
   apps,
-  systemItems = [],
+  systemItems,
+  utilities,
   systemLabel,
   className,
   style
 }) => {
   const ordered = [...apps].sort((a, b) => orderIndex(a) - orderIndex(b));
+  const resolvedSystemItems = systemItems ?? (utilities ? createStreamoidAppSwitchUtilities(utilities) : []);
   return /* @__PURE__ */ jsxs4(
     "div",
     {
@@ -453,7 +492,7 @@ var ScAppSwitchPanel = ({
       },
       children: [
         ordered.map((app) => /* @__PURE__ */ jsx5(ScAppSwitchRow, { item: app }, app.key)),
-        systemItems.length > 0 ? /* @__PURE__ */ jsxs4(
+        resolvedSystemItems.length > 0 ? /* @__PURE__ */ jsxs4(
           "div",
           {
             style: {
@@ -478,7 +517,7 @@ var ScAppSwitchPanel = ({
                   children: systemLabel
                 }
               ) : null,
-              systemItems.map((item) => /* @__PURE__ */ jsx5(ScAppSwitchSystemRow, { item }, item.key))
+              resolvedSystemItems.map((item) => /* @__PURE__ */ jsx5(ScAppSwitchSystemRow, { item }, item.key))
             ]
           }
         ) : null
@@ -4124,6 +4163,7 @@ function StreamoidSidebar({
   expandedLogo,
   collapsedLogo,
   profile,
+  appIdentity,
   versionText = "v1.0.0",
   toggleIcon,
   toggleInProfile = false,
@@ -4183,6 +4223,7 @@ function StreamoidSidebar({
           /* @__PURE__ */ jsxs40(
             "div",
             {
+              "data-streamoid-sidebar-card": true,
               className: "flex flex-col h-full relative shrink-0",
               style: {
                 backgroundColor: "var(--alias-surface-base)",
@@ -4378,7 +4419,26 @@ function StreamoidSidebar({
                   }
                 ) : null,
                 /* @__PURE__ */ jsx49(HDivider, { edgeToEdge: true }),
-                profile ? toggleInProfile && !effectiveHideFooter ? (
+                appIdentity ? /* @__PURE__ */ jsx49(
+                  "button",
+                  {
+                    type: "button",
+                    className: "flex items-center shrink-0 w-full",
+                    style: {
+                      minWidth: 0,
+                      minHeight: 48,
+                      padding: "var(--spacing-md) var(--spacing-xl)",
+                      border: 0,
+                      borderRadius: "var(--radius-xl)",
+                      background: "transparent",
+                      color: "inherit",
+                      cursor: "pointer"
+                    },
+                    onClick: appIdentity.onClick,
+                    "aria-label": appIdentity.ariaLabel ?? "Switch apps",
+                    children: appIdentity.content
+                  }
+                ) : profile ? toggleInProfile && !effectiveHideFooter ? (
                   /* Footer row: profile and collapse toggle are two SEPARATE
                      interactive units side by side (own rounded hover bg each). */
                   /* @__PURE__ */ jsxs40(
@@ -4546,6 +4606,7 @@ function StreamoidSidebar({
         /* @__PURE__ */ jsxs40(
           "div",
           {
+            "data-streamoid-sidebar-card": true,
             className: "flex flex-col h-full items-center justify-center relative shrink-0",
             style: {
               backgroundColor: "var(--alias-surface-base)",
@@ -4693,7 +4754,26 @@ function StreamoidSidebar({
                 }
               ) : null,
               /* @__PURE__ */ jsx49(HDivider, { edgeToEdge: true }),
-              profile ? /* @__PURE__ */ jsx49(
+              appIdentity ? /* @__PURE__ */ jsx49(
+                "button",
+                {
+                  type: "button",
+                  className: "flex items-center justify-center shrink-0",
+                  style: {
+                    width: 48,
+                    height: 48,
+                    padding: "var(--spacing-md)",
+                    border: 0,
+                    borderRadius: "var(--radius-3xl)",
+                    background: "transparent",
+                    color: "inherit",
+                    cursor: "pointer"
+                  },
+                  onClick: appIdentity.onClick,
+                  "aria-label": appIdentity.ariaLabel ?? "Switch apps",
+                  children: appIdentity.content
+                }
+              ) : profile ? /* @__PURE__ */ jsx49(
                 "div",
                 {
                   className: "flex items-center justify-center shrink-0 cursor-pointer",
@@ -5080,7 +5160,7 @@ function ScWorkspaceAccountMenu({
                   Icon,
                   {
                     size: 20,
-                    color: selected ? "var(--alias-text---icons-onfill, #fff)" : mutedIcon
+                    color: selected ? "#fff" : mutedIcon
                   }
                 )
               },
@@ -5291,10 +5371,78 @@ function useStreamoidSidebarPreference(options = {}) {
   return { expanded, setExpanded, toggle };
 }
 
+// src/SC-SidebarShell/useStreamoidSidebarPopoverPosition.ts
+import {
+  useLayoutEffect,
+  useState as useState11
+} from "react";
+var VIEWPORT_INSET = 16;
+function useStreamoidSidebarPopoverPosition(sidebarRef, {
+  placement,
+  width,
+  gap = 8,
+  inset = 24
+}) {
+  const [position, setPosition] = useState11({
+    position: "fixed",
+    left: 0,
+    top: 0,
+    width,
+    maxWidth: `calc(100vw - ${VIEWPORT_INSET * 2}px)`,
+    maxHeight: `calc(100dvh - ${VIEWPORT_INSET * 2}px)`,
+    visibility: "hidden"
+  });
+  useLayoutEffect(() => {
+    const sidebar = sidebarRef.current;
+    if (!sidebar || typeof window === "undefined") return;
+    const card = (sidebar.matches("[data-streamoid-sidebar-card]") ? sidebar : sidebar.querySelector(
+      "[data-streamoid-sidebar-card]"
+    )) ?? sidebar;
+    const measure = () => {
+      const bounds = card.getBoundingClientRect();
+      const availableWidth = Math.max(0, window.innerWidth - VIEWPORT_INSET * 2);
+      const panelWidth = Math.min(width, availableWidth);
+      const preferredLeft = bounds.right + gap;
+      const maximumLeft = Math.max(
+        VIEWPORT_INSET,
+        window.innerWidth - panelWidth - VIEWPORT_INSET
+      );
+      const left = Math.max(
+        VIEWPORT_INSET,
+        Math.min(preferredLeft, maximumLeft)
+      );
+      const vertical = placement === "top-right" ? { top: Math.max(VIEWPORT_INSET, bounds.top + inset) } : {
+        bottom: Math.max(
+          VIEWPORT_INSET,
+          window.innerHeight - bounds.bottom + inset
+        )
+      };
+      setPosition({
+        position: "fixed",
+        left,
+        width: panelWidth,
+        maxWidth: `calc(100vw - ${VIEWPORT_INSET * 2}px)`,
+        maxHeight: `calc(100dvh - ${VIEWPORT_INSET * 2}px)`,
+        visibility: "visible",
+        ...vertical
+      });
+    };
+    measure();
+    window.addEventListener("resize", measure);
+    const observer = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(measure);
+    observer?.observe(card);
+    return () => {
+      window.removeEventListener("resize", measure);
+      observer?.disconnect();
+    };
+  }, [gap, inset, placement, sidebarRef, width]);
+  return position;
+}
+
 // src/SC-Artifax-Sidebar/ScArtifaxSidebar.tsx
 import {
   useCallback as useCallback2,
-  useState as useState11
+  useState as useState12
 } from "react";
 
 // src/SC-Artifax-Sidebar/ScArtifaxSidebar.module.css
@@ -5317,6 +5465,8 @@ var ScArtifaxSidebar_default = {
   sectionChevron: "ScArtifaxSidebar_sectionChevron",
   profileRow: "ScArtifaxSidebar_profileRow",
   profileMain: "ScArtifaxSidebar_profileMain",
+  appIdentityMain: "ScArtifaxSidebar_appIdentityMain",
+  appIdentityCollapsed: "ScArtifaxSidebar_appIdentityCollapsed",
   profileRowCollapsed: "ScArtifaxSidebar_profileRowCollapsed",
   profileAvatar: "ScArtifaxSidebar_profileAvatar",
   profileInfo: "ScArtifaxSidebar_profileInfo",
@@ -5384,6 +5534,7 @@ var ScArtifaxSidebar = ({
   creditWarning,
   assistantCta,
   profile,
+  appIdentity,
   toggleIcon,
   hideToggle = false,
   openSections,
@@ -5399,7 +5550,7 @@ var ScArtifaxSidebar = ({
     }
   };
   const isControlled = !!openSections;
-  const [internalOpen, setInternalOpen] = useState11(
+  const [internalOpen, setInternalOpen] = useState12(
     () => {
       const init = {};
       sections.forEach((s) => {
@@ -5451,72 +5602,88 @@ var ScArtifaxSidebar = ({
               onExpandedChange: changeExpanded
             }
           ) : null,
-          /* @__PURE__ */ jsxs42("div", { className: ScArtifaxSidebar_default.container + " " + ScArtifaxSidebar_default.expanded, children: [
-            /* @__PURE__ */ jsx51("div", { "aria-hidden": "true", className: ScArtifaxSidebar_default.borderOverlayExpanded }),
-            /* @__PURE__ */ jsxs42("div", { className: ScArtifaxSidebar_default.body, children: [
-              expandedLogo ? /* @__PURE__ */ jsx51("div", { className: ScArtifaxSidebar_default.logoUnitExpanded, children: expandedLogo }) : null,
-              sections.map((section, idx) => {
-                const open = section.label ? section.collapsible !== false ? isSectionOpen(section.id) : true : true;
-                const showHeader = !!section.label;
-                const canToggle = showHeader && section.collapsible !== false;
-                return /* @__PURE__ */ jsxs42("div", { children: [
-                  idx > 0 ? /* @__PURE__ */ jsx51(ScHDivider, {}) : null,
-                  /* @__PURE__ */ jsxs42("div", { className: ScArtifaxSidebar_default.sectionContainer, children: [
-                    showHeader ? /* @__PURE__ */ jsx51(
-                      SectionHeader2,
-                      {
-                        label: section.label,
-                        open,
-                        onToggle: canToggle ? () => handleSectionToggle(section.id) : void 0
-                      }
-                    ) : null,
-                    open ? section.items.map(
-                      (item) => renderMenuItem2(item, section.id)
-                    ) : null
-                  ] })
-                ] }, section.id);
-              })
-            ] }),
-            creditWarning ? /* @__PURE__ */ jsx51("div", { className: ScArtifaxSidebar_default.creditWarningSlot, children: /* @__PURE__ */ jsx51(
-              CreditWarningBanner,
-              {
-                availableCredits: creditWarning.availableCredits,
-                remainingPct: creditWarning.remainingPct,
-                level: creditWarning.level ?? "danger",
-                onBuyCredits: creditWarning.onBuyCredits,
-                expanded: true
-              }
-            ) }) : null,
-            assistantCta ? /* @__PURE__ */ jsx51(ScAskAgentSlot, { cta: assistantCta }) : null,
-            /* @__PURE__ */ jsx51(ScHDivider, {}),
-            /* @__PURE__ */ jsxs42("div", { className: ScArtifaxSidebar_default.profileRow, children: [
-              profile ? /* @__PURE__ */ jsxs42(
-                "button",
-                {
-                  type: "button",
-                  className: ScArtifaxSidebar_default.profileMain,
-                  onClick: profile.onClick,
-                  children: [
-                    /* @__PURE__ */ jsx51("div", { className: ScArtifaxSidebar_default.profileAvatar, children: profile.avatar }),
-                    /* @__PURE__ */ jsxs42("div", { className: ScArtifaxSidebar_default.profileInfo, children: [
-                      /* @__PURE__ */ jsx51("span", { className: ScArtifaxSidebar_default.profileName, children: profile.name }),
-                      profile.subtitle ? /* @__PURE__ */ jsx51("span", { className: ScArtifaxSidebar_default.profileSubtitle, children: profile.subtitle }) : null
-                    ] })
-                  ]
-                }
-              ) : /* @__PURE__ */ jsx51("span", { className: ScArtifaxSidebar_default.profileMain, "aria-hidden": "true" }),
-              !hideToggle ? /* @__PURE__ */ jsx51(
-                "button",
-                {
-                  type: "button",
-                  className: ScArtifaxSidebar_default.footerToggle,
-                  onClick: onToggle,
-                  "aria-label": "Collapse sidebar",
-                  children: resolveToggleIcon2(toggleIcon, true)
-                }
-              ) : null
-            ] })
-          ] })
+          /* @__PURE__ */ jsxs42(
+            "div",
+            {
+              "data-streamoid-sidebar-card": true,
+              className: ScArtifaxSidebar_default.container + " " + ScArtifaxSidebar_default.expanded,
+              children: [
+                /* @__PURE__ */ jsx51("div", { "aria-hidden": "true", className: ScArtifaxSidebar_default.borderOverlayExpanded }),
+                /* @__PURE__ */ jsxs42("div", { className: ScArtifaxSidebar_default.body, children: [
+                  expandedLogo ? /* @__PURE__ */ jsx51("div", { className: ScArtifaxSidebar_default.logoUnitExpanded, children: expandedLogo }) : null,
+                  sections.map((section, idx) => {
+                    const open = section.label ? section.collapsible !== false ? isSectionOpen(section.id) : true : true;
+                    const showHeader = !!section.label;
+                    const canToggle = showHeader && section.collapsible !== false;
+                    return /* @__PURE__ */ jsxs42("div", { children: [
+                      idx > 0 ? /* @__PURE__ */ jsx51(ScHDivider, {}) : null,
+                      /* @__PURE__ */ jsxs42("div", { className: ScArtifaxSidebar_default.sectionContainer, children: [
+                        showHeader ? /* @__PURE__ */ jsx51(
+                          SectionHeader2,
+                          {
+                            label: section.label,
+                            open,
+                            onToggle: canToggle ? () => handleSectionToggle(section.id) : void 0
+                          }
+                        ) : null,
+                        open ? section.items.map(
+                          (item) => renderMenuItem2(item, section.id)
+                        ) : null
+                      ] })
+                    ] }, section.id);
+                  })
+                ] }),
+                creditWarning ? /* @__PURE__ */ jsx51("div", { className: ScArtifaxSidebar_default.creditWarningSlot, children: /* @__PURE__ */ jsx51(
+                  CreditWarningBanner,
+                  {
+                    availableCredits: creditWarning.availableCredits,
+                    remainingPct: creditWarning.remainingPct,
+                    level: creditWarning.level ?? "danger",
+                    onBuyCredits: creditWarning.onBuyCredits,
+                    expanded: true
+                  }
+                ) }) : null,
+                assistantCta ? /* @__PURE__ */ jsx51(ScAskAgentSlot, { cta: assistantCta }) : null,
+                /* @__PURE__ */ jsx51(ScHDivider, {}),
+                /* @__PURE__ */ jsxs42("div", { className: ScArtifaxSidebar_default.profileRow, children: [
+                  appIdentity ? /* @__PURE__ */ jsx51(
+                    "button",
+                    {
+                      type: "button",
+                      className: ScArtifaxSidebar_default.appIdentityMain,
+                      onClick: appIdentity.onClick,
+                      "aria-label": appIdentity.ariaLabel ?? "Switch apps",
+                      children: appIdentity.content
+                    }
+                  ) : profile ? /* @__PURE__ */ jsxs42(
+                    "button",
+                    {
+                      type: "button",
+                      className: ScArtifaxSidebar_default.profileMain,
+                      onClick: profile.onClick,
+                      children: [
+                        /* @__PURE__ */ jsx51("div", { className: ScArtifaxSidebar_default.profileAvatar, children: profile.avatar }),
+                        /* @__PURE__ */ jsxs42("div", { className: ScArtifaxSidebar_default.profileInfo, children: [
+                          /* @__PURE__ */ jsx51("span", { className: ScArtifaxSidebar_default.profileName, children: profile.name }),
+                          profile.subtitle ? /* @__PURE__ */ jsx51("span", { className: ScArtifaxSidebar_default.profileSubtitle, children: profile.subtitle }) : null
+                        ] })
+                      ]
+                    }
+                  ) : /* @__PURE__ */ jsx51("span", { className: ScArtifaxSidebar_default.profileMain, "aria-hidden": "true" }),
+                  !hideToggle ? /* @__PURE__ */ jsx51(
+                    "button",
+                    {
+                      type: "button",
+                      className: ScArtifaxSidebar_default.footerToggle,
+                      onClick: onToggle,
+                      "aria-label": "Collapse sidebar",
+                      children: resolveToggleIcon2(toggleIcon, true)
+                    }
+                  ) : null
+                ] })
+              ]
+            }
+          )
         ]
       }
     );
@@ -5534,57 +5701,73 @@ var ScArtifaxSidebar = ({
             onExpandedChange: changeExpanded
           }
         ) : null,
-        /* @__PURE__ */ jsxs42("div", { className: ScArtifaxSidebar_default.container + " " + ScArtifaxSidebar_default.collapsed, children: [
-          /* @__PURE__ */ jsx51("div", { "aria-hidden": "true", className: ScArtifaxSidebar_default.borderOverlayCollapsed }),
-          /* @__PURE__ */ jsxs42("div", { className: ScArtifaxSidebar_default.body + " " + ScArtifaxSidebar_default.bodyCollapsed, children: [
-            collapsedLogo ? /* @__PURE__ */ jsx51("div", { className: ScArtifaxSidebar_default.logoUnitCollapsed, children: collapsedLogo }) : null,
-            sections.map((section, idx) => /* @__PURE__ */ jsxs42("div", { children: [
-              idx > 0 ? /* @__PURE__ */ jsx51(ScHDivider, {}) : null,
-              /* @__PURE__ */ jsx51("div", { className: ScArtifaxSidebar_default.sectionContainerCollapsed, children: section.items.map((item) => renderMenuItem2(item, section.id)) })
-            ] }, section.id))
-          ] }),
-          creditWarning ? /* @__PURE__ */ jsx51("div", { className: ScArtifaxSidebar_default.creditWarningSlot, children: /* @__PURE__ */ jsx51(
-            CreditWarningBanner,
-            {
-              availableCredits: creditWarning.availableCredits,
-              remainingPct: creditWarning.remainingPct,
-              level: creditWarning.level ?? "danger",
-              onBuyCredits: creditWarning.onBuyCredits,
-              expanded: false
-            }
-          ) }) : null,
-          assistantCta ? /* @__PURE__ */ jsx51(ScAskAgentSlot, { cta: assistantCta, collapsed: true }) : null,
-          /* @__PURE__ */ jsx51(ScHDivider, {}),
-          /* @__PURE__ */ jsxs42("div", { className: ScArtifaxSidebar_default.footerCollapsed, children: [
-            profile ? /* @__PURE__ */ jsx51(
-              "button",
-              {
-                type: "button",
-                className: ScArtifaxSidebar_default.profileRowCollapsed,
-                onClick: profile.onClick,
-                "aria-label": profile.name,
-                children: /* @__PURE__ */ jsx51("div", { className: ScArtifaxSidebar_default.profileAvatar, children: profile.avatar })
-              }
-            ) : null,
-            !hideToggle ? /* @__PURE__ */ jsx51(
-              "button",
-              {
-                type: "button",
-                className: ScArtifaxSidebar_default.footerToggle,
-                onClick: onToggle,
-                "aria-label": "Expand sidebar",
-                children: resolveToggleIcon2(toggleIcon, false)
-              }
-            ) : null
-          ] })
-        ] })
+        /* @__PURE__ */ jsxs42(
+          "div",
+          {
+            "data-streamoid-sidebar-card": true,
+            className: ScArtifaxSidebar_default.container + " " + ScArtifaxSidebar_default.collapsed,
+            children: [
+              /* @__PURE__ */ jsx51("div", { "aria-hidden": "true", className: ScArtifaxSidebar_default.borderOverlayCollapsed }),
+              /* @__PURE__ */ jsxs42("div", { className: ScArtifaxSidebar_default.body + " " + ScArtifaxSidebar_default.bodyCollapsed, children: [
+                collapsedLogo ? /* @__PURE__ */ jsx51("div", { className: ScArtifaxSidebar_default.logoUnitCollapsed, children: collapsedLogo }) : null,
+                sections.map((section, idx) => /* @__PURE__ */ jsxs42("div", { children: [
+                  idx > 0 ? /* @__PURE__ */ jsx51(ScHDivider, {}) : null,
+                  /* @__PURE__ */ jsx51("div", { className: ScArtifaxSidebar_default.sectionContainerCollapsed, children: section.items.map((item) => renderMenuItem2(item, section.id)) })
+                ] }, section.id))
+              ] }),
+              creditWarning ? /* @__PURE__ */ jsx51("div", { className: ScArtifaxSidebar_default.creditWarningSlot, children: /* @__PURE__ */ jsx51(
+                CreditWarningBanner,
+                {
+                  availableCredits: creditWarning.availableCredits,
+                  remainingPct: creditWarning.remainingPct,
+                  level: creditWarning.level ?? "danger",
+                  onBuyCredits: creditWarning.onBuyCredits,
+                  expanded: false
+                }
+              ) }) : null,
+              assistantCta ? /* @__PURE__ */ jsx51(ScAskAgentSlot, { cta: assistantCta, collapsed: true }) : null,
+              /* @__PURE__ */ jsx51(ScHDivider, {}),
+              /* @__PURE__ */ jsxs42("div", { className: ScArtifaxSidebar_default.footerCollapsed, children: [
+                appIdentity ? /* @__PURE__ */ jsx51(
+                  "button",
+                  {
+                    type: "button",
+                    className: ScArtifaxSidebar_default.appIdentityCollapsed,
+                    onClick: appIdentity.onClick,
+                    "aria-label": appIdentity.ariaLabel ?? "Switch apps",
+                    children: appIdentity.content
+                  }
+                ) : profile ? /* @__PURE__ */ jsx51(
+                  "button",
+                  {
+                    type: "button",
+                    className: ScArtifaxSidebar_default.profileRowCollapsed,
+                    onClick: profile.onClick,
+                    "aria-label": profile.name,
+                    children: /* @__PURE__ */ jsx51("div", { className: ScArtifaxSidebar_default.profileAvatar, children: profile.avatar })
+                  }
+                ) : null,
+                !hideToggle ? /* @__PURE__ */ jsx51(
+                  "button",
+                  {
+                    type: "button",
+                    className: ScArtifaxSidebar_default.footerToggle,
+                    onClick: onToggle,
+                    "aria-label": "Expand sidebar",
+                    children: resolveToggleIcon2(toggleIcon, false)
+                  }
+                ) : null
+              ] })
+            ]
+          }
+        )
       ]
     }
   );
 };
 
 // src/SC-Catalogix-Sidebar/ScCatalogixSidebar.tsx
-import { useState as useState12 } from "react";
+import { useState as useState13 } from "react";
 
 // src/SC-Sidebar Switch menu/ScSidebarSwitchMenu.module.css
 var ScSidebarSwitchMenu_default = {
@@ -6232,7 +6415,7 @@ var ScCatalogixSidebar = ({
   className,
   style
 }) => {
-  const [appListOpen, setAppListOpen] = useState12(false);
+  const [appListOpen, setAppListOpen] = useState13(false);
   const handleSwitch = () => {
     setAppListOpen((prev) => !prev);
     onLogoClick?.();
@@ -8092,7 +8275,7 @@ var ScWorkspaceCard = ({
 };
 
 // src/SC-WorkspaceSwitchCard/ScWorkspaceSwitchCard.tsx
-import { useState as useState13 } from "react";
+import { useState as useState14 } from "react";
 import { SiconSwitch as SiconSwitch3, SiconSettings as SiconSettings3, SiconLogout as SiconLogout3 } from "@streamoid/icons";
 
 // src/SC-WorkspaceSwitchCard/ScWorkspaceSwitchCard.module.css
@@ -8133,7 +8316,7 @@ function ScWorkspaceSwitchCard({
   onSettings,
   onLeave
 }) {
-  const [internalHover, setInternalHover] = useState13(false);
+  const [internalHover, setInternalHover] = useState14(false);
   const isHover = hover !== void 0 ? hover : internalHover;
   const isCurrent = type === "currentWS";
   const isOther = type === "otherWS";
@@ -8443,7 +8626,7 @@ var ScTabs = ({
 };
 
 // src/SC-Counter/ScCounter.tsx
-import { useState as useState14 } from "react";
+import { useState as useState15 } from "react";
 import { SiconMinus, SiconPlus as SiconPlus2 } from "@streamoid/icons";
 
 // src/SC-Counter/ScCounter.module.css
@@ -8465,7 +8648,7 @@ var ScCounter = ({
   className,
   style
 }) => {
-  const [showInput, setShowInput] = useState14(false);
+  const [showInput, setShowInput] = useState15(false);
   const set = (n) => {
     let v = n;
     if (min !== void 0) v = Math.max(min, v);
@@ -9560,7 +9743,7 @@ var ScSelectionList = ({
 };
 
 // src/SC-textArea/ScTextArea.tsx
-import { useState as useState15 } from "react";
+import { useState as useState16 } from "react";
 
 // src/SC-textArea/ScTextArea.module.css
 var ScTextArea_default = {
@@ -9590,7 +9773,7 @@ var ScTextArea = ({
   style,
   ...props
 }) => {
-  const [focused, setFocused] = useState15(false);
+  const [focused, setFocused] = useState16(false);
   const derivedState = state ?? (props.disabled ? "disabled" : focused ? "active" : (props.value !== void 0 ? String(props.value).length > 0 : false) ? "filled" : "default");
   const stateClass = ScTextArea_default["state-" + derivedState];
   const labelGroupClass = ScTextArea_default["label-group-" + (labelGroup || "none")];
@@ -9632,7 +9815,7 @@ var ScTextArea = ({
 };
 
 // src/SC-select/ScSelect.tsx
-import { useState as useState16, useRef as useRef6, useEffect as useEffect7 } from "react";
+import { useState as useState17, useRef as useRef6, useEffect as useEffect7 } from "react";
 
 // src/SC-select/ScSelect.module.css
 var ScSelect_default = {
@@ -9669,7 +9852,7 @@ var ScSelect = (props) => {
     disabled = false,
     className
   } = props;
-  const [open, setOpen] = useState16(false);
+  const [open, setOpen] = useState17(false);
   const rootRef = useRef6(null);
   useEffect7(() => {
     if (!open) return;
@@ -9919,7 +10102,7 @@ var ScFileField = (props) => {
 };
 
 // src/SC-mediaApproval/ScMediaApproval.tsx
-import { useState as useState17, useEffect as useEffect8 } from "react";
+import { useState as useState18, useEffect as useEffect8 } from "react";
 
 // src/SC-mediaApproval/ScMediaApproval.module.css
 var ScMediaApproval_default = {
@@ -9966,8 +10149,8 @@ var ScMediaApproval = (props) => {
     className
   } = props;
   const total = mediaUrls.length;
-  const [index, setIndex] = useState17(activeIndex ?? 0);
-  const [mediaLoading, setMediaLoading] = useState17(false);
+  const [index, setIndex] = useState18(activeIndex ?? 0);
+  const [mediaLoading, setMediaLoading] = useState18(false);
   useEffect8(() => {
     if (typeof activeIndex === "number") {
       setIndex(activeIndex);
@@ -10228,7 +10411,7 @@ var ScMediaSelect = (props) => {
 };
 
 // src/SC-todoList/ScTodoList.tsx
-import { useState as useState18 } from "react";
+import { useState as useState19 } from "react";
 
 // src/SC-todoList/ScTodoList.module.css
 var ScTodoList_default = {
@@ -10261,9 +10444,9 @@ var ScTodoList = ({
   addPlaceholder = "Add an item",
   className
 }) => {
-  const [editingId, setEditingId] = useState18(null);
-  const [editValue, setEditValue] = useState18("");
-  const [newValue, setNewValue] = useState18("");
+  const [editingId, setEditingId] = useState19(null);
+  const [editValue, setEditValue] = useState19("");
+  const [newValue, setNewValue] = useState19("");
   const total = items.length;
   const completed = items.filter((i) => i.status === "completed").length;
   const startEditing = (item) => {
@@ -11615,6 +11798,8 @@ export {
   ProductCollapsedMark,
   ProductWordmark,
   SIDEBAR_RESIZE_THRESHOLD_PX,
+  STREAMOID_CHANGELOG_URL,
+  STREAMOID_STATUS_PAGE_URL,
   ScAccess,
   ScAppCard,
   ScAppCardForCopilot,
@@ -11744,8 +11929,10 @@ export {
   StreamoidWorkspaceSwitcher,
   UsageHistoryMobile,
   advanceSidebarResizeGesture,
+  createStreamoidAppSwitchUtilities,
   formatSubAgentLabel,
   hasCollapsedMark,
+  useStreamoidSidebarPopoverPosition,
   useStreamoidSidebarPreference,
   useStreamoidThemePreference
 };