@flamingo-stack/openframe-frontend-core 0.0.704 → 0.0.705

package/dist/{chunk-2JDVL7UV.js → chunk-7VVFKJY5.js}

@@ -21,7 +21,7 @@ import {
   useNearViewport,
   useResetOnPageHidden,
   useSuppressCloneFocus
-} from "./chunk-WUJNYGO2.js";
+} from "./chunk-PDWVPI3S.js";
 import {
   useRouter
 } from "./chunk-GY4IZG22.js";
@@ -6306,6 +6306,7 @@ var ChatInput = forwardRef15((allProps, ref) => {
                 isEmpty && !showPreview && /* @__PURE__ */ jsx31(
                   "span",
                   {
+                    "data-editor-ghost": true,
                     className: cn(
                       // One line, clipped with an ellipsis (Figma 954:28455): the
                       // disabled copy is a sentence, and the panel's narrowest
@@ -6321,6 +6322,7 @@ var ChatInput = forwardRef15((allProps, ref) => {
                 showPreview && /* @__PURE__ */ jsx31(
                   "p",
                   {
+                    "data-editor-ghost": true,
                     className: cn(
                       "pointer-events-none absolute inset-x-0 top-0 m-0 select-none truncate text-ods-text-secondary text-h4",
                       hasChips && "!leading-9"
@@ -7416,7 +7418,7 @@ var ChatMessageEnhanced = forwardRef17(
       });
     };
     const isSystem = authorType === "system";
-    const showName = isSystem || authorType === "admin";
+    const showName = isSystem || authorType === "admin" && !isUser;
     const displayName = name || (isUser ? "User" : assistantType === "mingo" ? "Mingo" : "Fae");
     const faceBox = "h-5 w-5 flex-shrink-0";
     const face = !showAvatar || isSystem ? null : !isUser && !avatar && assistantIcon ? /* @__PURE__ */ jsx36("span", { title: displayName, className: cn("flex items-center justify-center", faceBox), children: assistantIcon }) : !isUser && !avatar && assistantType ? (
@@ -10398,6 +10400,7 @@ function MingoChatRail({
   isLoadingHistory = false,
   loadError = false,
   onRetry,
+  onExpand,
   className
 }) {
   const [searchOpen, setSearchOpen] = useState21(!!searchQuery?.trim());
@@ -10514,16 +10517,29 @@ function MingoChatRail({
       className,
       "data-accent": "mingo",
       "aria-label": "Mingo chats",
-      logo: /* @__PURE__ */ jsx61(
-        MingoIcon,
-        {
-          color: "currentColor",
-          eyesColor: "var(--ods-flamingo-cyan-base)",
-          cornerColor: "var(--ods-flamingo-cyan-base)",
-          className: "size-6 text-ods-text-primary",
-          "aria-hidden": true
-        }
-      ),
+      logo: /* @__PURE__ */ jsxs45("div", { className: "flex flex-1 items-center justify-between", children: [
+        /* @__PURE__ */ jsx61(
+          MingoIcon,
+          {
+            color: "currentColor",
+            eyesColor: "var(--ods-flamingo-cyan-base)",
+            cornerColor: "var(--ods-flamingo-cyan-base)",
+            className: "size-6 text-ods-text-primary",
+            "aria-hidden": true
+          }
+        ),
+        onExpand && /* @__PURE__ */ jsx61(
+          Button,
+          {
+            variant: "transparent",
+            size: "icon",
+            "aria-label": "Expand chat",
+            onClick: onExpand,
+            className: "size-6 p-0 text-ods-text-secondary hover:text-ods-text-primary md:size-6",
+            children: /* @__PURE__ */ jsx61(Arrow02LeftIcon, { size: 24 })
+          }
+        )
+      ] }),
       items,
       sectionLabel: "Your Current Chats",
       sectionActions: listMenu.length > 0 ? /* @__PURE__ */ jsx61(
@@ -25808,6 +25824,7 @@ import { Fragment as Fragment36, jsx as jsx105, jsxs as jsxs80 } from "react/jsx
 var HISTORY_RAIL_WIDTH = 320;
 var MINGO_V2_RAIL_WIDTH = 296;
 var CHAT_BLOCK_MIN_WIDTH = 400;
+var MINGO_V2_SPLIT_WIDTH = MINGO_V2_RAIL_WIDTH + CHAT_BLOCK_MIN_WIDTH;
 var SPLIT_MIN_WIDTH = HISTORY_RAIL_WIDTH + CHAT_BLOCK_MIN_WIDTH;
 var DRAWER_DEFAULT_WIDTH_RATIO = 0.5;
 var DRAWER_WIDTH_KEY = "mingo-chat-width-v4";
@@ -26154,6 +26171,7 @@ function EmbeddableChatInner({
   appearance = CHAT_APPEARANCE.CLASSIC,
   onCollapse,
   collapseTo = "list",
+  onExpand,
   dialogStatusOf,
   userDisplayName,
   userAvatarUrl,
@@ -26474,15 +26492,17 @@ function EmbeddableChatInner({
     () => ({ closeChat: handleNavigationClose }),
     [handleNavigationClose]
   );
+  const askAboutRef = useRef39(discussRef);
+  const askAbout = useCallback28((reference) => askAboutRef.current(reference), []);
   const renderEntityCard = useCallback28(
     (reference) => renderChatInlineEntityCard(reference, {
-      onDiscuss: discussRef,
+      onDiscuss: askAbout,
       onDisplay: displayRef,
       baseRoute: resolvedBaseRoute,
       chipBasePlatform,
       extras
     }),
-    [discussRef, displayRef, resolvedBaseRoute, chipBasePlatform, extras]
+    [askAbout, displayRef, resolvedBaseRoute, chipBasePlatform, extras]
   );
   const mingoAssistantIcon = useMemo31(
     () => effectiveAssistantIcon ? /* @__PURE__ */ jsx105(EntityIcon, { icon: effectiveAssistantIcon, size: 24 }) : /* @__PURE__ */ jsx105(MingoIcon, { className: "h-6 w-6", cornerColor: "var(--ods-flamingo-cyan-base)" }),
@@ -26594,11 +26614,11 @@ function EmbeddableChatInner({
       const detail = e.detail;
       if (!detail || detail.source !== source) return;
       setIsOpen(true);
-      setTimeout(() => discussRef(detail.ref), 0);
+      setTimeout(() => askAbout(detail.ref), 0);
     };
     window.addEventListener("ask-ai:open-with-ref", handler);
     return () => window.removeEventListener("ask-ai:open-with-ref", handler);
-  }, [source, discussRef, setIsOpen]);
+  }, [source, askAbout, setIsOpen]);
   useEffect41(() => {
     const handler = (e) => {
       const detail = e.detail;
@@ -26653,11 +26673,11 @@ function EmbeddableChatInner({
           baseRoute: resolvedBaseRoute,
           chipBasePlatform,
           onClose: handleNavigationClose,
-          onDiscuss: discussRef
+          onDiscuss: askAbout
         }
       ) });
     },
-    [chatLoading, messages.length, resolvedBaseRoute, chipBasePlatform, handleNavigationClose, discussRef]
+    [chatLoading, messages.length, resolvedBaseRoute, chipBasePlatform, handleNavigationClose, askAbout]
   );
   const [portalHost, setPortalHost] = useState50(null);
   const [panelBoundary, setPanelBoundary] = useState50(null);
@@ -26728,6 +26748,29 @@ function EmbeddableChatInner({
   const handleNewChat = useCallback28(() => {
     resetToNewChat();
   }, [resetToNewChat]);
+  const queuedAskRef = useRef39(null);
+  useEffect41(() => {
+    askAboutRef.current = (reference) => {
+      if (!isViewingArchived) {
+        discussRef(reference);
+        return;
+      }
+      queuedAskRef.current = reference;
+      if (archiveOpen) closeArchive();
+      resetToNewChat();
+      setComposeOpen(true);
+    };
+  });
+  useEffect41(() => {
+    const reference = queuedAskRef.current;
+    if (!reference || activeDialogId != null) return;
+    queuedAskRef.current = null;
+    discussRef(reference);
+  }, [activeDialogId, discussRef]);
+  const lastDialogIdRef = useRef39(null);
+  useEffect41(() => {
+    if (activeDialogId && !isViewingArchived) lastDialogIdRef.current = activeDialogId;
+  }, [activeDialogId, isViewingArchived]);
   const [pendingDraft, setPendingDraft] = useState50(null);
   const [seededDraft, setSeededDraft] = useState50(null);
   if (pendingDraft && seededDraft !== pendingDraft) {
@@ -27077,6 +27120,14 @@ function EmbeddableChatInner({
                     {
                       ...mingoRailProps,
                       onNewChat: () => setComposeOpen(true),
+                      onExpand: onExpand && (() => {
+                        const last = lastDialogIdRef.current;
+                        const target = last && dialogs.some((d) => d.id === last) ? last : dialogs[0]?.id;
+                        if (archiveOpen) closeArchive();
+                        if (target) handleSelectDialog(target);
+                        else handleNewChat();
+                        onExpand();
+                      }),
                       className: "w-full border-r-0 duration-200 animate-in fade-in-0"
                     }
                   ) : stackedListView ? (
@@ -28061,6 +28112,7 @@ export {
   isHistoricalUserTurn,
   buildStreamFrames,
   MINGO_V2_RAIL_WIDTH,
+  MINGO_V2_SPLIT_WIDTH,
   EmbeddableChat,
   ProxyCredentialsPanel
 };

package/dist/{chunk-7JIL3WOH.cjs → chunk-A75QY6CD.cjs}

@@ -5,10 +5,10 @@ var _chunkXOYH2YQEcjs = require('./chunk-XOYH2YQE.cjs');
 
 
 
-var _chunkLTSTC3N5cjs = require('./chunk-LTSTC3N5.cjs');
+var _chunkVESKITRQcjs = require('./chunk-VESKITRQ.cjs');
 
 
-var _chunkMGGGBHYDcjs = require('./chunk-MGGGBHYD.cjs');
+var _chunk2QEUFXNScjs = require('./chunk-2QEUFXNS.cjs');
 
 
 var _chunkBIZNSF3Ucjs = require('./chunk-BIZNSF3U.cjs');
@@ -16,12 +16,12 @@ var _chunkBIZNSF3Ucjs = require('./chunk-BIZNSF3U.cjs');
 
 
 
-var _chunkLDPEQGKTcjs = require('./chunk-LDPEQGKT.cjs');
+var _chunk3MX5S4CFcjs = require('./chunk-3MX5S4CF.cjs');
 
 
 
 
-var _chunkC3BWIU7Rcjs = require('./chunk-C3BWIU7R.cjs');
+var _chunkTYWLNCNHcjs = require('./chunk-TYWLNCNH.cjs');
 
 
 var _chunk7DNL734Scjs = require('./chunk-7DNL734S.cjs');
@@ -56,7 +56,7 @@ function FaqAccordion({ items, defaultOpenIds = [] }) {
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "div",
       {
-        id: _chunkLDPEQGKTcjs.faqItemAnchor.call(void 0, item.id),
+        id: _chunk3MX5S4CFcjs.faqItemAnchor.call(void 0, item.id),
         className: "scroll-mt-24 transition-colors hover:bg-ods-bg-hover",
         children: [
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
@@ -149,7 +149,7 @@ function groupFaqsBySection(faqs) {
     }
     let group = byName.get(name);
     if (!group) {
-      group = { section: name, slug: _chunkLDPEQGKTcjs.faqSectionSlug.call(void 0, name), items: [] };
+      group = { section: name, slug: _chunk3MX5S4CFcjs.faqSectionSlug.call(void 0, name), items: [] };
       byName.set(name, group);
     }
     group.items.push(item);
@@ -192,7 +192,7 @@ function GroupedFaqList({
         }
         if (bestId) setActiveSlug(bestId);
       },
-      { rootMargin: `-${_chunkC3BWIU7Rcjs.STICKY_HEADER_OFFSET_PX}px 0px -55% 0px`, threshold: 0 }
+      { rootMargin: `-${_chunkTYWLNCNHcjs.STICKY_HEADER_OFFSET_PX}px 0px -55% 0px`, threshold: 0 }
     );
     for (const group of navGroupsRef.current) {
       const el = group.slug ? document.getElementById(group.slug) : null;
@@ -202,7 +202,7 @@ function GroupedFaqList({
   }, [slugKey]);
   const [hashTarget, setHashTarget] = _react.useState.call(void 0, null);
   _react.useEffect.call(void 0, () => {
-    const refresh = () => setHashTarget(_chunkLDPEQGKTcjs.parseFaqHash.call(void 0, window.location.hash));
+    const refresh = () => setHashTarget(_chunk3MX5S4CFcjs.parseFaqHash.call(void 0, window.location.hash));
     refresh();
     window.addEventListener("hashchange", refresh);
     return () => window.removeEventListener("hashchange", refresh);
@@ -219,7 +219,7 @@ function GroupedFaqList({
   }, [groups, hashTarget]);
   const accordionKeySuffix = _optionalChain([hashTarget, 'optionalAccess', _8 => _8.kind]) === "item" ? `item:${hashTarget.rawId}` : "default";
   const scrollDep = `${groups.length}|` + (_optionalChain([hashTarget, 'optionalAccess', _9 => _9.kind]) === "item" ? `item:${hashTarget.rawId}` : _optionalChain([hashTarget, 'optionalAccess', _10 => _10.kind]) === "section" ? `section:${hashTarget.slug}` : "none");
-  _chunkMGGGBHYDcjs.useScrollToHash.call(void 0, scrollDep, { headerOffset: _chunkC3BWIU7Rcjs.STICKY_HEADER_OFFSET_PX });
+  _chunk2QEUFXNScjs.useScrollToHash.call(void 0, scrollDep, { headerOffset: _chunkTYWLNCNHcjs.STICKY_HEADER_OFFSET_PX });
   const [pillSyncedHash, setPillSyncedHash] = _react.useState.call(void 0, hashTarget);
   if (pillSyncedHash !== hashTarget) {
     setPillSyncedHash(hashTarget);
@@ -227,8 +227,8 @@ function GroupedFaqList({
   }
   const handleJump = _react.useCallback.call(void 0, (e, slug) => {
     e.preventDefault();
-    _chunkC3BWIU7Rcjs.navigateSamePageHash.call(void 0, "#" + slug, {
-      headerOffset: _chunkC3BWIU7Rcjs.STICKY_HEADER_OFFSET_PX,
+    _chunkTYWLNCNHcjs.navigateSamePageHash.call(void 0, "#" + slug, {
+      headerOffset: _chunkTYWLNCNHcjs.STICKY_HEADER_OFFSET_PX,
       history: "replace"
     });
   }, []);
@@ -310,7 +310,7 @@ function FaqSection({
       "script",
       {
         type: "application/ld+json",
-        dangerouslySetInnerHTML: { __html: _chunkC3BWIU7Rcjs.serializeJsonLd.call(void 0, schema) }
+        dangerouslySetInnerHTML: { __html: _chunkTYWLNCNHcjs.serializeJsonLd.call(void 0, schema) }
       }
     )
   ] });
@@ -336,7 +336,7 @@ function FaqDocumentPage({
     label: _nullishCoalesce(_optionalChain([backButton, 'optionalAccess', _16 => _16.label]), () => ( "Back to home")),
     onClick: () => router.push(_nullishCoalesce(_optionalChain([backButton, 'optionalAccess', _17 => _17.href]), () => ( "/")))
   };
-  const inner = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLTSTC3N5cjs.PageLayout, { title, subtitle, backButton: backCfg, titleSize: "h1", titleWrap: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  const inner = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVESKITRQcjs.PageLayout, { title, subtitle, backButton: backCfg, titleSize: "h1", titleWrap: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     FaqSection,
     {
       initialFaqs,
@@ -349,7 +349,7 @@ function FaqDocumentPage({
       minResults
     }
   ) });
-  return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLTSTC3N5cjs.PageShell, { children: inner }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: inner });
+  return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVESKITRQcjs.PageShell, { children: inner }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: inner });
 }
 
 

package/dist/{chunk-VTASHWER.js → chunk-AQWZNP6A.js}

@@ -8,17 +8,17 @@ import {
   SelectTrigger,
   SelectValue,
   Textarea
-} from "./chunk-4KGXLVCF.js";
+} from "./chunk-FCGC42TS.js";
 import {
   useContactSubmission,
   useHumanitySignals,
   useRescuedForm
-} from "./chunk-IHU5ANUY.js";
+} from "./chunk-MKXO4Q5P.js";
 import {
   ChatAttachmentAddButton,
   ChatAttachmentChipStrip,
   useChatAttachments
-} from "./chunk-2JDVL7UV.js";
+} from "./chunk-7VVFKJY5.js";
 import {
   SECTION_HEADING_CLASS,
   accentSentenceMarks

package/dist/{chunk-ZQFZSFQI.js → chunk-DENB2XJC.js}

@@ -1,10 +1,10 @@
 "use client";
 import {
   DEFAULT_FOLDER_INDEX_FILE
-} from "./chunk-4KGXLVCF.js";
+} from "./chunk-FCGC42TS.js";
 import {
   scrollElementIntoView
-} from "./chunk-WUJNYGO2.js";
+} from "./chunk-PDWVPI3S.js";
 import {
   cn
 } from "./chunk-7RXWKTAP.js";

package/dist/{chunk-FXENTYE5.js → chunk-DW7G4KG3.js}

@@ -10,7 +10,7 @@ import {
   StatusFilterComponent,
   TASK_TYPE_LABELS,
   TASK_TYPE_TEXT_COLORS
-} from "./chunk-4KGXLVCF.js";
+} from "./chunk-FCGC42TS.js";
 import {
   usePathname,
   useRouter,

package/dist/{chunk-I7DFUQMN.js → chunk-F6AFPNDF.js}

@@ -4,14 +4,13 @@ import {
   getOSLabel,
   getShellLabel,
   getToolLabel
-} from "./chunk-4KGXLVCF.js";
+} from "./chunk-FCGC42TS.js";
 import {
   useOnboardingState
-} from "./chunk-IHU5ANUY.js";
+} from "./chunk-MKXO4Q5P.js";
 import {
-  ToolIcon,
-  cn as cn2
-} from "./chunk-WUJNYGO2.js";
+  ToolIcon
+} from "./chunk-PDWVPI3S.js";
 import {
   BashIcon,
   CmdIcon,
@@ -88,7 +87,7 @@ var sourceConfig = {
 };
 var SoftwareSourceBadge = ({ source, className }) => {
   const config = sourceConfig[source] || { label: source, icon: /* @__PURE__ */ jsx2(PackageIcon, { className: "h-4 w-4" }) };
-  return /* @__PURE__ */ jsxs2("span", { className: cn2("inline-flex items-center gap-2 text-ods-text-primary", className), children: [
+  return /* @__PURE__ */ jsxs2("span", { className: cn("inline-flex items-center gap-2 text-ods-text-primary", className), children: [
     config.icon,
     config.label
   ] });

package/dist/{chunk-5QJDM6UV.js → chunk-F6I6XZMN.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   SearchInput
-} from "./chunk-4KGXLVCF.js";
+} from "./chunk-FCGC42TS.js";
 import {
   contentFetch
 } from "./chunk-MP2C3LJ4.js";
@@ -12,10 +12,10 @@ import {
   resolveExternalNavigation,
   resolveSourceIcon,
   stripSameOriginToPath
-} from "./chunk-2JDVL7UV.js";
+} from "./chunk-7VVFKJY5.js";
 import {
   useDebounce
-} from "./chunk-WUJNYGO2.js";
+} from "./chunk-PDWVPI3S.js";
 import {
   useRouter
 } from "./chunk-GY4IZG22.js";

package/dist/{chunk-4KGXLVCF.js → chunk-FCGC42TS.js}

@@ -23,7 +23,7 @@ import {
   useLocalStorage,
   useNotificationPermission,
   useToast
-} from "./chunk-IHU5ANUY.js";
+} from "./chunk-MKXO4Q5P.js";
 import {
   Pagination
 } from "./chunk-UT4YHQZW.js";
@@ -97,7 +97,7 @@ import {
   useIsHydrated,
   useResizablePanelSize,
   useScrollFade
-} from "./chunk-2JDVL7UV.js";
+} from "./chunk-7VVFKJY5.js";
 import {
   NEAR_VIEWPORT_ROOT_MARGIN,
   ToolIcon,
@@ -110,7 +110,7 @@ import {
   useDebounce,
   useInView,
   useNearViewport
-} from "./chunk-WUJNYGO2.js";
+} from "./chunk-PDWVPI3S.js";
 import {
   usePathname,
   useRouter,

package/dist/{chunk-2G546OND.js → chunk-G5A3PSPV.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   useOptionalTicketLive
-} from "./chunk-7LFIKJX2.js";
+} from "./chunk-QFXRPRFT.js";
 import {
   AppLayoutDrawerContainerContext,
   AppLayoutDrawerCoordinationContext,
@@ -13,18 +13,18 @@ import {
   UnreadDot,
   buildTicketOpenHref,
   useOptionalNotifications
-} from "./chunk-4KGXLVCF.js";
+} from "./chunk-FCGC42TS.js";
 import {
   useFocusTrap,
   useLocalStorage
-} from "./chunk-IHU5ANUY.js";
+} from "./chunk-MKXO4Q5P.js";
 import {
   OVERLAY_BACKDROP_CLASS,
   useIsHydrated
-} from "./chunk-2JDVL7UV.js";
+} from "./chunk-7VVFKJY5.js";
 import {
   useHeaderHeight
-} from "./chunk-WUJNYGO2.js";
+} from "./chunk-PDWVPI3S.js";
 import {
   LogOutIcon,
   MingoIcon,
@@ -1682,6 +1682,7 @@ import {
 } from "react";
 import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
 var SIDE_PANEL_INSET = 16;
+var SIDE_PANEL_FRAME_WIDTH = 2;
 var MOBILE_QUERY = `not all and ${breakpoints.md}`;
 var REDUCED_MOTION_QUERY = "(prefers-reduced-motion: reduce)";
 var MORPH_MS = 300;
@@ -1762,6 +1763,7 @@ function useAppLayoutSidePanel(config, row) {
   const minContentWidth = config?.minContentWidth ?? 400;
   const collapsed = config?.collapsed ?? false;
   const minimum = { width: minWidth, expanded: false };
+  const defaultWidth = Math.max(minWidth, config?.defaultWidth ?? minWidth);
   const [rowWidth, setRowWidth] = useState4(0);
   useIsomorphicLayoutEffect(() => {
     if (!enabled || !row) return void 0;
@@ -1775,7 +1777,7 @@ function useAppLayoutSidePanel(config, row) {
   const reduceMotion = useMediaQuery(REDUCED_MOTION_QUERY) === true;
   const [morph, setMorph] = useState4(null);
   const [liveWidth, setLiveWidth] = useState4(null);
-  const [storedSize, setStoredSize] = useStoredSize(config?.storageKey, minimum);
+  const [storedSize, setStoredSize] = useStoredSize(config?.storageKey, { width: defaultWidth, expanded: false });
   const [ownIsOpen, setOwnIsOpen] = useState4(false);
   const isOpen = config?.open ?? ownIsOpen;
   const onOpenChange = config?.onOpenChange;
@@ -1822,6 +1824,7 @@ function useAppLayoutSidePanel(config, row) {
   let collapsesTo = null;
   if (layout.mode === "full" && layout.canDock) collapsesTo = layout.dockedWidth > minWidth ? "column" : "minimum";
   else if (layout.mode === "docked" && layout.width > minWidth) collapsesTo = "minimum";
+  const canExpand = layout.mode === "docked" && layout.width <= minWidth && defaultWidth > minWidth && layout.maxDockedWidth > minWidth;
   return {
     ...layout,
     minWidth,
@@ -1842,6 +1845,12 @@ function useAppLayoutSidePanel(config, row) {
         setSize({ width: minWidth, expanded: false });
       }
     },
+    canExpand,
+    expand: () => {
+      if (!canExpand) return;
+      animate("narrow");
+      dock(defaultWidth);
+    },
     toggle: () => setIsOpen(!isOpen),
     close: () => setIsOpen(false),
     resize,
@@ -2024,7 +2033,9 @@ function AppLayoutSidePanel({ config, state }) {
                   canClose: mode === "overlay" || mode === "full" && !canDock,
                   close,
                   collapsesTo: state.collapsesTo,
-                  collapse: state.collapse
+                  collapse: state.collapse,
+                  canExpand: state.canExpand,
+                  expand: state.expand
                 })
               }
             )
@@ -2350,6 +2361,7 @@ export {
   HeaderMingoButton,
   HeaderOrganizationFilter,
   AppHeader,
+  SIDE_PANEL_FRAME_WIDTH,
   MobileBurgerMenu,
   AppLayout
 };