@petrarca/sonnet-shell 0.3.0 → 0.4.0

package/dist/index.js

@@ -4,8 +4,9 @@ import {
   useEffect as useEffect3,
   useCallback as useCallback2,
   useRef as useRef2,
-  useMemo as useMemo3
+  useMemo as useMemo5
 } from "react";
+import { useResizablePanel as useResizablePanel2 } from "@petrarca/sonnet-core/hooks";
 import { Outlet, useLocation as useLocation2, useNavigate as useNavigate2 } from "react-router-dom";
 import { TooltipProvider } from "@petrarca/sonnet-ui";
 import { ScrollArea as ScrollArea2 } from "@petrarca/sonnet-ui";
@@ -74,6 +75,9 @@ function ShellFooter({ children }) {
   return /* @__PURE__ */ jsx3("footer", { className: "h-8 shrink-0 border-t border-border flex items-center justify-between px-3 bg-background text-[11px] text-muted-foreground z-20", children });
 }
 
+// src/ShellRail.tsx
+import { useMemo as useMemo3 } from "react";
+
 // src/IconRail.tsx
 import { cn } from "@petrarca/sonnet-core";
 import { Button as Button2, Separator } from "@petrarca/sonnet-ui";
@@ -98,7 +102,9 @@ function RailIcon({
   icon: Icon,
   label,
   active = false,
-  onClick
+  onClick,
+  disabled = false,
+  tooltip
 }) {
   return /* @__PURE__ */ jsxs2(Tooltip, { delayDuration: 0, children: [
     /* @__PURE__ */ jsx4(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs2(
@@ -106,10 +112,11 @@ function RailIcon({
       {
         variant: "ghost",
         size: "compact",
-        onClick,
+        "aria-disabled": disabled || void 0,
+        onClick: disabled ? void 0 : onClick,
         className: cn(
           "h-10 w-10 rounded-lg transition-colors",
-          active ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground hover:bg-muted-foreground/10"
+          disabled ? "text-muted-foreground/40 cursor-default hover:bg-transparent" : active ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground hover:bg-muted-foreground/10"
         ),
         children: [
           /* @__PURE__ */ jsx4(Icon, { className: "h-5 w-5" }),
@@ -117,7 +124,7 @@ function RailIcon({
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx4(TooltipContent, { side: "right", sideOffset: 8, children: label })
+    /* @__PURE__ */ jsx4(TooltipContent, { side: "right", sideOffset: 8, children: tooltip ?? label })
   ] });
 }
 function RailSeparator() {
@@ -645,10 +652,82 @@ function useShellNavigation() {
   return ctx;
 }
 
+// src/shellConfig.ts
+import { createContext as createContext3, useContext as useContext3 } from "react";
+var ShellConfigContext = createContext3(null);
+function useShellConfig() {
+  const config = useContext3(ShellConfigContext);
+  if (!config) {
+    throw new Error("useShellConfig must be used within a ShellConfigProvider");
+  }
+  return config;
+}
+
+// src/capabilities.ts
+import { warnLog as warnLog3 } from "@petrarca/sonnet-core";
+var DEFAULT_CAPABILITY_POLICY = {
+  "missing-state": { rail: "disabled", command: "disabled", route: "redirect" },
+  "not-authorized": { rail: "hidden", command: "hidden", route: "redirect" },
+  "not-authorized-soft": {
+    rail: "disabled",
+    command: "disabled",
+    route: "redirect"
+  },
+  "feature-off": { rail: "hidden", command: "disabled", route: "redirect" },
+  error: { rail: "hidden", command: "hidden", route: "redirect" }
+};
+var EFFECT_RANK = {
+  hidden: 3,
+  redirect: 2,
+  disabled: 1,
+  visible: 0
+};
+function resolveCapabilityPolicy(override) {
+  if (!override) return DEFAULT_CAPABILITY_POLICY;
+  const merged = {};
+  for (const kind of Object.keys(DEFAULT_CAPABILITY_POLICY)) {
+    merged[kind] = {
+      ...DEFAULT_CAPABILITY_POLICY[kind],
+      ...override[kind] ?? {}
+    };
+  }
+  return merged;
+}
+function foldUnmet(effect, resultReason, acc) {
+  const rank = EFFECT_RANK[effect];
+  const worstRank = EFFECT_RANK[acc.effect];
+  if (rank > worstRank) {
+    return { effect, reason: resultReason };
+  }
+  if (rank === worstRank && !acc.reason && resultReason) {
+    return { effect: acc.effect, reason: resultReason };
+  }
+  return acc;
+}
+function evaluateModule(module, surface, resolve, policy) {
+  const capabilities = module.requires;
+  if (!capabilities || capabilities.length === 0) return { effect: "visible" };
+  if (!resolve) return { effect: "visible" };
+  let acc = { effect: "visible" };
+  for (const capability of capabilities) {
+    const result = resolve(capability);
+    if (result.met) continue;
+    const kind = result.kind ?? "error";
+    if (kind === "error") {
+      warnLog3(
+        `[capabilities] unmet capability "${capability}" resolved to kind "error" (fail-closed)`
+      );
+    }
+    acc = foldUnmet(policy[kind][surface], result.reason, acc);
+  }
+  return acc;
+}
+
 // src/ShellRail.tsx
 import { Fragment, jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 function ShellRail() {
   const { mainModules, bottomModules } = useShellModules();
+  const { resolveCapability, capabilityPolicy } = useShellConfig();
   const {
     activeService,
     sidePaneModuleId,
@@ -657,29 +736,37 @@ function ShellRail() {
     onServiceSelect
   } = useShellNavigation();
   const isActive = (id) => activeService?.id === id || sidePaneModuleId === id;
+  const policy = useMemo3(
+    () => resolveCapabilityPolicy(capabilityPolicy),
+    [capabilityPolicy]
+  );
+  const renderModule = (service) => {
+    const { effect, reason } = evaluateModule(
+      service,
+      "rail",
+      resolveCapability,
+      policy
+    );
+    if (effect === "hidden" || effect === "redirect") return null;
+    const disabled = effect === "disabled";
+    return /* @__PURE__ */ jsx8(
+      RailIcon,
+      {
+        icon: service.icon,
+        label: service.label,
+        active: isActive(service.id),
+        onClick: () => onServiceSelect(service.id),
+        disabled,
+        tooltip: disabled && reason ? `${service.label} \u2014 ${reason}` : void 0
+      },
+      service.id
+    );
+  };
   return /* @__PURE__ */ jsxs6(Fragment, { children: [
     /* @__PURE__ */ jsxs6(IconRail, { children: [
-      /* @__PURE__ */ jsx8("div", { className: "flex-1 flex flex-col items-center gap-1 overflow-y-auto", children: mainModules.map((service) => /* @__PURE__ */ jsx8(
-        RailIcon,
-        {
-          icon: service.icon,
-          label: service.label,
-          active: isActive(service.id),
-          onClick: () => onServiceSelect(service.id)
-        },
-        service.id
-      )) }),
+      /* @__PURE__ */ jsx8("div", { className: "flex-1 flex flex-col items-center gap-1 overflow-y-auto", children: mainModules.map(renderModule) }),
       /* @__PURE__ */ jsx8(RailSeparator, {}),
-      /* @__PURE__ */ jsx8("div", { className: "flex flex-col items-center gap-1", children: bottomModules.map((service) => /* @__PURE__ */ jsx8(
-        RailIcon,
-        {
-          icon: service.icon,
-          label: service.label,
-          active: isActive(service.id),
-          onClick: () => onServiceSelect(service.id)
-        },
-        service.id
-      )) })
+      /* @__PURE__ */ jsx8("div", { className: "flex flex-col items-center gap-1", children: bottomModules.map(renderModule) })
     ] }),
     activeService && activeService.navigation.length > 0 && /* @__PURE__ */ jsx8(
       SubNavPanel,
@@ -694,23 +781,25 @@ function ShellRail() {
 
 // src/SidePane.tsx
 import { X } from "lucide-react";
-import { cn as cn4 } from "@petrarca/sonnet-core";
+import { cn as cn5 } from "@petrarca/sonnet-core";
 import { useResizablePanel } from "@petrarca/sonnet-core/hooks";
 
 // src/sidePaneState.ts
-import { createContext as createContext3, useContext as useContext3 } from "react";
-var SidePaneContext = createContext3(null);
+import { createContext as createContext4, useContext as useContext4 } from "react";
+var SidePaneContext = createContext4(null);
 function useSidePaneState() {
-  const ctx = useContext3(SidePaneContext);
+  const ctx = useContext4(SidePaneContext);
   if (!ctx) {
     throw new Error("useSidePaneState must be used within an AppShell");
   }
   return ctx;
 }
 
-// src/SidePane.tsx
-import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+// src/DragHandle.tsx
+import { cn as cn4 } from "@petrarca/sonnet-core";
+import { jsx as jsx9 } from "react/jsx-runtime";
 function DragHandle({
+  edge,
   separatorProps,
   onPointerDown,
   onDoubleClick
@@ -722,19 +811,28 @@ function DragHandle({
       onPointerDown,
       onDoubleClick,
       className: cn4(
-        "absolute right-0 top-0 h-full w-1 cursor-col-resize",
-        "hover:bg-primary/40 active:bg-primary/60 transition-colors"
+        // 8px invisible hit area; visual feedback only via the before pseudo-element.
+        "absolute top-0 h-full w-2 cursor-col-resize",
+        edge === "right" ? "right-0" : "left-0",
+        // Centered line: invisible at rest, 2px on hover, 4px while dragging.
+        "before:absolute before:inset-y-0 before:left-1/2 before:-translate-x-1/2",
+        "before:w-0 before:transition-all before:duration-150",
+        "hover:before:w-0.5 hover:before:bg-primary/60",
+        "active:before:w-1 active:before:bg-primary/80"
       )
     }
   );
 }
+
+// src/SidePane.tsx
+import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 var DEFAULT_WIDTH = 320;
 var DEFAULT_MIN = 240;
 var DEFAULT_MAX = 800;
 function SidePane() {
   const { pane, close } = useSidePaneState();
   if (!pane) return null;
-  return /* @__PURE__ */ jsx9(SidePaneOpen, { pane, onClose: close });
+  return /* @__PURE__ */ jsx10(SidePaneOpen, { pane, onClose: close });
 }
 function SidePaneOpen({
   pane,
@@ -750,29 +848,30 @@ function SidePaneOpen({
   return /* @__PURE__ */ jsxs7(
     "div",
     {
-      className: cn4(
+      className: cn5(
         "relative flex flex-col border-r bg-background",
         isFullWidth ? "flex-1" : "shrink-0"
       ),
       style: isFullWidth ? void 0 : { width: panelWidth },
       children: [
-        /* @__PURE__ */ jsx9("div", { className: "flex h-10 shrink-0 items-center justify-end border-b px-2", children: /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsx10("div", { className: "flex h-10 shrink-0 items-center justify-end border-b px-2", children: /* @__PURE__ */ jsx10(
           "button",
           {
             onClick: onClose,
-            className: cn4(
+            className: cn5(
               "flex h-6 w-6 items-center justify-center rounded text-muted-foreground",
               "hover:bg-accent hover:text-foreground transition-colors",
               "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
             ),
             "aria-label": "Close side pane",
-            children: /* @__PURE__ */ jsx9(X, { className: "h-3.5 w-3.5" })
+            children: /* @__PURE__ */ jsx10(X, { className: "h-3.5 w-3.5" })
           }
         ) }),
-        /* @__PURE__ */ jsx9("div", { className: "flex-1 overflow-auto", children: pane.content }),
-        !isFullWidth && /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsx10("div", { className: "flex-1 overflow-auto", children: pane.content }),
+        !isFullWidth && /* @__PURE__ */ jsx10(
           DragHandle,
           {
+            edge: "right",
             separatorProps,
             onPointerDown: handlePointerDown,
             onDoubleClick: handleDoubleClick
@@ -784,7 +883,7 @@ function SidePaneOpen({
 }
 
 // src/CommandMenu.tsx
-import { useEffect as useEffect2, useCallback } from "react";
+import { useEffect as useEffect2, useCallback, useMemo as useMemo4 } from "react";
 import { useNavigate } from "react-router-dom";
 import {
   CommandDialog,
@@ -795,10 +894,11 @@ import {
   CommandList,
   CommandSeparator
 } from "@petrarca/sonnet-ui";
-import { Fragment as Fragment2, jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 function CommandMenu({ open, onOpenChange }) {
   const navigate = useNavigate();
   const { mainModules, bottomModules } = useShellModules();
+  const { resolveCapability, capabilityPolicy } = useShellConfig();
   useEffect2(() => {
     const handleKeyDown = (e) => {
       if (e.key === "k" && (e.metaKey || e.ctrlKey)) {
@@ -809,6 +909,11 @@ function CommandMenu({ open, onOpenChange }) {
     document.addEventListener("keydown", handleKeyDown);
     return () => document.removeEventListener("keydown", handleKeyDown);
   }, [open, onOpenChange]);
+  const policy = useMemo4(
+    () => resolveCapabilityPolicy(capabilityPolicy),
+    [capabilityPolicy]
+  );
+  const moduleEffect = (service) => evaluateModule(service, "command", resolveCapability, policy);
   const handleSelect = useCallback(
     (path) => {
       navigate(path);
@@ -818,17 +923,21 @@ function CommandMenu({ open, onOpenChange }) {
   );
   const renderNavGroup = (service) => {
     if (service.navigation.length === 0) return null;
+    const { effect, reason } = moduleEffect(service);
+    if (effect === "hidden" || effect === "redirect") return null;
+    const disabled = effect === "disabled";
     const Icon = service.icon;
-    return /* @__PURE__ */ jsx10(CommandGroup, { heading: service.label, children: service.navigation.flatMap(
+    return /* @__PURE__ */ jsx11(CommandGroup, { heading: service.label, children: service.navigation.flatMap(
       (group) => group.links.map((link) => /* @__PURE__ */ jsxs8(
         CommandItem,
         {
           value: `${service.label} ${group.heading ?? ""} ${link.label}`,
-          onSelect: () => handleSelect(link.path),
+          disabled,
+          onSelect: disabled ? void 0 : () => handleSelect(link.path),
           children: [
-            /* @__PURE__ */ jsx10(Icon, { className: "mr-2 h-4 w-4 text-muted-foreground" }),
-            /* @__PURE__ */ jsx10("span", { children: link.label }),
-            group.heading && /* @__PURE__ */ jsx10("span", { className: "ml-auto text-xs text-muted-foreground", children: group.heading })
+            /* @__PURE__ */ jsx11(Icon, { className: "mr-2 h-4 w-4 text-muted-foreground" }),
+            /* @__PURE__ */ jsx11("span", { children: link.label }),
+            disabled && reason ? /* @__PURE__ */ jsx11("span", { className: "ml-auto text-xs text-muted-foreground", children: reason }) : group.heading && /* @__PURE__ */ jsx11("span", { className: "ml-auto text-xs text-muted-foreground", children: group.heading })
           ]
         },
         link.path
@@ -837,8 +946,11 @@ function CommandMenu({ open, onOpenChange }) {
   };
   const renderCommandGroup = (service) => {
     if (!service.commands?.length) return null;
+    const { effect, reason } = moduleEffect(service);
+    if (effect === "hidden" || effect === "redirect") return null;
+    const disabled = effect === "disabled";
     const Icon = service.icon;
-    return /* @__PURE__ */ jsx10(
+    return /* @__PURE__ */ jsx11(
       CommandGroup,
       {
         heading: service.commands[0].group ?? service.label,
@@ -848,13 +960,15 @@ function CommandMenu({ open, onOpenChange }) {
             CommandItem,
             {
               value: `${service.label} ${cmd.label}`,
-              onSelect: () => {
+              disabled,
+              onSelect: disabled ? void 0 : () => {
                 cmd.action();
                 onOpenChange(false);
               },
               children: [
-                /* @__PURE__ */ jsx10(CmdIcon, { className: "mr-2 h-4 w-4 text-muted-foreground" }),
-                /* @__PURE__ */ jsx10("span", { children: cmd.label })
+                /* @__PURE__ */ jsx11(CmdIcon, { className: "mr-2 h-4 w-4 text-muted-foreground" }),
+                /* @__PURE__ */ jsx11("span", { children: cmd.label }),
+                disabled && reason && /* @__PURE__ */ jsx11("span", { className: "ml-auto text-xs text-muted-foreground", children: reason })
               ]
             },
             cmd.id
@@ -865,45 +979,69 @@ function CommandMenu({ open, onOpenChange }) {
     );
   };
   const allModules = [...mainModules, ...bottomModules];
+  const hasVisibleNav = (modules) => modules.some(
+    (m) => m.navigation.length > 0 && !["hidden", "redirect"].includes(moduleEffect(m).effect)
+  );
+  const hasVisibleCmds = allModules.some(
+    (m) => (m.commands?.length ?? 0) > 0 && !["hidden", "redirect"].includes(moduleEffect(m).effect)
+  );
   return /* @__PURE__ */ jsxs8(CommandDialog, { open, onOpenChange, children: [
-    /* @__PURE__ */ jsx10(CommandInput, { placeholder: "Search pages, services, actions..." }),
+    /* @__PURE__ */ jsx11(CommandInput, { placeholder: "Search pages, services, actions..." }),
     /* @__PURE__ */ jsxs8(CommandList, { children: [
-      /* @__PURE__ */ jsx10(CommandEmpty, { children: "No results found." }),
+      /* @__PURE__ */ jsx11(CommandEmpty, { children: "No results found." }),
       mainModules.map(renderNavGroup),
-      /* @__PURE__ */ jsx10(CommandSeparator, {}),
+      hasVisibleNav(mainModules) && hasVisibleNav(bottomModules) && /* @__PURE__ */ jsx11(CommandSeparator, {}),
       bottomModules.map(renderNavGroup),
-      allModules.some((m) => m.commands?.length) && /* @__PURE__ */ jsxs8(Fragment2, { children: [
-        /* @__PURE__ */ jsx10(CommandSeparator, {}),
+      hasVisibleCmds && /* @__PURE__ */ jsxs8(Fragment2, { children: [
+        /* @__PURE__ */ jsx11(CommandSeparator, {}),
         allModules.map(renderCommandGroup)
       ] })
     ] })
   ] });
 }
 
-// src/shellConfig.ts
-import { createContext as createContext4, useContext as useContext4 } from "react";
-var ShellConfigContext = createContext4(null);
-function useShellConfig() {
-  const config = useContext4(ShellConfigContext);
-  if (!config) {
-    throw new Error("useShellConfig must be used within a ShellConfigProvider");
+// src/ModuleEffects.tsx
+import React3 from "react";
+import { warnLog as warnLog4 } from "@petrarca/sonnet-core";
+import { Fragment as Fragment3, jsx as jsx12 } from "react/jsx-runtime";
+var ModuleEffectBoundary = class extends React3.Component {
+  state = { caught: false };
+  static getDerivedStateFromError() {
+    return { caught: true };
   }
-  return config;
+  componentDidCatch(error) {
+    warnLog4(
+      "[ModuleEffects] module '{}' useEffects threw \u2014 effects disabled for this module: {}",
+      this.props.moduleId,
+      error
+    );
+  }
+  render() {
+    return this.state.caught ? null : this.props.children;
+  }
+};
+function ModuleEffectHost({ module }) {
+  module.useEffects();
+  return null;
+}
+function ModuleEffects({ modules }) {
+  return /* @__PURE__ */ jsx12(Fragment3, { children: modules.filter((m) => typeof m.useEffects === "function").map((m) => /* @__PURE__ */ jsx12(ModuleEffectBoundary, { moduleId: m.id, children: /* @__PURE__ */ jsx12(ModuleEffectHost, { module: m }) }, m.id)) });
 }
 
 // src/AppShell.tsx
-import { Fragment as Fragment3, jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
-var PANEL_WIDTH_CLASS = {
-  narrow: "w-[480px]",
-  default: "w-[640px]",
-  wide: "w-[800px]",
-  half: "w-[50vw]",
-  full: "w-screen",
+import { Fragment as Fragment4, jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
+var PANEL_WIDTHS = {
+  narrow: { css: "w-[480px]", px: 480 },
+  default: { css: "w-[640px]", px: 640 },
+  wide: { css: "w-[800px]", px: 800 },
+  half: { css: "w-[50vw]", px: 640 },
+  full: { css: "w-screen", px: 640 },
   // legacy aliases
-  lg: "w-[640px]",
-  "1/3": "w-[33vw]",
-  "1/2": "w-[50vw]"
+  lg: { css: "w-[640px]", px: 640 },
+  "1/3": { css: "w-[33vw]", px: 640 },
+  "1/2": { css: "w-[50vw]", px: 640 }
 };
+var DEFAULT_PANEL = PANEL_WIDTHS.default;
 function isSidePaneModule(service) {
   return !!service.sidePane && service.navigation.length === 0;
 }
@@ -951,7 +1089,7 @@ function useShellApiInit(deps) {
 }
 function useActiveService(modules) {
   const location = useLocation2();
-  const serviceByBasePath = useMemo3(
+  const serviceByBasePath = useMemo5(
     () => new Map(
       modules.filter((m) => !m.hidden && m.basePath !== "/").map((m) => [m.basePath, m.id])
     ),
@@ -1006,6 +1144,25 @@ function useSidePaneState2() {
     handleSetFullWidth
   };
 }
+var DEFAULT_RESIZE_MIN = 240;
+var DEFAULT_RESIZE_MAX = 1200;
+function resizeOptionsFromPanel(state, widthEntry) {
+  if (!state?.resizable) {
+    return {
+      enabled: false,
+      defaultWidth: widthEntry.px,
+      minWidth: DEFAULT_RESIZE_MIN,
+      maxWidth: DEFAULT_RESIZE_MAX
+    };
+  }
+  const viewportMax = typeof window !== "undefined" ? Math.round(window.innerWidth * 0.9) : DEFAULT_RESIZE_MAX;
+  return {
+    enabled: true,
+    defaultWidth: widthEntry.px,
+    minWidth: state.minWidth ?? DEFAULT_RESIZE_MIN,
+    maxWidth: state.maxWidth ?? viewportMax
+  };
+}
 function usePanelState() {
   const [panelState, setPanelState] = useState2(null);
   const panelOnCloseRef = useRef2(void 0);
@@ -1017,7 +1174,8 @@ function usePanelState() {
     panelOnCloseRef.current = panelState?.onClose;
     setPanelState(null);
   }, [panelState]);
-  const panelWidth = PANEL_WIDTH_CLASS[panelState?.width ?? "default"] ?? PANEL_WIDTH_CLASS.default;
+  const widthEntry = PANEL_WIDTHS[panelState?.width ?? "default"] ?? DEFAULT_PANEL;
+  const panelWidth = widthEntry.css;
   const panelOffsetTop = panelState?.coverage === "full" ? "0px" : "3rem";
   return {
     panelState,
@@ -1025,7 +1183,8 @@ function usePanelState() {
     handleOpen,
     handleClose,
     panelWidth,
-    panelOffsetTop
+    panelOffsetTop,
+    resize: resizeOptionsFromPanel(panelState, widthEntry)
   };
 }
 function useDialogState() {
@@ -1041,7 +1200,7 @@ function useDialogState() {
   return { dialogState, setDialogState, handleConfirm, handleCancel };
 }
 function useFeatureLookup(modules) {
-  return useMemo3(() => {
+  return useMemo5(() => {
     const map = /* @__PURE__ */ new Map();
     for (const m of modules) {
       for (const group of m.navigation) {
@@ -1120,7 +1279,7 @@ function AppShell({ registry, sidebar }) {
       setSubNavCollapsed
     ]
   );
-  const sidePaneContextValue = useMemo3(
+  const sidePaneContextValue = useMemo5(
     () => ({
       pane: sidePane2.sidePaneState,
       open: sidePane2.handleOpen,
@@ -1143,82 +1302,118 @@ function AppShell({ registry, sidebar }) {
     onToggleSubNav: () => setSubNavCollapsed((c) => !c),
     onServiceSelect: handleServiceSelect
   };
-  return /* @__PURE__ */ jsx11(ShellModulesContext.Provider, { value: registry, children: /* @__PURE__ */ jsx11(SidePaneContext.Provider, { value: sidePaneContextValue, children: /* @__PURE__ */ jsx11(ShellNavigationContext.Provider, { value: navigationValue, children: /* @__PURE__ */ jsx11(TooltipProvider, { children: /* @__PURE__ */ jsxs9("div", { className: "flex h-screen w-screen flex-col overflow-hidden", children: [
-    /* @__PURE__ */ jsx11(TopBar, { children: config.topBar }),
-    /* @__PURE__ */ jsx11(
-      CommandMenu,
-      {
-        open: commandMenuOpen,
-        onOpenChange: setCommandMenuOpen
-      }
-    ),
-    /* @__PURE__ */ jsx11(
-      ShellBody,
-      {
-        activeService,
-        sidePaneFullWidth: sidePane2.sidePaneState?.fullWidth,
-        sidebar
-      }
-    ),
-    config.footer && /* @__PURE__ */ jsx11(ShellFooter, { children: config.footer }),
-    dialog2.dialogState && /* @__PURE__ */ jsx11(
-      ConfirmDialog,
-      {
-        open: true,
-        title: dialog2.dialogState.opts.title,
-        description: dialog2.dialogState.opts.description,
-        confirmLabel: dialog2.dialogState.opts.confirmLabel,
-        cancelLabel: dialog2.dialogState.opts.cancelLabel,
-        variant: dialog2.dialogState.opts.variant,
-        onConfirm: dialog2.handleConfirm,
-        onCancel: dialog2.handleCancel
-      }
-    ),
-    fullscreenState && /* @__PURE__ */ jsx11("div", { className: "fixed inset-0 z-50 bg-background overflow-auto", children: fullscreenState.content }),
-    /* @__PURE__ */ jsx11(
-      SlideOverPanel,
-      {
-        panelState: panel2.panelState,
-        panelWidth: panel2.panelWidth,
-        panelOffsetTop: panel2.panelOffsetTop,
-        panelOnCloseRef: panel2.panelOnCloseRef,
-        onClose: panel2.handleClose
-      }
-    )
-  ] }) }) }) }) });
+  return /* @__PURE__ */ jsx13(ShellModulesContext.Provider, { value: registry, children: /* @__PURE__ */ jsx13(SidePaneContext.Provider, { value: sidePaneContextValue, children: /* @__PURE__ */ jsx13(ShellNavigationContext.Provider, { value: navigationValue, children: /* @__PURE__ */ jsxs9(TooltipProvider, { children: [
+    /* @__PURE__ */ jsx13(ModuleEffects, { modules }),
+    /* @__PURE__ */ jsxs9("div", { className: "flex h-screen w-screen flex-col overflow-hidden", children: [
+      /* @__PURE__ */ jsx13(TopBar, { children: config.topBar }),
+      /* @__PURE__ */ jsx13(
+        CommandMenu,
+        {
+          open: commandMenuOpen,
+          onOpenChange: setCommandMenuOpen
+        }
+      ),
+      /* @__PURE__ */ jsx13(
+        ShellBody,
+        {
+          activeService,
+          sidePaneFullWidth: sidePane2.sidePaneState?.fullWidth,
+          sidebar
+        }
+      ),
+      config.footer && /* @__PURE__ */ jsx13(ShellFooter, { children: config.footer }),
+      dialog2.dialogState && /* @__PURE__ */ jsx13(
+        ConfirmDialog,
+        {
+          open: true,
+          title: dialog2.dialogState.opts.title,
+          description: dialog2.dialogState.opts.description,
+          confirmLabel: dialog2.dialogState.opts.confirmLabel,
+          cancelLabel: dialog2.dialogState.opts.cancelLabel,
+          variant: dialog2.dialogState.opts.variant,
+          onConfirm: dialog2.handleConfirm,
+          onCancel: dialog2.handleCancel
+        }
+      ),
+      fullscreenState && /* @__PURE__ */ jsx13("div", { className: "fixed inset-0 z-50 bg-background overflow-auto", children: fullscreenState.content }),
+      /* @__PURE__ */ jsx13(
+        SlideOverPanel,
+        {
+          panelState: panel2.panelState,
+          panelWidth: panel2.panelWidth,
+          panelOffsetTop: panel2.panelOffsetTop,
+          panelOnCloseRef: panel2.panelOnCloseRef,
+          onClose: panel2.handleClose,
+          resize: panel2.resize
+        }
+      )
+    ] })
+  ] }) }) }) });
 }
 function SlideOverPanel({
   panelState,
   panelWidth,
   panelOffsetTop,
   panelOnCloseRef,
-  onClose
+  onClose,
+  resize
 }) {
-  return /* @__PURE__ */ jsx11(
+  const sheetProps = {
+    side: "right",
+    offsetTop: panelOffsetTop,
+    onCloseAutoFocus: (e) => {
+      if (panelOnCloseRef.current) {
+        e.preventDefault();
+        panelOnCloseRef.current();
+      }
+    },
+    ...!panelState?.description && { "aria-describedby": void 0 }
+  };
+  return /* @__PURE__ */ jsx13(
     Sheet,
     {
       open: panelState !== null,
       onOpenChange: (open) => {
         if (!open) onClose();
       },
-      children: /* @__PURE__ */ jsx11(
-        SheetContent,
-        {
-          side: "right",
-          className: `${panelWidth} max-w-[90vw]`,
-          offsetTop: panelOffsetTop,
-          onCloseAutoFocus: (e) => {
-            if (panelOnCloseRef.current) {
-              e.preventDefault();
-              panelOnCloseRef.current();
-            }
-          },
-          ...!panelState?.description && {
-            "aria-describedby": void 0
-          },
-          children: panelState && /* @__PURE__ */ jsx11(PanelContent, { state: panelState })
-        }
-      )
+      children: resize.enabled ? /* @__PURE__ */ jsx13(ResizableSheetContent, { ...sheetProps, resize, children: panelState && /* @__PURE__ */ jsx13(PanelContent, { state: panelState }) }) : /* @__PURE__ */ jsx13(SheetContent, { ...sheetProps, className: `${panelWidth} max-w-[90vw]`, children: panelState && /* @__PURE__ */ jsx13(PanelContent, { state: panelState }) })
+    }
+  );
+}
+function ResizableSheetContent({
+  resize,
+  children,
+  ...sheetProps
+}) {
+  const {
+    panelWidth: dynWidth,
+    handlePointerDown,
+    handleDoubleClick,
+    separatorProps
+  } = useResizablePanel2({
+    defaultWidth: resize.defaultWidth,
+    minWidth: resize.minWidth,
+    maxWidth: resize.maxWidth,
+    direction: "left-edge"
+  });
+  return /* @__PURE__ */ jsxs9(
+    SheetContent,
+    {
+      ...sheetProps,
+      className: "max-w-[90vw]",
+      style: { width: dynWidth },
+      children: [
+        /* @__PURE__ */ jsx13(
+          DragHandle,
+          {
+            edge: "left",
+            separatorProps,
+            onPointerDown: handlePointerDown,
+            onDoubleClick: handleDoubleClick
+          }
+        ),
+        children
+      ]
     }
   );
 }
@@ -1228,24 +1423,24 @@ function ShellBody({
   sidebar
 }) {
   return /* @__PURE__ */ jsxs9("div", { className: "flex flex-1 overflow-hidden", children: [
-    sidebar ?? /* @__PURE__ */ jsx11(ShellRail, {}),
-    /* @__PURE__ */ jsx11(SidePane, {}),
-    sidePaneFullWidth !== true && /* @__PURE__ */ jsx11("div", { className: "flex-1 min-w-0 h-full overflow-hidden", children: /* @__PURE__ */ jsx11(ContentArea, { layout: activeService?.layout }) })
+    sidebar ?? /* @__PURE__ */ jsx13(ShellRail, {}),
+    /* @__PURE__ */ jsx13(SidePane, {}),
+    sidePaneFullWidth !== true && /* @__PURE__ */ jsx13("div", { className: "flex-1 min-w-0 h-full overflow-hidden", children: /* @__PURE__ */ jsx13(ContentArea, { layout: activeService?.layout }) })
   ] });
 }
 function ContentArea({ layout }) {
   if (layout === "full") {
-    return /* @__PURE__ */ jsx11("div", { className: "h-full w-full overflow-hidden", children: /* @__PURE__ */ jsx11(Outlet, {}) });
+    return /* @__PURE__ */ jsx13("div", { className: "h-full w-full overflow-hidden", children: /* @__PURE__ */ jsx13(Outlet, {}) });
   }
-  return /* @__PURE__ */ jsx11(ScrollArea2, { className: "h-full", children: /* @__PURE__ */ jsx11("main", { className: "p-6", children: /* @__PURE__ */ jsx11(Outlet, {}) }) });
+  return /* @__PURE__ */ jsx13(ScrollArea2, { className: "h-full", children: /* @__PURE__ */ jsx13("main", { className: "p-6", children: /* @__PURE__ */ jsx13(Outlet, {}) }) });
 }
 function PanelContent({ state }) {
-  return /* @__PURE__ */ jsxs9(Fragment3, { children: [
+  return /* @__PURE__ */ jsxs9(Fragment4, { children: [
     state.title ? /* @__PURE__ */ jsxs9(SheetHeader, { children: [
-      /* @__PURE__ */ jsx11(SheetTitle, { children: state.title }),
-      state.description && /* @__PURE__ */ jsx11(SheetDescription, { children: state.description })
-    ] }) : /* @__PURE__ */ jsx11(SheetTitle, { className: "sr-only", children: "Panel" }),
-    /* @__PURE__ */ jsx11(SheetBody, { children: state.content })
+      /* @__PURE__ */ jsx13(SheetTitle, { children: state.title }),
+      state.description && /* @__PURE__ */ jsx13(SheetDescription, { children: state.description })
+    ] }) : /* @__PURE__ */ jsx13(SheetTitle, { className: "sr-only", children: "Panel" }),
+    /* @__PURE__ */ jsx13(SheetBody, { children: state.content })
   ] });
 }
 
@@ -1253,36 +1448,36 @@ function PanelContent({ state }) {
 import { Toaster } from "sonner";
 
 // src/ShellConfigProvider.tsx
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 function ShellConfigProvider({
   config,
   children
 }) {
-  return /* @__PURE__ */ jsx12(ShellConfigContext.Provider, { value: config, children });
+  return /* @__PURE__ */ jsx14(ShellConfigContext.Provider, { value: config, children });
 }
 
 // src/RootLayout.tsx
-import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs10 } from "react/jsx-runtime";
 function RootLayout({
   config,
   registry,
   sidebar
 }) {
   return /* @__PURE__ */ jsxs10(ShellConfigProvider, { config, children: [
-    /* @__PURE__ */ jsx13(Toaster, { position: "top-right", richColors: true, closeButton: true }),
-    /* @__PURE__ */ jsx13(AppShell, { registry, sidebar })
+    /* @__PURE__ */ jsx15(Toaster, { position: "top-right", richColors: true, closeButton: true }),
+    /* @__PURE__ */ jsx15(AppShell, { registry, sidebar })
   ] });
 }
 
 // src/PlaceholderPage.tsx
 import { useLocation as useLocation3 } from "react-router-dom";
-import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs11 } from "react/jsx-runtime";
 function PlaceholderPage() {
   const { pathname } = useLocation3();
   return /* @__PURE__ */ jsxs11("div", { children: [
-    /* @__PURE__ */ jsx14("h1", { className: "mb-1", children: pathToTitle(pathname) }),
-    /* @__PURE__ */ jsx14("p", { className: "text-sm text-muted-foreground mb-6", children: pathname }),
-    /* @__PURE__ */ jsx14("div", { className: "rounded-lg border-2 border-dashed border-border p-12 flex items-center justify-center", children: /* @__PURE__ */ jsx14("span", { className: "text-sm text-muted-foreground", children: "Content area \u2014 not yet implemented" }) })
+    /* @__PURE__ */ jsx16("h1", { className: "mb-1", children: pathToTitle(pathname) }),
+    /* @__PURE__ */ jsx16("p", { className: "text-sm text-muted-foreground mb-6", children: pathname }),
+    /* @__PURE__ */ jsx16("div", { className: "rounded-lg border-2 border-dashed border-border p-12 flex items-center justify-center", children: /* @__PURE__ */ jsx16("span", { className: "text-sm text-muted-foreground", children: "Content area \u2014 not yet implemented" }) })
   ] });
 }
 function pathToTitle(path) {
@@ -1292,9 +1487,9 @@ function pathToTitle(path) {
 }
 
 // src/Sidebar.tsx
-import { cn as cn5 } from "@petrarca/sonnet-core";
+import { cn as cn6 } from "@petrarca/sonnet-core";
 import { ScrollArea as ScrollArea3 } from "@petrarca/sonnet-ui";
-import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
 function Sidebar({
   children,
   header,
@@ -1305,20 +1500,20 @@ function Sidebar({
     "aside",
     {
       style: { width },
-      className: cn5(
+      className: cn6(
         "shrink-0 border-r bg-muted/30 flex flex-col h-full",
         className
       ),
       children: [
         header,
-        /* @__PURE__ */ jsx15(ScrollArea3, { className: "flex-1", children: /* @__PURE__ */ jsx15("nav", { className: "px-1.5 py-2 space-y-3", children }) })
+        /* @__PURE__ */ jsx17(ScrollArea3, { className: "flex-1", children: /* @__PURE__ */ jsx17("nav", { className: "px-1.5 py-2 space-y-3", children }) })
       ]
     }
   );
 }
 
 // src/ShellSidebar.tsx
-import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
 function ShellSidebar({
   bottomGroupLabel = "Tools",
   ...sidebarProps
@@ -1328,7 +1523,7 @@ function ShellSidebar({
     (mod) => (mod.topNav ?? []).map((link) => ({ link, icon: mod.icon }))
   );
   return /* @__PURE__ */ jsxs13(Sidebar, { ...sidebarProps, children: [
-    topNavItems.length > 0 && /* @__PURE__ */ jsx16(SidebarGroup, { separator: true, children: topNavItems.map(({ link, icon }) => /* @__PURE__ */ jsx16(
+    topNavItems.length > 0 && /* @__PURE__ */ jsx18(SidebarGroup, { separator: true, children: topNavItems.map(({ link, icon }) => /* @__PURE__ */ jsx18(
       SidebarItem,
       {
         icon,
@@ -1340,7 +1535,7 @@ function ShellSidebar({
     )) }),
     mainModules.map((mod) => {
       if (mod.navigation.length === 0) {
-        return /* @__PURE__ */ jsx16(
+        return /* @__PURE__ */ jsx18(
           SidebarItem,
           {
             icon: mod.icon,
@@ -1350,15 +1545,15 @@ function ShellSidebar({
           mod.id
         );
       }
-      return /* @__PURE__ */ jsx16(SidebarGroup, { heading: mod.label, collapsible: true, children: mod.navigation.flatMap((group) => [
+      return /* @__PURE__ */ jsx18(SidebarGroup, { heading: mod.label, collapsible: true, children: mod.navigation.flatMap((group) => [
         // Render NavGroup heading if it has one
         ...group.heading ? [
-          /* @__PURE__ */ jsx16(
+          /* @__PURE__ */ jsx18(
             SidebarGroup,
             {
               heading: group.heading,
               collapsible: group.collapsible,
-              children: group.links.map((link) => /* @__PURE__ */ jsx16(
+              children: group.links.map((link) => /* @__PURE__ */ jsx18(
                 SidebarItem,
                 {
                   icon: mod.icon,
@@ -1371,7 +1566,7 @@ function ShellSidebar({
             },
             group.id
           )
-        ] : group.links.map((link) => /* @__PURE__ */ jsx16(
+        ] : group.links.map((link) => /* @__PURE__ */ jsx18(
           SidebarItem,
           {
             icon: mod.icon,
@@ -1383,7 +1578,7 @@ function ShellSidebar({
         ))
       ]) }, mod.id);
     }),
-    bottomModules.length > 0 && /* @__PURE__ */ jsx16(SidebarGroup, { heading: bottomGroupLabel, collapsible: true, children: bottomModules.map((mod) => /* @__PURE__ */ jsx16(
+    bottomModules.length > 0 && /* @__PURE__ */ jsx18(SidebarGroup, { heading: bottomGroupLabel, collapsible: true, children: bottomModules.map((mod) => /* @__PURE__ */ jsx18(
       SidebarItem,
       {
         icon: mod.icon,
@@ -1396,13 +1591,13 @@ function ShellSidebar({
 }
 
 // src/ShellVersion.tsx
-import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
 function ShellVersion({
   name,
   version
 }) {
   return /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ jsx17("span", { children: name }),
+    /* @__PURE__ */ jsx19("span", { children: name }),
     version && /* @__PURE__ */ jsxs14("span", { className: "text-muted-foreground/50", children: [
       "v",
       version
@@ -1413,7 +1608,7 @@ function ShellVersion({
 // src/SearchTrigger.tsx
 import { Search } from "lucide-react";
 import { Button as Button3 } from "@petrarca/sonnet-ui";
-import { jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs15 } from "react/jsx-runtime";
 function SearchTrigger() {
   return /* @__PURE__ */ jsxs15(
     Button3,
@@ -1423,10 +1618,10 @@ function SearchTrigger() {
       className: "h-8 gap-2 text-sm text-muted-foreground w-56 justify-start",
       onClick: () => navigation.openCommandMenu(),
       children: [
-        /* @__PURE__ */ jsx18(Search, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsx18("span", { children: "Search..." }),
+        /* @__PURE__ */ jsx20(Search, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx20("span", { children: "Search..." }),
         /* @__PURE__ */ jsxs15("kbd", { className: "ml-auto pointer-events-none inline-flex h-5 select-none items-center gap-1 rounded border bg-muted px-1.5 font-mono text-[10px] font-medium text-muted-foreground", children: [
-          /* @__PURE__ */ jsx18("span", { className: "text-xs", children: "\u2318" }),
+          /* @__PURE__ */ jsx20("span", { className: "text-xs", children: "\u2318" }),
           "K"
         ] })
       ]
@@ -1446,23 +1641,23 @@ import {
   DropdownMenuSeparator,
   DropdownMenuTrigger
 } from "@petrarca/sonnet-ui";
-import { jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs16 } from "react/jsx-runtime";
 function UserMenu({ user, onSignOut }) {
   return /* @__PURE__ */ jsxs16(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx19(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx19(Button4, { variant: "ghost", size: "compact", className: "rounded-full", children: /* @__PURE__ */ jsx19(Avatar, { className: "h-7 w-7", children: /* @__PURE__ */ jsx19(AvatarFallback, { className: "text-xs", children: user.initials }) }) }) }),
+    /* @__PURE__ */ jsx21(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx21(Button4, { variant: "ghost", size: "compact", className: "rounded-full", children: /* @__PURE__ */ jsx21(Avatar, { className: "h-7 w-7", children: /* @__PURE__ */ jsx21(AvatarFallback, { className: "text-xs", children: user.initials }) }) }) }),
     /* @__PURE__ */ jsxs16(DropdownMenuContent, { align: "end", className: "w-48", children: [
-      /* @__PURE__ */ jsx19(DropdownMenuLabel, { className: "font-normal", children: /* @__PURE__ */ jsxs16("div", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ jsx19("p", { className: "text-sm font-medium", children: user.name }),
-        /* @__PURE__ */ jsx19("p", { className: "text-xs text-muted-foreground", children: user.email })
+      /* @__PURE__ */ jsx21(DropdownMenuLabel, { className: "font-normal", children: /* @__PURE__ */ jsxs16("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsx21("p", { className: "text-sm font-medium", children: user.name }),
+        /* @__PURE__ */ jsx21("p", { className: "text-xs text-muted-foreground", children: user.email })
       ] }) }),
-      /* @__PURE__ */ jsx19(DropdownMenuSeparator, {}),
+      /* @__PURE__ */ jsx21(DropdownMenuSeparator, {}),
       /* @__PURE__ */ jsxs16(DropdownMenuItem, { children: [
-        /* @__PURE__ */ jsx19(User, { className: "mr-2 h-4 w-4" }),
+        /* @__PURE__ */ jsx21(User, { className: "mr-2 h-4 w-4" }),
         "Profile"
       ] }),
-      /* @__PURE__ */ jsx19(DropdownMenuSeparator, {}),
+      /* @__PURE__ */ jsx21(DropdownMenuSeparator, {}),
       /* @__PURE__ */ jsxs16(DropdownMenuItem, { onSelect: onSignOut, children: [
-        /* @__PURE__ */ jsx19(LogOut, { className: "mr-2 h-4 w-4" }),
+        /* @__PURE__ */ jsx21(LogOut, { className: "mr-2 h-4 w-4" }),
         "Sign out"
       ] })
     ] })
@@ -1493,13 +1688,13 @@ function createModuleRegistry(modules) {
 }
 
 // src/OverviewCard.tsx
-import { cn as cn6 } from "@petrarca/sonnet-core";
-import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
+import { cn as cn7 } from "@petrarca/sonnet-core";
+import { jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
 function FeatureLink({
   feature,
   children
 }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx22(
     "span",
     {
       role: "link",
@@ -1532,17 +1727,17 @@ function OverviewCard({
     {
       onClick: feature ? () => navigation.goToFeature(feature) : void 0,
       disabled: !feature,
-      className: cn6(
+      className: cn7(
         "rounded-lg border bg-card p-5 text-left flex flex-col gap-3",
         "disabled:cursor-default",
         feature && "hover:bg-accent/50 transition-colors",
         className
       ),
       children: [
-        /* @__PURE__ */ jsx20("div", { className: "h-9 w-9 rounded-md bg-blue-50 flex items-center justify-center shrink-0", children: /* @__PURE__ */ jsx20(Icon, { className: "h-5 w-5 text-blue-600" }) }),
+        /* @__PURE__ */ jsx22("div", { className: "h-9 w-9 rounded-md bg-blue-50 flex items-center justify-center shrink-0", children: /* @__PURE__ */ jsx22(Icon, { className: "h-5 w-5 text-blue-600" }) }),
         /* @__PURE__ */ jsxs17("div", { children: [
-          /* @__PURE__ */ jsx20("p", { className: "text-sm font-medium mb-1", children: title }),
-          /* @__PURE__ */ jsx20("p", { className: "text-xs text-muted-foreground leading-relaxed", children: description })
+          /* @__PURE__ */ jsx22("p", { className: "text-sm font-medium mb-1", children: title }),
+          /* @__PURE__ */ jsx22("p", { className: "text-xs text-muted-foreground leading-relaxed", children: description })
         ] })
       ]
     }
@@ -1552,6 +1747,7 @@ export {
   AppShell,
   CommandMenu,
   ConfirmDialog,
+  DEFAULT_CAPABILITY_POLICY,
   FeatureLink,
   IconRail,
   OverviewCard,
@@ -1575,6 +1771,7 @@ export {
   UserMenu,
   createModuleRegistry,
   dialog,
+  evaluateModule,
   events,
   fullscreen,
   initDialog,
@@ -1586,6 +1783,7 @@ export {
   navigation,
   notification,
   panel,
+  resolveCapabilityPolicy,
   sidePane,
   useExtensionPoint,
   useMainModules,