@petrarca/sonnet-shell 0.1.0

package/dist/index.js

@@ -0,0 +1,1194 @@
+// src/AppShell.tsx
+import { useState, useEffect as useEffect3, useCallback as useCallback2, useRef as useRef2, useMemo as useMemo3 } from "react";
+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";
+import {
+  Sheet,
+  SheetContent,
+  SheetHeader,
+  SheetTitle,
+  SheetDescription,
+  SheetBody
+} from "@petrarca/sonnet-ui";
+
+// src/ConfirmDialog.tsx
+import { AlertTriangle } from "lucide-react";
+import { Button } from "@petrarca/sonnet-ui";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle
+} from "@petrarca/sonnet-ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+function ConfirmDialog({
+  open,
+  title,
+  description,
+  confirmLabel = "Confirm",
+  cancelLabel = "Cancel",
+  variant = "default",
+  onConfirm,
+  onCancel
+}) {
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: (isOpen) => !isOpen && onCancel(), children: /* @__PURE__ */ jsxs(DialogContent, { children: [
+    /* @__PURE__ */ jsxs(DialogHeader, { children: [
+      /* @__PURE__ */ jsx(DialogTitle, { children: title }),
+      description && /* @__PURE__ */ jsx(DialogDescription, { children: description })
+    ] }),
+    variant === "destructive" && /* @__PURE__ */ jsxs("div", { className: "flex gap-2 items-start", children: [
+      /* @__PURE__ */ jsx(
+        AlertTriangle,
+        {
+          size: 20,
+          className: "text-destructive flex-shrink-0 mt-0.5"
+        }
+      ),
+      /* @__PURE__ */ jsx("p", { className: "flex-1 text-sm text-muted-foreground", children: "This action cannot be undone." })
+    ] }),
+    /* @__PURE__ */ jsxs(DialogFooter, { children: [
+      /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: onCancel, children: cancelLabel }),
+      /* @__PURE__ */ jsx(Button, { variant, onClick: onConfirm, children: confirmLabel })
+    ] })
+  ] }) });
+}
+
+// src/TopBar.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+function TopBar({ children }) {
+  return /* @__PURE__ */ jsx2("header", { className: "h-12 shrink-0 border-b border-blue-200 flex items-center justify-between px-3 bg-blue-100/70 z-20", children });
+}
+
+// src/IconRail.tsx
+import { cn } from "@petrarca/sonnet-core";
+import { Button as Button2 } from "@petrarca/sonnet-ui";
+import { Separator } from "@petrarca/sonnet-ui";
+import { Tooltip, TooltipContent, TooltipTrigger } from "@petrarca/sonnet-ui";
+
+// src/shellModules.ts
+import { createContext, useContext } from "react";
+var ShellModulesContext = createContext(null);
+function useShellModules() {
+  const registry = useContext(ShellModulesContext);
+  if (!registry) {
+    throw new Error("useShellModules must be used within an AppShell");
+  }
+  return registry;
+}
+
+// src/IconRail.tsx
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+function IconRail({
+  activeServiceId,
+  activeSidePaneModuleId,
+  onServiceSelect
+}) {
+  const { mainModules, bottomModules } = useShellModules();
+  const isActive = (id) => activeServiceId === id || activeSidePaneModuleId === id;
+  return /* @__PURE__ */ jsxs2("nav", { className: "w-12 shrink-0 border-r bg-muted/30 flex flex-col items-center py-2 gap-1", children: [
+    /* @__PURE__ */ jsx3("div", { className: "flex-1 flex flex-col items-center gap-1 overflow-y-auto", children: mainModules.map((service) => /* @__PURE__ */ jsx3(
+      RailIcon,
+      {
+        service,
+        isActive: isActive(service.id),
+        onClick: () => onServiceSelect(service.id)
+      },
+      service.id
+    )) }),
+    /* @__PURE__ */ jsx3(Separator, { className: "w-6 my-1" }),
+    /* @__PURE__ */ jsx3("div", { className: "flex flex-col items-center gap-1", children: bottomModules.map((service) => /* @__PURE__ */ jsx3(
+      RailIcon,
+      {
+        service,
+        isActive: isActive(service.id),
+        onClick: () => onServiceSelect(service.id)
+      },
+      service.id
+    )) })
+  ] });
+}
+function RailIcon({ service, isActive, onClick }) {
+  const Icon = service.icon;
+  return /* @__PURE__ */ jsxs2(Tooltip, { delayDuration: 0, children: [
+    /* @__PURE__ */ jsx3(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs2(
+      Button2,
+      {
+        variant: "ghost",
+        size: "compact",
+        onClick,
+        className: cn(
+          "h-9 w-9 rounded-lg transition-colors",
+          isActive ? "bg-accent text-accent-foreground" : "text-muted-foreground hover:text-foreground"
+        ),
+        children: [
+          /* @__PURE__ */ jsx3(Icon, { className: "h-[18px] w-[18px]" }),
+          /* @__PURE__ */ jsx3("span", { className: "sr-only", children: service.label })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx3(TooltipContent, { side: "right", sideOffset: 8, children: service.label })
+  ] });
+}
+
+// src/SubNavPanel.tsx
+import { useMemo as useMemo2 } from "react";
+import { useLocation, Link } from "react-router-dom";
+import { ChevronsLeft, ChevronsRight } from "lucide-react";
+import { cn as cn2 } from "@petrarca/sonnet-core";
+import { ScrollArea } from "@petrarca/sonnet-ui";
+import { Tooltip as Tooltip2, TooltipContent as TooltipContent2, TooltipTrigger as TooltipTrigger2 } from "@petrarca/sonnet-ui";
+
+// src/hooks.ts
+import { useEffect, useMemo, useRef } from "react";
+
+// src/api.ts
+import { toast } from "sonner";
+import { warnLog as warnLog2 } from "@petrarca/sonnet-core";
+
+// src/eventBus.ts
+import { devLog, warnLog } from "@petrarca/sonnet-core";
+var listeners = /* @__PURE__ */ new Map();
+function on(key, handler) {
+  let set = listeners.get(key);
+  if (!set) {
+    set = /* @__PURE__ */ new Set();
+    listeners.set(key, set);
+  }
+  set.add(handler);
+  devLog(`[shell:event] on "${key}" (${set.size} handler(s))`);
+  return () => {
+    set.delete(handler);
+    if (set.size === 0) listeners.delete(key);
+    devLog(`[shell:event] off "${key}" (${set.size} handler(s))`);
+  };
+}
+function once(key, handler) {
+  const unsubscribe = on(key, (payload) => {
+    unsubscribe();
+    handler(payload);
+  });
+  return unsubscribe;
+}
+function emit(key, payload) {
+  const set = listeners.get(key);
+  const count = set?.size ?? 0;
+  devLog(`[shell:event] emit "${key}"`, payload, `(${count} handler(s))`);
+  if (!set || count === 0) return;
+  for (const handler of set) {
+    Promise.resolve().then(() => {
+      try {
+        handler(payload);
+      } catch (err) {
+        warnLog(`[shell:event] handler error "${key}":`, err);
+      }
+    });
+  }
+}
+
+// src/api.ts
+var notification = {
+  success(message) {
+    toast.success(message);
+  },
+  error(message) {
+    toast.error(message);
+  },
+  warning(message) {
+    toast.warning(message);
+  },
+  info(message) {
+    toast.info(message);
+  },
+  promise(promise, opts) {
+    return toast.promise(promise, opts);
+  },
+  dismiss(id) {
+    toast.dismiss(id);
+  }
+};
+var _dialogConfirm = null;
+function initDialog(confirmFn) {
+  _dialogConfirm = confirmFn;
+}
+var dialog = {
+  /**
+   * Show a confirmation dialog. Returns true if confirmed, false if cancelled.
+   */
+  confirm(opts) {
+    if (_dialogConfirm) {
+      return _dialogConfirm(opts);
+    }
+    warnLog2("dialog.confirm: shell not initialized yet.");
+    return Promise.resolve(false);
+  }
+};
+var _navigate = null;
+var _openCommandMenu = null;
+var _lookupFeature = null;
+function initNavigation(navigateFn, openCommandMenuFn) {
+  _navigate = navigateFn;
+  _openCommandMenu = openCommandMenuFn;
+}
+function initFeatureNav(lookupFn) {
+  _lookupFeature = lookupFn;
+}
+var navigation = {
+  /** Navigate to a path within the shell. */
+  goTo(path) {
+    if (_navigate) {
+      _navigate(path);
+    } else {
+      warnLog2("navigation.goTo: shell not initialized yet.");
+    }
+  },
+  /**
+   * Navigate to a feature by its stable identifier (e.g. "auditing.audit-events").
+   * The path is resolved from the module registry at call time, so it stays
+   * correct even if routes are reorganised.
+   */
+  goToFeature(featureId) {
+    if (!_navigate || !_lookupFeature) {
+      warnLog2("navigation.goToFeature: shell not initialized yet.");
+      return;
+    }
+    const path = _lookupFeature(featureId);
+    if (path) {
+      _navigate(path);
+    } else {
+      warnLog2("navigation.goToFeature: unknown feature id '{}'.", featureId);
+    }
+  },
+  /** Open the Cmd+K command menu. */
+  openCommandMenu() {
+    if (_openCommandMenu) {
+      _openCommandMenu();
+    } else {
+      warnLog2("navigation.openCommandMenu: shell not initialized yet.");
+    }
+  },
+  /** Go back in browser history. */
+  back() {
+    window.history.back();
+  }
+};
+var _panelOpen = null;
+var _panelClose = null;
+function initPanel(openFn, closeFn) {
+  _panelOpen = openFn;
+  _panelClose = closeFn;
+}
+var panel = {
+  /** Open the shell panel with content rendered inside. */
+  open(opts) {
+    if (_panelOpen) {
+      _panelOpen(opts);
+    } else {
+      warnLog2("panel.open: shell not initialized yet.");
+    }
+  },
+  /** Close the panel. */
+  close() {
+    if (_panelClose) {
+      _panelClose();
+    } else {
+      warnLog2("panel.close: shell not initialized yet.");
+    }
+  }
+};
+var _sidePaneOpen = null;
+var _sidePaneClose = null;
+var _sidePaneIsOpen = null;
+var _sidePaneActiveModuleId = null;
+function initSidePane(openFn, closeFn, isOpenFn, activeModuleIdFn) {
+  _sidePaneOpen = openFn;
+  _sidePaneClose = closeFn;
+  _sidePaneIsOpen = isOpenFn;
+  _sidePaneActiveModuleId = activeModuleIdFn;
+}
+var sidePane = {
+  /** Open the side pane with the given content and sizing options. */
+  open(opts) {
+    if (_sidePaneOpen) {
+      _sidePaneOpen(opts);
+    } else {
+      warnLog2("sidePane.open: shell not initialized yet.");
+    }
+  },
+  /** Close the side pane. */
+  close() {
+    if (_sidePaneClose) {
+      _sidePaneClose();
+    } else {
+      warnLog2("sidePane.close: shell not initialized yet.");
+    }
+  },
+  /**
+   * Toggle the side pane.
+   *
+   * If the pane is closed, opens it with opts.
+   * If the pane is open with the same moduleId, closes it.
+   * If the pane is open with a different moduleId, replaces it with opts.
+   */
+  toggle(opts) {
+    if (!_sidePaneIsOpen || !_sidePaneActiveModuleId || !_sidePaneOpen || !_sidePaneClose) {
+      warnLog2("sidePane.toggle: shell not initialized yet.");
+      return;
+    }
+    if (_sidePaneIsOpen() && _sidePaneActiveModuleId() === opts.moduleId) {
+      _sidePaneClose();
+    } else {
+      _sidePaneOpen(opts);
+    }
+  },
+  /** Returns true when the pane is currently open. */
+  isOpen() {
+    return _sidePaneIsOpen ? _sidePaneIsOpen() : false;
+  },
+  /** Returns the moduleId of the currently open pane, or null. */
+  activeModuleId() {
+    return _sidePaneActiveModuleId ? _sidePaneActiveModuleId() : null;
+  }
+};
+var _fullscreenEnter = null;
+var _fullscreenExit = null;
+function initFullscreen(enterFn, exitFn) {
+  _fullscreenEnter = enterFn;
+  _fullscreenExit = exitFn;
+}
+var fullscreen = {
+  /** Enter fullscreen mode, rendering content over all shell chrome. */
+  enter(opts) {
+    if (_fullscreenEnter) {
+      _fullscreenEnter(opts);
+    } else {
+      warnLog2("fullscreen.enter: shell not initialized yet.");
+    }
+  },
+  /** Exit fullscreen mode, restoring the normal shell layout. */
+  exit() {
+    if (_fullscreenExit) {
+      _fullscreenExit();
+    } else {
+      warnLog2("fullscreen.exit: shell not initialized yet.");
+    }
+  }
+};
+var events = {
+  /** Subscribe to an event. Returns an unsubscribe function. */
+  on(key, handler) {
+    return on(key, handler);
+  },
+  /** Subscribe, auto-unsubscribing after the first emission. */
+  once(key, handler) {
+    return once(key, handler);
+  },
+  /** Emit an event. Handlers run asynchronously (microtask). */
+  emit(key, payload) {
+    emit(key, payload);
+  }
+};
+
+// src/hooks.ts
+function useExtensionPoint(name) {
+  const { getExtensionPoint } = useShellModules();
+  return useMemo(() => getExtensionPoint(name), [getExtensionPoint, name]);
+}
+function useMainModules() {
+  const { mainModules } = useShellModules();
+  return mainModules;
+}
+function useShellEvent(key, handler) {
+  const handlerRef = useRef(handler);
+  handlerRef.current = handler;
+  useEffect(() => {
+    return events.on(key, (payload) => handlerRef.current(payload));
+  }, [key]);
+}
+
+// src/SubNavPanel.tsx
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+function useMergedNavigation(service) {
+  const contributions = useExtensionPoint(`${service.id}.nav`);
+  return useMemo2(() => {
+    if (contributions.length === 0) return service.navigation;
+    const contributed = {
+      id: `${service.id}-contributed`,
+      links: contributions.map((c) => ({
+        id: c.extensionPoint + "." + c.label.toLowerCase().replace(/\s+/g, "-"),
+        label: c.label,
+        path: c.path
+      }))
+    };
+    return [...service.navigation, contributed];
+  }, [service, contributions]);
+}
+function SubNavPanel({
+  service,
+  collapsed,
+  onToggleCollapse
+}) {
+  const { pathname } = useLocation();
+  const mergedNavigation = useMergedNavigation(service);
+  if (collapsed) {
+    return /* @__PURE__ */ jsx4("aside", { className: "shrink-0 border-r bg-background flex flex-col items-center pt-2.5", children: /* @__PURE__ */ jsxs3(Tooltip2, { children: [
+      /* @__PURE__ */ jsx4(TooltipTrigger2, { asChild: true, children: /* @__PURE__ */ jsx4(
+        "button",
+        {
+          className: "text-muted-foreground/50 hover:text-muted-foreground transition-colors p-1",
+          onClick: onToggleCollapse,
+          children: /* @__PURE__ */ jsx4(ChevronsRight, { className: "h-4 w-4" })
+        }
+      ) }),
+      /* @__PURE__ */ jsx4(TooltipContent2, { side: "right", children: "Expand navigation" })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsxs3("aside", { className: "w-52 shrink-0 border-r bg-background flex flex-col", children: [
+    /* @__PURE__ */ jsxs3("div", { className: "h-10 shrink-0 flex items-center justify-between px-4", children: [
+      /* @__PURE__ */ jsx4("span", { className: "heading-compact text-muted-foreground uppercase tracking-wider", children: service.label }),
+      /* @__PURE__ */ jsxs3(Tooltip2, { children: [
+        /* @__PURE__ */ jsx4(TooltipTrigger2, { asChild: true, children: /* @__PURE__ */ jsx4(
+          "button",
+          {
+            className: "text-muted-foreground/40 hover:text-muted-foreground transition-colors p-0.5",
+            onClick: onToggleCollapse,
+            children: /* @__PURE__ */ jsx4(ChevronsLeft, { className: "h-3.5 w-3.5" })
+          }
+        ) }),
+        /* @__PURE__ */ jsx4(TooltipContent2, { side: "right", children: "Collapse navigation" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx4(ScrollArea, { className: "flex-1", children: /* @__PURE__ */ jsx4("nav", { className: "px-2 pb-4", children: mergedNavigation.map((group, gi) => /* @__PURE__ */ jsxs3("div", { className: cn2(gi > 0 && "mt-4"), children: [
+      group.heading && /* @__PURE__ */ jsx4("h6", { className: "heading-meta px-2 mb-1", children: group.heading }),
+      /* @__PURE__ */ jsx4("ul", { className: "space-y-0.5", children: group.links.map((link) => {
+        const isActive = pathname === link.path;
+        return /* @__PURE__ */ jsx4("li", { children: /* @__PURE__ */ jsx4(
+          Link,
+          {
+            to: link.path,
+            className: cn2(
+              "flex items-center rounded-md px-2 py-1.5 text-sm transition-colors",
+              isActive ? "bg-accent text-accent-foreground font-medium" : "text-muted-foreground hover:text-foreground hover:bg-accent/50"
+            ),
+            children: link.label
+          }
+        ) }, link.path);
+      }) })
+    ] }, group.id)) }) })
+  ] });
+}
+
+// src/SidePane.tsx
+import { X } from "lucide-react";
+import { cn as cn3 } from "@petrarca/sonnet-core";
+import { useResizablePanel } from "@petrarca/sonnet-core/hooks";
+
+// src/sidePaneState.ts
+import { createContext as createContext2, useContext as useContext2 } from "react";
+var SidePaneContext = createContext2(null);
+function useSidePaneState() {
+  const ctx = useContext2(SidePaneContext);
+  if (!ctx) {
+    throw new Error("useSidePaneState must be used within an AppShell");
+  }
+  return ctx;
+}
+
+// src/SidePane.tsx
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+var DEFAULT_WIDTH = 320;
+var DEFAULT_MIN = 240;
+var DEFAULT_MAX = 800;
+function SidePane() {
+  const { pane, close } = useSidePaneState();
+  const { panelWidth, handlePointerDown, handleDoubleClick, separatorProps } = useResizablePanel({
+    defaultWidth: pane?.defaultWidth ?? DEFAULT_WIDTH,
+    minWidth: pane?.minWidth ?? DEFAULT_MIN,
+    maxWidth: pane?.maxWidth ?? DEFAULT_MAX,
+    direction: "right-edge"
+  });
+  if (!pane) return null;
+  return /* @__PURE__ */ jsxs4(
+    "div",
+    {
+      className: "relative flex shrink-0 flex-col border-r bg-background",
+      style: { width: panelWidth },
+      children: [
+        /* @__PURE__ */ jsx5("div", { className: "flex h-10 shrink-0 items-center justify-end border-b px-2", children: /* @__PURE__ */ jsx5(
+          "button",
+          {
+            onClick: close,
+            className: cn3(
+              "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__ */ jsx5(X, { className: "h-3.5 w-3.5" })
+          }
+        ) }),
+        /* @__PURE__ */ jsx5("div", { className: "flex-1 overflow-auto", children: pane.content }),
+        /* @__PURE__ */ jsx5(
+          "div",
+          {
+            ...separatorProps,
+            onPointerDown: handlePointerDown,
+            onDoubleClick: handleDoubleClick,
+            className: cn3(
+              "absolute right-0 top-0 h-full w-1 cursor-col-resize",
+              "hover:bg-primary/40 active:bg-primary/60 transition-colors"
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/CommandMenu.tsx
+import { useEffect as useEffect2, useCallback } from "react";
+import { useNavigate } from "react-router-dom";
+import {
+  CommandDialog,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+  CommandSeparator
+} from "@petrarca/sonnet-ui";
+import { Fragment, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+function CommandMenu({ open, onOpenChange }) {
+  const navigate = useNavigate();
+  const { mainModules, bottomModules } = useShellModules();
+  useEffect2(() => {
+    const handleKeyDown = (e) => {
+      if (e.key === "k" && (e.metaKey || e.ctrlKey)) {
+        e.preventDefault();
+        onOpenChange(!open);
+      }
+    };
+    document.addEventListener("keydown", handleKeyDown);
+    return () => document.removeEventListener("keydown", handleKeyDown);
+  }, [open, onOpenChange]);
+  const handleSelect = useCallback(
+    (path) => {
+      navigate(path);
+      onOpenChange(false);
+    },
+    [navigate, onOpenChange]
+  );
+  const renderNavGroup = (service) => {
+    if (service.navigation.length === 0) return null;
+    const Icon = service.icon;
+    return /* @__PURE__ */ jsx6(CommandGroup, { heading: service.label, children: service.navigation.flatMap(
+      (group) => group.links.map((link) => /* @__PURE__ */ jsxs5(
+        CommandItem,
+        {
+          value: `${service.label} ${group.heading ?? ""} ${link.label}`,
+          onSelect: () => handleSelect(link.path),
+          children: [
+            /* @__PURE__ */ jsx6(Icon, { className: "mr-2 h-4 w-4 text-muted-foreground" }),
+            /* @__PURE__ */ jsx6("span", { children: link.label }),
+            group.heading && /* @__PURE__ */ jsx6("span", { className: "ml-auto text-xs text-muted-foreground", children: group.heading })
+          ]
+        },
+        link.path
+      ))
+    ) }, `nav-${service.id}`);
+  };
+  const renderCommandGroup = (service) => {
+    if (!service.commands?.length) return null;
+    const Icon = service.icon;
+    return /* @__PURE__ */ jsx6(
+      CommandGroup,
+      {
+        heading: service.commands[0].group ?? service.label,
+        children: service.commands.map((cmd) => {
+          const CmdIcon = cmd.icon ?? Icon;
+          return /* @__PURE__ */ jsxs5(
+            CommandItem,
+            {
+              value: `${service.label} ${cmd.label}`,
+              onSelect: () => {
+                cmd.action();
+                onOpenChange(false);
+              },
+              children: [
+                /* @__PURE__ */ jsx6(CmdIcon, { className: "mr-2 h-4 w-4 text-muted-foreground" }),
+                /* @__PURE__ */ jsx6("span", { children: cmd.label })
+              ]
+            },
+            cmd.id
+          );
+        })
+      },
+      `cmd-${service.id}`
+    );
+  };
+  const allModules = [...mainModules, ...bottomModules];
+  return /* @__PURE__ */ jsxs5(CommandDialog, { open, onOpenChange, children: [
+    /* @__PURE__ */ jsx6(CommandInput, { placeholder: "Search pages, services, actions..." }),
+    /* @__PURE__ */ jsxs5(CommandList, { children: [
+      /* @__PURE__ */ jsx6(CommandEmpty, { children: "No results found." }),
+      mainModules.map(renderNavGroup),
+      /* @__PURE__ */ jsx6(CommandSeparator, {}),
+      bottomModules.map(renderNavGroup),
+      allModules.some((m) => m.commands?.length) && /* @__PURE__ */ jsxs5(Fragment, { children: [
+        /* @__PURE__ */ jsx6(CommandSeparator, {}),
+        allModules.map(renderCommandGroup)
+      ] })
+    ] })
+  ] });
+}
+
+// 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/AppShell.tsx
+import { Fragment as Fragment2, jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+var PANEL_WIDTH_CLASS = {
+  narrow: "w-[480px]",
+  default: "w-[640px]",
+  wide: "w-[800px]",
+  half: "w-[50vw]",
+  full: "w-screen",
+  // legacy aliases
+  lg: "w-[640px]",
+  "1/3": "w-[33vw]",
+  "1/2": "w-[50vw]"
+};
+function isSidePaneModule(service) {
+  return !!service.sidePane && service.navigation.length === 0;
+}
+function selectSidePaneModule(service, current, setSidePaneState, navigate) {
+  if (current?.moduleId === service.id) {
+    setSidePaneState(null);
+  } else {
+    setSidePaneState({
+      moduleId: service.id,
+      content: null,
+      defaultWidth: service.sidePane?.defaultWidth,
+      minWidth: service.sidePane?.minWidth,
+      maxWidth: service.sidePane?.maxWidth
+    });
+    navigate(service.basePath);
+  }
+}
+function selectNavModule(service, navigate, setSubNavCollapsed) {
+  setSubNavCollapsed(false);
+  const target = service.navigation[0]?.links[0]?.path ?? service.basePath;
+  navigate(target);
+}
+function useShellApiInit(deps) {
+  const stableRefs = useRef2(deps);
+  useEffect3(() => {
+    const r = stableRefs.current;
+    initNavigation(r.navigate, r.openCommandMenu);
+    initFeatureNav(r.featureLookup);
+    initPanel(r.handlePanelOpen, r.handlePanelClose);
+    initFullscreen(r.handleFullscreenEnter, r.handleFullscreenExit);
+    initSidePane(
+      r.handleSidePaneOpen,
+      r.handleSidePaneClose,
+      r.handleSidePaneIsOpen,
+      r.handleSidePaneActiveModuleId
+    );
+    initDialog(
+      (opts) => new Promise((resolve) => r.setDialogState({ opts, resolve }))
+    );
+  }, []);
+}
+function useActiveService(modules) {
+  const location = useLocation2();
+  const serviceByBasePath = useMemo3(
+    () => new Map(
+      modules.filter((m) => !m.hidden && m.basePath !== "/").map((m) => [m.basePath, m.id])
+    ),
+    [modules]
+  );
+  const resolveServiceFromPath = useCallback2(
+    (pathname) => {
+      for (const [basePath, id] of serviceByBasePath) {
+        if (pathname.startsWith(basePath)) return id;
+      }
+      return null;
+    },
+    [serviceByBasePath]
+  );
+  const [selectedServiceId, setSelectedServiceId] = useState(
+    () => resolveServiceFromPath(location.pathname)
+  );
+  useEffect3(
+    () => setSelectedServiceId(resolveServiceFromPath(location.pathname)),
+    [location.pathname, resolveServiceFromPath]
+  );
+  const activeService = selectedServiceId ? modules.find((s) => s.id === selectedServiceId) ?? null : null;
+  return { activeService, selectedServiceId, setSelectedServiceId };
+}
+function useSidePaneState2() {
+  const [sidePaneState, setSidePaneState] = useState(
+    null
+  );
+  const handleOpen = useCallback2(
+    (opts) => setSidePaneState(opts),
+    []
+  );
+  const handleClose = useCallback2(() => setSidePaneState(null), []);
+  const handleIsOpen = useCallback2(
+    () => sidePaneState !== null,
+    [sidePaneState]
+  );
+  const handleActiveModuleId = useCallback2(
+    () => sidePaneState?.moduleId ?? null,
+    [sidePaneState]
+  );
+  return {
+    sidePaneState,
+    setSidePaneState,
+    handleOpen,
+    handleClose,
+    handleIsOpen,
+    handleActiveModuleId
+  };
+}
+function usePanelState() {
+  const [panelState, setPanelState] = useState(null);
+  const panelOnCloseRef = useRef2(void 0);
+  const handleOpen = useCallback2(
+    (opts) => setPanelState(opts),
+    []
+  );
+  const handleClose = useCallback2(() => {
+    panelOnCloseRef.current = panelState?.onClose;
+    setPanelState(null);
+  }, [panelState]);
+  const panelWidth = PANEL_WIDTH_CLASS[panelState?.width ?? "default"] ?? PANEL_WIDTH_CLASS.default;
+  const panelOffsetTop = panelState?.coverage === "full" ? "0px" : "3rem";
+  return {
+    panelState,
+    panelOnCloseRef,
+    handleOpen,
+    handleClose,
+    panelWidth,
+    panelOffsetTop
+  };
+}
+function useDialogState() {
+  const [dialogState, setDialogState] = useState(null);
+  const handleConfirm = useCallback2(() => {
+    dialogState?.resolve(true);
+    setDialogState(null);
+  }, [dialogState]);
+  const handleCancel = useCallback2(() => {
+    dialogState?.resolve(false);
+    setDialogState(null);
+  }, [dialogState]);
+  return { dialogState, setDialogState, handleConfirm, handleCancel };
+}
+function useFeatureLookup(modules) {
+  return useMemo3(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const m of modules) {
+      for (const group of m.navigation) {
+        for (const link of group.links) {
+          if (link.id) map.set(link.id, link.path);
+        }
+      }
+    }
+    return (featureId) => map.get(featureId) ?? null;
+  }, [modules]);
+}
+function AppShell({ registry }) {
+  const navigate = useNavigate2();
+  const config = useShellConfig();
+  const { modules } = registry;
+  const { activeService, setSelectedServiceId } = useActiveService(modules);
+  const [subNavCollapsed, setSubNavCollapsed] = useState(false);
+  const [commandMenuOpen, setCommandMenuOpen] = useState(false);
+  const openCommandMenu = useCallback2(() => setCommandMenuOpen(true), []);
+  const [fullscreenState, setFullscreenState] = useState(null);
+  const handleFullscreenEnter = useCallback2(
+    (opts) => setFullscreenState(opts),
+    []
+  );
+  const handleFullscreenExit = useCallback2(() => setFullscreenState(null), []);
+  const sidePane2 = useSidePaneState2();
+  const panel2 = usePanelState();
+  const dialog2 = useDialogState();
+  const featureLookup = useFeatureLookup(modules);
+  useShellApiInit({
+    navigate,
+    openCommandMenu,
+    handlePanelOpen: panel2.handleOpen,
+    handlePanelClose: panel2.handleClose,
+    handleFullscreenEnter,
+    handleFullscreenExit,
+    handleSidePaneOpen: sidePane2.handleOpen,
+    handleSidePaneClose: sidePane2.handleClose,
+    handleSidePaneIsOpen: sidePane2.handleIsOpen,
+    handleSidePaneActiveModuleId: sidePane2.handleActiveModuleId,
+    setDialogState: dialog2.setDialogState,
+    featureLookup
+  });
+  const handleServiceSelect = useCallback2(
+    (serviceId) => {
+      const service = modules.find((s) => s.id === serviceId);
+      if (!service) return;
+      if (isSidePaneModule(service)) {
+        selectSidePaneModule(
+          service,
+          sidePane2.sidePaneState,
+          sidePane2.setSidePaneState,
+          navigate
+        );
+      } else {
+        selectNavModule(service, navigate, setSubNavCollapsed);
+      }
+      setSelectedServiceId(serviceId);
+    },
+    [
+      modules,
+      sidePane2.sidePaneState,
+      sidePane2.setSidePaneState,
+      navigate,
+      setSelectedServiceId
+    ]
+  );
+  const sidePaneContextValue = useMemo3(
+    () => ({
+      pane: sidePane2.sidePaneState,
+      open: sidePane2.handleOpen,
+      close: sidePane2.handleClose,
+      toggle: (opts) => {
+        if (sidePane2.sidePaneState?.moduleId === opts.moduleId) {
+          sidePane2.setSidePaneState(null);
+        } else {
+          sidePane2.setSidePaneState(opts);
+        }
+      }
+    }),
+    [sidePane2]
+  );
+  return /* @__PURE__ */ jsx7(ShellModulesContext.Provider, { value: registry, children: /* @__PURE__ */ jsx7(SidePaneContext.Provider, { value: sidePaneContextValue, children: /* @__PURE__ */ jsx7(TooltipProvider, { children: /* @__PURE__ */ jsxs6("div", { className: "flex h-screen w-screen flex-col overflow-hidden", children: [
+    /* @__PURE__ */ jsx7(TopBar, { children: config.topBar }),
+    /* @__PURE__ */ jsx7(
+      CommandMenu,
+      {
+        open: commandMenuOpen,
+        onOpenChange: setCommandMenuOpen
+      }
+    ),
+    /* @__PURE__ */ jsxs6("div", { className: "flex flex-1 overflow-hidden", children: [
+      /* @__PURE__ */ jsx7(
+        IconRail,
+        {
+          activeServiceId: activeService?.id ?? null,
+          activeSidePaneModuleId: sidePane2.sidePaneState?.moduleId ?? null,
+          onServiceSelect: handleServiceSelect
+        }
+      ),
+      activeService && activeService.navigation.length > 0 && /* @__PURE__ */ jsx7(
+        SubNavPanel,
+        {
+          service: activeService,
+          collapsed: subNavCollapsed,
+          onToggleCollapse: () => setSubNavCollapsed((c) => !c)
+        }
+      ),
+      /* @__PURE__ */ jsx7(SidePane, {}),
+      /* @__PURE__ */ jsx7("div", { className: "flex-1 min-w-0 overflow-hidden", children: /* @__PURE__ */ jsx7(ScrollArea2, { className: "h-full", children: /* @__PURE__ */ jsx7("main", { className: "p-6", children: /* @__PURE__ */ jsx7(Outlet, {}) }) }) })
+    ] }),
+    dialog2.dialogState && /* @__PURE__ */ jsx7(
+      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__ */ jsx7("div", { className: "fixed inset-0 z-50 bg-background overflow-auto", children: fullscreenState.content }),
+    /* @__PURE__ */ jsx7(
+      SlideOverPanel,
+      {
+        panelState: panel2.panelState,
+        panelWidth: panel2.panelWidth,
+        panelOffsetTop: panel2.panelOffsetTop,
+        panelOnCloseRef: panel2.panelOnCloseRef,
+        onClose: panel2.handleClose
+      }
+    )
+  ] }) }) }) });
+}
+function SlideOverPanel({
+  panelState,
+  panelWidth,
+  panelOffsetTop,
+  panelOnCloseRef,
+  onClose
+}) {
+  return /* @__PURE__ */ jsx7(
+    Sheet,
+    {
+      open: panelState !== null,
+      onOpenChange: (open) => {
+        if (!open) onClose();
+      },
+      children: /* @__PURE__ */ jsx7(
+        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__ */ jsx7(PanelContent, { state: panelState })
+        }
+      )
+    }
+  );
+}
+function PanelContent({ state }) {
+  return /* @__PURE__ */ jsxs6(Fragment2, { children: [
+    state.title ? /* @__PURE__ */ jsxs6(SheetHeader, { children: [
+      /* @__PURE__ */ jsx7(SheetTitle, { children: state.title }),
+      state.description && /* @__PURE__ */ jsx7(SheetDescription, { children: state.description })
+    ] }) : /* @__PURE__ */ jsx7(SheetTitle, { className: "sr-only", children: "Panel" }),
+    /* @__PURE__ */ jsx7(SheetBody, { children: state.content })
+  ] });
+}
+
+// src/RootLayout.tsx
+import { Toaster } from "sonner";
+
+// src/ShellConfigProvider.tsx
+import { jsx as jsx8 } from "react/jsx-runtime";
+function ShellConfigProvider({
+  config,
+  children
+}) {
+  return /* @__PURE__ */ jsx8(ShellConfigContext.Provider, { value: config, children });
+}
+
+// src/RootLayout.tsx
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+function RootLayout({ config, registry }) {
+  return /* @__PURE__ */ jsxs7(ShellConfigProvider, { config, children: [
+    /* @__PURE__ */ jsx9(Toaster, { position: "top-right", richColors: true, closeButton: true }),
+    /* @__PURE__ */ jsx9(AppShell, { registry })
+  ] });
+}
+
+// src/PlaceholderPage.tsx
+import { useLocation as useLocation3 } from "react-router-dom";
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+function PlaceholderPage() {
+  const { pathname } = useLocation3();
+  return /* @__PURE__ */ jsxs8("div", { children: [
+    /* @__PURE__ */ jsx10("h1", { className: "mb-1", children: pathToTitle(pathname) }),
+    /* @__PURE__ */ jsx10("p", { className: "text-sm text-muted-foreground mb-6", children: pathname }),
+    /* @__PURE__ */ jsx10("div", { className: "rounded-lg border-2 border-dashed border-border p-12 flex items-center justify-center", children: /* @__PURE__ */ jsx10("span", { className: "text-sm text-muted-foreground", children: "Content area \u2014 not yet implemented" }) })
+  ] });
+}
+function pathToTitle(path) {
+  const last = path.split("/").filter(Boolean).pop();
+  if (!last) return "Dashboard";
+  return last.split("-").map((w) => w.charAt(0).toUpperCase() + w.slice(1)).join(" ");
+}
+
+// src/SearchTrigger.tsx
+import { Search } from "lucide-react";
+import { Button as Button3 } from "@petrarca/sonnet-ui";
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+function SearchTrigger() {
+  return /* @__PURE__ */ jsxs9(
+    Button3,
+    {
+      variant: "outline",
+      size: "sm",
+      className: "h-7 gap-2 text-xs text-muted-foreground w-52 justify-start",
+      onClick: () => navigation.openCommandMenu(),
+      children: [
+        /* @__PURE__ */ jsx11(Search, { className: "h-3.5 w-3.5" }),
+        /* @__PURE__ */ jsx11("span", { children: "Search..." }),
+        /* @__PURE__ */ jsxs9("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__ */ jsx11("span", { className: "text-xs", children: "\u2318" }),
+          "K"
+        ] })
+      ]
+    }
+  );
+}
+
+// src/UserMenu.tsx
+import { LogOut, User } from "lucide-react";
+import { Button as Button4 } from "@petrarca/sonnet-ui";
+import { Avatar, AvatarFallback } from "@petrarca/sonnet-ui";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger
+} from "@petrarca/sonnet-ui";
+import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+function UserMenu({ user, onSignOut }) {
+  return /* @__PURE__ */ jsxs10(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx12(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx12(Button4, { variant: "ghost", size: "compact", className: "rounded-full", children: /* @__PURE__ */ jsx12(Avatar, { className: "h-7 w-7", children: /* @__PURE__ */ jsx12(AvatarFallback, { className: "text-xs", children: user.initials }) }) }) }),
+    /* @__PURE__ */ jsxs10(DropdownMenuContent, { align: "end", className: "w-48", children: [
+      /* @__PURE__ */ jsx12(DropdownMenuLabel, { className: "font-normal", children: /* @__PURE__ */ jsxs10("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsx12("p", { className: "text-sm font-medium", children: user.name }),
+        /* @__PURE__ */ jsx12("p", { className: "text-xs text-muted-foreground", children: user.email })
+      ] }) }),
+      /* @__PURE__ */ jsx12(DropdownMenuSeparator, {}),
+      /* @__PURE__ */ jsxs10(DropdownMenuItem, { children: [
+        /* @__PURE__ */ jsx12(User, { className: "mr-2 h-4 w-4" }),
+        "Profile"
+      ] }),
+      /* @__PURE__ */ jsx12(DropdownMenuSeparator, {}),
+      /* @__PURE__ */ jsxs10(DropdownMenuItem, { onSelect: onSignOut, children: [
+        /* @__PURE__ */ jsx12(LogOut, { className: "mr-2 h-4 w-4" }),
+        "Sign out"
+      ] })
+    ] })
+  ] });
+}
+
+// src/createModuleRegistry.ts
+function createModuleRegistry(modules) {
+  const visible = modules.filter((m) => !m.hidden);
+  const mainModules = visible.filter((m) => !m.pinBottom);
+  const bottomModules = visible.filter((m) => m.pinBottom);
+  const allRoutes = modules.flatMap((m) => m.routes);
+  const contributionsByPoint = /* @__PURE__ */ new Map();
+  for (const m of modules) {
+    for (const c of m.contributions ?? []) {
+      const list = contributionsByPoint.get(c.extensionPoint) ?? [];
+      list.push(c);
+      contributionsByPoint.set(c.extensionPoint, list);
+    }
+  }
+  for (const list of contributionsByPoint.values()) {
+    list.sort((a, b) => a.order - b.order);
+  }
+  function getExtensionPoint(name) {
+    return contributionsByPoint.get(name) ?? [];
+  }
+  return { modules, mainModules, bottomModules, allRoutes, getExtensionPoint };
+}
+
+// src/OverviewCard.tsx
+import { cn as cn4 } from "@petrarca/sonnet-core";
+import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+function FeatureLink({
+  feature,
+  children
+}) {
+  return /* @__PURE__ */ jsx13(
+    "span",
+    {
+      role: "link",
+      tabIndex: 0,
+      onClick: (e) => {
+        e.stopPropagation();
+        navigation.goToFeature(feature);
+      },
+      onKeyDown: (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          e.stopPropagation();
+          navigation.goToFeature(feature);
+        }
+      },
+      className: "underline underline-offset-2 hover:text-foreground transition-colors cursor-pointer",
+      children
+    }
+  );
+}
+function OverviewCard({
+  icon: Icon,
+  title,
+  description,
+  feature,
+  className
+}) {
+  return /* @__PURE__ */ jsxs11(
+    "button",
+    {
+      onClick: feature ? () => navigation.goToFeature(feature) : void 0,
+      disabled: !feature,
+      className: cn4(
+        "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__ */ jsx13("div", { className: "h-9 w-9 rounded-md bg-blue-50 flex items-center justify-center shrink-0", children: /* @__PURE__ */ jsx13(Icon, { className: "h-5 w-5 text-blue-600" }) }),
+        /* @__PURE__ */ jsxs11("div", { children: [
+          /* @__PURE__ */ jsx13("p", { className: "text-sm font-medium mb-1", children: title }),
+          /* @__PURE__ */ jsx13("p", { className: "text-xs text-muted-foreground leading-relaxed", children: description })
+        ] })
+      ]
+    }
+  );
+}
+export {
+  AppShell,
+  CommandMenu,
+  ConfirmDialog,
+  FeatureLink,
+  IconRail,
+  OverviewCard,
+  PlaceholderPage,
+  RootLayout,
+  SearchTrigger,
+  ShellConfigProvider,
+  SidePane,
+  SidePaneContext,
+  SubNavPanel,
+  TopBar,
+  UserMenu,
+  createModuleRegistry,
+  dialog,
+  events,
+  fullscreen,
+  initDialog,
+  initNavigation,
+  initPanel,
+  initSidePane,
+  navigation,
+  notification,
+  panel,
+  sidePane,
+  useExtensionPoint,
+  useMainModules,
+  useShellConfig,
+  useShellEvent,
+  useShellModules,
+  useSidePaneState
+};
+//# sourceMappingURL=index.js.map