@elench/shell 0.1.2 → 0.1.3

package/dist/components/shell/activity-bar.js

@@ -1,10 +1,10 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ContextActionMenu } from "@/components/shell/context-action-menu";
-import { useShellRegistry } from "@/hooks/shell/shell-registry-provider";
-import { useShellStore } from "@/hooks/shell/use-shell-store";
-import { useShellSurfaceActionGroups } from "./use-shell-surface-action-groups";
-import { ActivityNav, ActivityNavButton, ActivityNavSpacer, } from "./primitives/activity-nav";
+import { ContextActionMenu } from "./context-action-menu.js";
+import { useShellRegistry } from "../../hooks/shell/shell-registry-provider.js";
+import { useShellStore } from "../../hooks/shell/use-shell-store.js";
+import { useShellSurfaceActionGroups } from "./use-shell-surface-action-groups.js";
+import { ActivityNav, ActivityNavButton, ActivityNavSpacer, } from "./primitives/activity-nav.js";
 export function ActivityBar() {
     const setActiveMode = useShellStore((state) => state.setActiveMode);
     const { activeMode, workspaces } = useShellRegistry();

package/dist/components/shell/app-shell.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from "react";
-import type { ShellWorkspaceDefinition } from "@/lib/shell/types";
+import type { ShellWorkspaceDefinition } from "../../lib/shell/types.js";
 interface AppShellProps {
     appTitle?: string;
     children: ReactNode;

package/dist/components/shell/app-shell.js

@@ -3,28 +3,28 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useCallback, useEffect, useRef, useState, } from "react";
 import { Actions, DockLocation, Layout, Model, } from "flexlayout-react";
 import { PinIcon, XIcon } from "lucide-react";
-import { Dialog, DialogContent, DialogTitle } from "@/components/ui/dialog";
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, } from "@/components/ui/dropdown-menu";
-import { ShellRegistryProvider } from "@/hooks/shell/shell-registry-provider";
-import { useShellRegistry } from "@/hooks/shell/shell-registry-provider";
-import { useShellShortcuts } from "@/hooks/shell/use-shell-shortcuts";
-import { useShellStore } from "@/hooks/shell/use-shell-store";
-import { useShellTabStripBridge } from "@/hooks/shell/use-shell-tab-strip-bridge";
-import { setShellLayoutFields, setShellSource, shellLayoutLogger, } from "@/lib/observe/shell";
-import { ContextActionMenu } from "./context-action-menu";
-import { useShellSurfaceActionGroups } from "./use-shell-surface-action-groups";
-import { ActivityBar } from "./activity-bar";
-import { DEFAULT_LAYOUT } from "./default-layout";
-import { LeftSidebar } from "./left-sidebar";
-import { ShellHeaderSlot, ShellMainSlot, ShellRailSlot, ShellStatusSlot, ShellViewport, } from "./primitives/shell-frame";
-import { RightInspector } from "./right-inspector";
-import { ShellLayoutProvider, useShellLayout } from "./shell-layout";
-import { extractActiveTabId, extractTabsFromModel, setShellModel, } from "./shell-model";
-import { StatusBar } from "./status-bar";
-import { SHELL_TAB_ID_ATTR, SHELL_TAB_MODE_ATTR, SHELL_TAB_PREVIEW_ATTR, } from "./tab-strip-bridge";
-import { TopBar } from "./top-bar";
-import { WorkspaceSurfaceContextMenu } from "./workspace-surface-context-menu";
-import { WorkspaceTabContent } from "./workspace-tab-content";
+import { Dialog, DialogContent, DialogTitle } from "../ui/dialog.js";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, } from "../ui/dropdown-menu.js";
+import { ShellRegistryProvider } from "../../hooks/shell/shell-registry-provider.js";
+import { useShellRegistry } from "../../hooks/shell/shell-registry-provider.js";
+import { useShellShortcuts } from "../../hooks/shell/use-shell-shortcuts.js";
+import { useShellStore } from "../../hooks/shell/use-shell-store.js";
+import { useShellTabStripBridge } from "../../hooks/shell/use-shell-tab-strip-bridge.js";
+import { setShellLayoutFields, setShellSource, shellLayoutLogger, } from "../../lib/observe/shell.js";
+import { ContextActionMenu } from "./context-action-menu.js";
+import { useShellSurfaceActionGroups } from "./use-shell-surface-action-groups.js";
+import { ActivityBar } from "./activity-bar.js";
+import { DEFAULT_LAYOUT } from "./default-layout.js";
+import { LeftSidebar } from "./left-sidebar.js";
+import { ShellHeaderSlot, ShellMainSlot, ShellRailSlot, ShellStatusSlot, ShellViewport, } from "./primitives/shell-frame.js";
+import { RightInspector } from "./right-inspector.js";
+import { ShellLayoutProvider, useShellLayout } from "./shell-layout.js";
+import { extractActiveTabId, extractTabsFromModel, setShellModel, } from "./shell-model.js";
+import { StatusBar } from "./status-bar.js";
+import { SHELL_TAB_ID_ATTR, SHELL_TAB_MODE_ATTR, SHELL_TAB_PREVIEW_ATTR, } from "./tab-strip-bridge.js";
+import { TopBar } from "./top-bar.js";
+import { WorkspaceSurfaceContextMenu } from "./workspace-surface-context-menu.js";
+import { WorkspaceTabContent } from "./workspace-tab-content.js";
 const FLEXLAYOUT_STORAGE_KEY = "shell-flexlayout:v1";
 function sanitizeStoredGlobalLayout(global) {
     const sanitizedGlobal = {

package/dist/components/shell/context-action-menu.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from "react";
-import type { ShellActionGroup } from "@/lib/shell/actions";
+import type { ShellActionGroup } from "../../lib/shell/actions.js";
 export declare function ContextActionMenu({ children, groups, }: {
     children: ReactNode;
     groups: ShellActionGroup[];

package/dist/components/shell/context-action-menu.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import {} from "react";
-import { ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuLabel, ContextMenuSeparator, ContextMenuShortcut, ContextMenuTrigger, } from "@/components/ui/context-menu";
+import { ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuLabel, ContextMenuSeparator, ContextMenuShortcut, ContextMenuTrigger, } from "../ui/context-menu.js";
 const NATIVE_CONTEXT_MENU_SELECTOR = [
     "a[href]",
     "[role='link']",

package/dist/components/shell/left-sidebar.js

@@ -1,10 +1,10 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { ContextActionMenu } from "@/components/shell/context-action-menu";
-import { useShellSurfaceActionGroups } from "@/components/shell/use-shell-surface-action-groups";
-import { EmptyState } from "@/components/system/async-state";
-import { useShellRegistry } from "@/hooks/shell/shell-registry-provider";
-import { ShellSurfaceRoot } from "@/components/shell/primitives/shell-surface";
+import { ContextActionMenu } from "./context-action-menu.js";
+import { useShellSurfaceActionGroups } from "./use-shell-surface-action-groups.js";
+import { EmptyState } from "../system/async-state.js";
+import { useShellRegistry } from "../../hooks/shell/shell-registry-provider.js";
+import { ShellSurfaceRoot } from "./primitives/shell-surface.js";
 export function LeftSidebar() {
     const { activeModeWorkspace } = useShellRegistry();
     const contextMenuGroups = useShellSurfaceActionGroups({

package/dist/components/shell/primitives/activity-nav.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from "@/lib/utils";
+import { cn } from "../../../lib/utils.js";
 export function ActivityNav({ children, className, ...props }) {
     return (_jsx("nav", { "aria-label": "Shell navigation", className: cn("flex h-full flex-col items-center gap-[2px] bg-background px-0 py-3 select-none", className), ...props, children: children }));
 }

package/dist/components/shell/primitives/inspector-panel.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from "@/lib/utils";
-import { ShellHeaderBar } from "./shell-frame";
-import { ShellSurfaceRoot, useShellSurface } from "./shell-surface";
+import { cn } from "../../../lib/utils.js";
+import { ShellHeaderBar } from "./shell-frame.js";
+import { ShellSurfaceRoot, useShellSurface } from "./shell-surface.js";
 export function InspectorPanel({ children, className, ...props }) {
     return (_jsx(ShellSurfaceRoot, { className: cn("flex h-full min-w-0 flex-col overflow-hidden bg-bg-surface", className), surface: "inspector", ...props, children: children }));
 }

package/dist/components/shell/primitives/instance-row.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { cn } from "@/lib/utils";
-import { useShellSurface } from "./shell-surface";
+import { cn } from "../../../lib/utils.js";
+import { useShellSurface } from "./shell-surface.js";
 const toneClassName = {
     api: "bg-blue-500/12 text-blue-400",
     frontend: "bg-violet-500/12 text-violet-300",

package/dist/components/shell/primitives/search-bar-primitives.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, } from "react";
 import { Command } from "cmdk";
-import { cn } from "@/lib/utils";
+import { cn } from "../../../lib/utils.js";
 export const SearchBarList = forwardRef(function SearchBarList({ children, className, ...props }, ref) {
     return (_jsx(Command.List, { className: cn("max-h-[min(420px,55vh)] overflow-auto p-2", className), ref: ref, ...props, children: children }));
 });

package/dist/components/shell/primitives/shell-frame.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from "@/lib/utils";
+import { cn } from "../../../lib/utils.js";
 const NOISE_BACKGROUND = "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E\")";
 export function ShellViewport({ children, compact = false, className, ...props }) {
     return (_jsxs("div", { "data-compact": compact || undefined, className: cn("fixed inset-0 grid bg-background shell-viewport-y-gap", "grid-cols-[52px_minmax(0,1fr)] grid-rows-[auto_minmax(0,1fr)_auto]", className), ...props, children: [_jsx("div", { "aria-hidden": "true", className: "pointer-events-none absolute inset-0 opacity-[0.015]", style: {

package/dist/components/shell/primitives/shell-status-bar.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from "@/lib/utils";
+import { cn } from "../../../lib/utils.js";
 export function ShellStatusBar({ children, className, ...props }) {
     return (_jsx("footer", { className: cn("flex items-center gap-3 bg-background px-4 font-mono text-[11px] text-fg-tertiary select-none", className), ...props, children: children }));
 }

package/dist/components/shell/primitives/shell-toolbar.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from "@/lib/utils";
-import { ShellHeaderBar } from "./shell-frame";
+import { cn } from "../../../lib/utils.js";
+import { ShellHeaderBar } from "./shell-frame.js";
 export function ShellToolbar({ children, className, ...props }) {
     return (_jsx(ShellHeaderBar, { className: cn("gap-2 px-3 pt-0 pb-0 pl-4 bg-background", className), ...props, children: children }));
 }

package/dist/components/shell/primitives/sidebar-action-row.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { cn } from "@/lib/utils";
-import { useShellSurface } from "./shell-surface";
+import { cn } from "../../../lib/utils.js";
+import { useShellSurface } from "./shell-surface.js";
 export const SidebarActionRow = forwardRef(function SidebarActionRow({ active = false, className, description, icon, title, ...props }, ref) {
     const { isCompact, isNarrow, isWide } = useShellSurface();
     return (_jsxs("button", { "data-active": active || undefined, className: cn("group/action my-px flex w-full items-center gap-2.5 rounded-md px-[14px] py-[7px] text-left text-[13px] font-medium text-fg-secondary transition-colors", isCompact && "gap-2 px-3 py-2 text-[12.5px]", isNarrow && "gap-1.5 px-2.5 py-1.5 text-[12px]", "hover:bg-bg-hover hover:text-fg active:bg-bg-active", active && "bg-primary/12 text-fg", className), ref: ref, type: "button", ...props, children: [_jsx("span", { className: cn("shrink-0 text-fg-tertiary transition-colors group-hover/action:text-fg-secondary group-data-[active=true]/action:text-fg-secondary", isNarrow && "[&_svg]:size-3.5"), children: icon }), _jsxs("span", { className: "min-w-0 flex-1", children: [_jsx("span", { className: cn("block truncate", isNarrow && "leading-[1.25]"), children: title }), description && isWide ? (_jsx("span", { className: "mt-0.5 block truncate text-[11px] text-fg-tertiary", children: description })) : null] })] }));

package/dist/components/shell/primitives/sidebar-frame.d.ts

@@ -1,6 +1,6 @@
 import type { ComponentProps, ReactNode } from "react";
-import type { ShellActionGroup } from "@/lib/shell/actions";
-import { ScrollArea } from "@/components/ui/scroll-area";
+import type { ShellActionGroup } from "../../../lib/shell/actions.js";
+import { ScrollArea } from "../../ui/scroll-area.js";
 export declare function SidebarFrame({ children, action, title, className, contextMenuGroups, }: {
     title: string;
     children: ReactNode;

package/dist/components/shell/primitives/sidebar-frame.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ContextActionMenu } from "@/components/shell/context-action-menu";
-import { ScrollArea } from "@/components/ui/scroll-area";
-import { cn } from "@/lib/utils";
-import { ShellHeaderBar } from "./shell-frame";
-import { useShellSurface } from "./shell-surface";
+import { ContextActionMenu } from "../context-action-menu.js";
+import { ScrollArea } from "../../ui/scroll-area.js";
+import { cn } from "../../../lib/utils.js";
+import { ShellHeaderBar } from "./shell-frame.js";
+import { useShellSurface } from "./shell-surface.js";
 export function SidebarFrame({ children, action, title, className, contextMenuGroups, }) {
     const { isCompact, isNarrow } = useShellSurface();
     const frame = (_jsxs("div", { className: cn("flex h-full min-h-0 flex-col", className), children: [_jsxs(ShellHeaderBar, { className: cn("justify-between border-b border-border bg-bg-surface px-3 pt-0 pb-0 pl-4", isCompact && "px-2.5 pl-3", isNarrow && "h-11 px-2 pl-2.5"), children: [_jsx("span", { className: cn("truncate text-[11px] font-semibold tracking-[0.06em] text-fg-tertiary uppercase", isNarrow && "text-[10px]"), children: title }), action] }), _jsx(SidebarScroll, { children: children })] }));

package/dist/components/shell/primitives/sidebar-section.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ChevronDownIcon } from "lucide-react";
-import { Badge } from "@/components/ui/badge";
-import { cn } from "@/lib/utils";
-import { useShellSurface } from "./shell-surface";
+import { Badge } from "../../ui/badge.js";
+import { cn } from "../../../lib/utils.js";
+import { useShellSurface } from "./shell-surface.js";
 export function SidebarSection({ children, className, ...props }) {
     return (_jsx("section", { className: cn("mb-0.5", className), ...props, children: children }));
 }

package/dist/components/shell/primitives/workspace-page.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from "@/lib/utils";
+import { cn } from "../../../lib/utils.js";
 export function WorkspacePageFrame({ align = "start", children, className, contentClassName, width = "wide", ...props }) {
     return (_jsx("div", { className: cn("min-h-full overflow-y-auto bg-bg-surface px-6 pt-5 pb-8 xl:px-7", align === "center" && "flex items-start justify-center", className), ...props, children: _jsx("div", { className: cn("w-full", width === "narrow" && "max-w-[480px]", width === "wide" && "max-w-6xl", contentClassName), children: children }) }));
 }

package/dist/components/shell/right-inspector.js

@@ -1,13 +1,13 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef } from "react";
-import { ContextActionMenu } from "@/components/shell/context-action-menu";
-import { EmptyState, LoadingState } from "@/components/system/async-state";
-import { InspectorHeader, InspectorPanel, InspectorScroll, } from "@/components/shell/primitives/inspector-panel";
-import { useShellRegistry } from "@/hooks/shell/shell-registry-provider";
-import { useShellStore } from "@/hooks/shell/use-shell-store";
-import { setShellTabFields, shellInspectorLogger } from "@/lib/observe/shell";
-import { useShellSurfaceActionGroups } from "./use-shell-surface-action-groups";
+import { ContextActionMenu } from "./context-action-menu.js";
+import { EmptyState, LoadingState } from "../system/async-state.js";
+import { InspectorHeader, InspectorPanel, InspectorScroll, } from "./primitives/inspector-panel.js";
+import { useShellRegistry } from "../../hooks/shell/shell-registry-provider.js";
+import { useShellStore } from "../../hooks/shell/use-shell-store.js";
+import { setShellTabFields, shellInspectorLogger } from "../../lib/observe/shell.js";
+import { useShellSurfaceActionGroups } from "./use-shell-surface-action-groups.js";
 export function RightInspector() {
     const hasHydrated = useShellStore((state) => state.hasHydrated);
     const { activeModeWorkspace, activeTab, activeTabWorkspace } = useShellRegistry();

package/dist/components/shell/search-action-groups.d.ts

@@ -1,4 +1,4 @@
-import type { ShellActionGroup } from "@/lib/shell/actions";
+import type { ShellActionGroup } from "../../lib/shell/actions.js";
 export declare function SearchActionGroups({ groups, runCommand, }: {
     groups: ShellActionGroup[];
     runCommand: (command: () => void) => void;

package/dist/components/shell/search-action-groups.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Command } from "cmdk";
-import { SearchBarGroupHeading, SearchBarItem, } from "@/components/shell/primitives/search-bar-primitives";
-import { shellSearchLogger } from "@/lib/observe/shell";
+import { SearchBarGroupHeading, SearchBarItem, } from "./primitives/search-bar-primitives.js";
+import { shellSearchLogger } from "../../lib/observe/shell.js";
 function logSearchAction(action) {
     if (!action.searchLog)
         return;

package/dist/components/shell/search-bar.js

@@ -4,13 +4,13 @@ import { Command } from "cmdk";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { CommandIcon, SearchIcon } from "lucide-react";
 import { useShallow } from "zustand/react/shallow";
-import { Kbd } from "@/components/ui/kbd";
-import { useShellLayout } from "@/components/shell/shell-layout";
-import { useShellRegistry } from "@/hooks/shell/shell-registry-provider";
-import { useShellStore } from "@/hooks/shell/use-shell-store";
-import { shellSearchLogger } from "@/lib/observe/shell";
-import { SearchActionGroups } from "./search-action-groups";
-import { SearchBarEmpty, SearchBarList, } from "./primitives/search-bar-primitives";
+import { Kbd } from "../ui/kbd.js";
+import { useShellLayout } from "./shell-layout.js";
+import { useShellRegistry } from "../../hooks/shell/shell-registry-provider.js";
+import { useShellStore } from "../../hooks/shell/use-shell-store.js";
+import { shellSearchLogger } from "../../lib/observe/shell.js";
+import { SearchActionGroups } from "./search-action-groups.js";
+import { SearchBarEmpty, SearchBarList, } from "./primitives/search-bar-primitives.js";
 export function SearchBar() {
     const [query, setQuery] = useState("");
     const { searchBarOpen, setActiveMode, setSearchBarOpen } = useShellStore(useShallow((state) => ({

package/dist/components/shell/shell-layout.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from "react";
-import { type ShellEventSource } from "@/lib/observe/shell";
+import { type ShellEventSource } from "../../lib/observe/shell.js";
 type ShellLayoutActionMeta = {
     source?: ShellEventSource;
 };

package/dist/components/shell/shell-layout.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useCallback, useContext, useMemo, useState, } from "react";
-import { useMediaQuery } from "@/hooks/use-media-query";
-import { setShellLayoutFields, setShellSource, shellLayoutLogger, } from "@/lib/observe/shell";
-import { getShellModel, isBorderOpen, toggleBorder } from "./shell-model";
+import { useMediaQuery } from "../../hooks/use-media-query.js";
+import { setShellLayoutFields, setShellSource, shellLayoutLogger, } from "../../lib/observe/shell.js";
+import { getShellModel, isBorderOpen, toggleBorder } from "./shell-model.js";
 const ShellLayoutContext = createContext(null);
 export const DEFAULT_PANEL_PIXELS = {
     activityRail: 52,

package/dist/components/shell/shell-model.d.ts

@@ -1,5 +1,5 @@
 import { type Model, type TabNode } from "flexlayout-react";
-import type { ShellTab } from "@/lib/shell/types";
+import type { ShellTab } from "../../lib/shell/types.js";
 export declare function getShellModel(): Model | null;
 export declare function setShellModel(model: Model | null): void;
 export declare function extractTabsFromModel(model: Model): ShellTab[];

package/dist/components/shell/status-bar.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ContextActionMenu } from "@/components/shell/context-action-menu";
-import { useShellRegistry } from "@/hooks/shell/shell-registry-provider";
-import { ShellStatusBar as ShellStatusBarPrimitive, ShellStatusItem, ShellStatusPill, ShellStatusSelected, } from "./primitives/shell-status-bar";
-import { useShellSurfaceActionGroups } from "./use-shell-surface-action-groups";
+import { ContextActionMenu } from "./context-action-menu.js";
+import { useShellRegistry } from "../../hooks/shell/shell-registry-provider.js";
+import { ShellStatusBar as ShellStatusBarPrimitive, ShellStatusItem, ShellStatusPill, ShellStatusSelected, } from "./primitives/shell-status-bar.js";
+import { useShellSurfaceActionGroups } from "./use-shell-surface-action-groups.js";
 export function StatusBar() {
     const { activeMode, activeModeWorkspace, activeTab } = useShellRegistry();
     const contextMenuGroups = useShellSurfaceActionGroups({

package/dist/components/shell/top-bar.js

@@ -1,15 +1,15 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { CheckIcon, PanelLeftIcon, PanelRightIcon, SunMoonIcon, } from "lucide-react";
-import { useShellLayout } from "@/components/shell/shell-layout";
-import { ContextActionMenu } from "@/components/shell/context-action-menu";
-import { useShellRegistry } from "@/hooks/shell/shell-registry-provider";
-import { DropdownMenu, DropdownMenuContent, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuTrigger, } from "@/components/ui/dropdown-menu";
-import { IconButton } from "@/components/ui/icon-button";
-import { useTheme } from "@/hooks/use-theme";
-import { useShellSurfaceActionGroups, useShellThemes, } from "./use-shell-surface-action-groups";
-import { SearchBar } from "./search-bar";
-import { ShellToolbar, ShellToolbarActions, ShellToolbarBrand, ShellToolbarDivider, ShellToolbarSpacer, ShellToolbarWordmark, } from "./primitives/shell-toolbar";
+import { useShellLayout } from "./shell-layout.js";
+import { ContextActionMenu } from "./context-action-menu.js";
+import { useShellRegistry } from "../../hooks/shell/shell-registry-provider.js";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuTrigger, } from "../ui/dropdown-menu.js";
+import { IconButton } from "../ui/icon-button.js";
+import { useTheme } from "../../hooks/use-theme.js";
+import { useShellSurfaceActionGroups, useShellThemes, } from "./use-shell-surface-action-groups.js";
+import { SearchBar } from "./search-bar.js";
+import { ShellToolbar, ShellToolbarActions, ShellToolbarBrand, ShellToolbarDivider, ShellToolbarSpacer, ShellToolbarWordmark, } from "./primitives/shell-toolbar.js";
 export function TopBar() {
     const { appTitle } = useShellRegistry();
     const { leftSidebarOpen, rightInspectorOpen, toggleLeftSidebar, toggleRightInspector, } = useShellLayout();

package/dist/components/shell/use-shell-surface-action-groups.d.ts

@@ -1,6 +1,6 @@
 import { type ReactNode } from "react";
-import { type Theme } from "@/hooks/use-theme";
-import type { ShellActionGroup } from "@/lib/shell/actions";
+import { type Theme } from "../../hooks/use-theme.js";
+import type { ShellActionGroup } from "../../lib/shell/actions.js";
 export declare function useShellThemes(): {
     value: Theme;
     label: string;

package/dist/components/shell/use-shell-surface-action-groups.js

@@ -2,11 +2,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { CheckIcon, CommandIcon, MoonStarIcon, PanelLeftIcon, PanelRightIcon, PinIcon, SunIcon, SunMoonIcon, XIcon, } from "lucide-react";
-import { useShellLayout } from "@/components/shell/shell-layout";
-import { getWorkspaceShellTab } from "@/components/shell/shell-model";
-import { useShellRegistry } from "@/hooks/shell/shell-registry-provider";
-import { useShellStore } from "@/hooks/shell/use-shell-store";
-import { useTheme } from "@/hooks/use-theme";
+import { useShellLayout } from "./shell-layout.js";
+import { getWorkspaceShellTab } from "./shell-model.js";
+import { useShellRegistry } from "../../hooks/shell/shell-registry-provider.js";
+import { useShellStore } from "../../hooks/shell/use-shell-store.js";
+import { useTheme } from "../../hooks/use-theme.js";
 import { useShallow } from "zustand/react/shallow";
 const THEMES = [
     {

package/dist/components/shell/workspace-surface-context-menu.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from "react";
-import type { ShellTab, ShellWorkspaceDefinition } from "@/lib/shell/types";
+import type { ShellTab, ShellWorkspaceDefinition } from "../../lib/shell/types.js";
 interface WorkspaceSurfaceContextMenuProps {
     children: ReactNode;
     /** Explicit tab — used by FlexLayout factory. Falls back to global activeTab. */

package/dist/components/shell/workspace-surface-context-menu.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { ContextActionMenu } from "@/components/shell/context-action-menu";
-import { useShellRegistry } from "@/hooks/shell/shell-registry-provider";
-import { useShellSurfaceActionGroups } from "./use-shell-surface-action-groups";
+import { ContextActionMenu } from "./context-action-menu.js";
+import { useShellRegistry } from "../../hooks/shell/shell-registry-provider.js";
+import { useShellSurfaceActionGroups } from "./use-shell-surface-action-groups.js";
 export function WorkspaceSurfaceContextMenu({ children, tab: explicitTab, workspace: explicitWorkspace, }) {
     const { activeModeWorkspace, activeTab, activeTabWorkspace } = useShellRegistry();
     const shellGroups = useShellSurfaceActionGroups({

package/dist/components/shell/workspace-tab-content.d.ts

@@ -1,4 +1,4 @@
-import type { ShellTab } from "@/lib/shell/types";
+import type { ShellTab } from "../../lib/shell/types.js";
 interface WorkspaceTabContentProps {
     tab: ShellTab;
 }

package/dist/components/shell/workspace-tab-content.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { ErrorState } from "@/components/system/async-state";
-import { useShellRegistry } from "@/hooks/shell/shell-registry-provider";
-import { WorkspaceSurfaceContextMenu } from "./workspace-surface-context-menu";
+import { ErrorState } from "../system/async-state.js";
+import { useShellRegistry } from "../../hooks/shell/shell-registry-provider.js";
+import { WorkspaceSurfaceContextMenu } from "./workspace-surface-context-menu.js";
 export function WorkspaceTabContent({ tab }) {
     const { getWorkspace } = useShellRegistry();
     const workspace = getWorkspace(tab.mode);

package/dist/components/system/async-state.d.ts

@@ -1,5 +1,5 @@
 import type { ComponentProps, ReactNode } from "react";
-import { Button } from "@/components/ui/button";
+import { Button } from "../ui/button.js";
 type AsyncStateProps = {
     title: string;
     description: string;

package/dist/components/system/async-state.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { AlertCircleIcon, PlugZapIcon, RefreshCcwIcon } from "lucide-react";
-import { Button } from "@/components/ui/button";
-import { Card, CardContent } from "@/components/ui/card";
-import { Skeleton } from "@/components/ui/skeleton";
-import { cn } from "@/lib/utils";
+import { Button } from "../ui/button.js";
+import { Card, CardContent } from "../ui/card.js";
+import { Skeleton } from "../ui/skeleton.js";
+import { cn } from "../../lib/utils.js";
 export function EmptyState({ title, description, action, className, }) {
     return (_jsxs(StateCard, { className: className, children: [_jsx(StateHeading, { title: title, children: description }), action] }));
 }

package/dist/components/system/status.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { AlertTriangleIcon, CheckCircle2Icon, Clock3Icon, XCircleIcon, } from "lucide-react";
-import { Badge } from "@/components/ui/badge";
-import { cn } from "@/lib/utils";
+import { Badge } from "../ui/badge.js";
+import { cn } from "../../lib/utils.js";
 export function StatusDot({ status, className, }) {
     return (_jsx("span", { className: cn("inline-block size-2 rounded-full", status === "healthy" || status === "ready"
             ? "bg-status-ok"

package/dist/components/ui/badge.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { cva } from "class-variance-authority";
 import { Slot } from "radix-ui";
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils.js";
 const badgeVariants = cva("group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!", {
     variants: {
         variant: {

package/dist/components/ui/button.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { cva } from "class-variance-authority";
 import { Slot } from "radix-ui";
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils.js";
 const buttonVariants = cva("group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
     variants: {
         variant: {

package/dist/components/ui/card.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils.js";
 function Card({ className, size = "default", ...props }) {
     return (_jsx("div", { "data-slot": "card", "data-size": size, className: cn("group/card flex min-w-0 flex-col gap-4 overflow-hidden rounded-xl bg-card py-4 text-sm text-card-foreground ring-1 ring-foreground/10 has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl", className), ...props }));
 }

package/dist/components/ui/checkbox.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { Checkbox as CheckboxPrimitive } from "radix-ui";
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils.js";
 import { CheckIcon } from "lucide-react";
 function Checkbox({ className, ...props }) {
     return (_jsx(CheckboxPrimitive.Root, { "data-slot": "checkbox", className: cn("peer relative flex size-4 shrink-0 items-center justify-center rounded-[4px] border border-input transition-colors outline-none group-has-disabled/field:opacity-50 after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary", className), ...props, children: _jsx(CheckboxPrimitive.Indicator, { "data-slot": "checkbox-indicator", className: "grid place-content-center text-current transition-none [&>svg]:size-3.5", children: _jsx(CheckIcon, {}) }) }));

package/dist/components/ui/context-menu.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { ContextMenu as ContextMenuPrimitive } from "radix-ui";
-import { Kbd } from "@/components/ui/kbd";
+import { Kbd } from "./kbd.js";
 declare function ContextMenu({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 declare function ContextMenuTrigger({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
 declare function ContextMenuPortal({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/context-menu.js

@@ -2,8 +2,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { ContextMenu as ContextMenuPrimitive } from "radix-ui";
-import { cn } from "@/lib/utils";
-import { Kbd } from "@/components/ui/kbd";
+import { cn } from "../../lib/utils.js";
+import { Kbd } from "./kbd.js";
 import { CheckIcon, ChevronRightIcon } from "lucide-react";
 function ContextMenu({ ...props }) {
     return _jsx(ContextMenuPrimitive.Root, { "data-slot": "context-menu", ...props });

package/dist/components/ui/dialog.js

@@ -2,8 +2,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Dialog as DialogPrimitive } from "radix-ui";
-import { cn } from "@/lib/utils";
-import { Button } from "@/components/ui/button";
+import { cn } from "../../lib/utils.js";
+import { Button } from "./button.js";
 import { XIcon } from "lucide-react";
 function Dialog({ ...props }) {
     return _jsx(DialogPrimitive.Root, { "data-slot": "dialog", ...props });

package/dist/components/ui/dropdown-menu.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils.js";
 import { CheckIcon, ChevronRightIcon } from "lucide-react";
 function DropdownMenu({ ...props }) {
     return _jsx(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });

package/dist/components/ui/icon-button.d.ts

@@ -1,5 +1,5 @@
 import type { ComponentProps } from "react";
-import { Button } from "@/components/ui/button";
+import { Button } from "./button.js";
 type IconButtonProps = ComponentProps<typeof Button> & {
     label: string;
     iconClassName?: string;

package/dist/components/ui/icon-button.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Button } from "@/components/ui/button";
-import { cn } from "@/lib/utils";
+import { Button } from "./button.js";
+import { cn } from "../../lib/utils.js";
 export function IconButton({ children, className, iconClassName, label, size = "icon-sm", variant = "ghost", ...props }) {
     return (_jsx(Button, { "aria-label": label, className: cn("shrink-0", className), size: size, variant: variant, ...props, children: _jsx("span", { className: cn("flex items-center justify-center", iconClassName), children: children }) }));
 }

package/dist/components/ui/input.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils.js";
 function Input({ className, type, ...props }) {
     return (_jsx("input", { type: type, "data-slot": "input", className: cn("h-8 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", className), ...props }));
 }

package/dist/components/ui/kbd.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils.js";
 export function Kbd({ className, ...props }) {
     return (_jsx("kbd", { "data-slot": "kbd", className: cn("inline-flex items-center rounded-md border border-border bg-muted px-1.5 py-0.5 font-mono text-[10px] text-muted-foreground", className), ...props }));
 }

package/dist/components/ui/label.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { Label as LabelPrimitive } from "radix-ui";
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils.js";
 function Label({ className, ...props }) {
     return (_jsx(LabelPrimitive.Root, { "data-slot": "label", className: cn("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", className), ...props }));
 }

package/dist/components/ui/popover.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { Popover as PopoverPrimitive } from "radix-ui";
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils.js";
 function Popover({ ...props }) {
     return _jsx(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
 }

package/dist/components/ui/scroll-area.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { ScrollArea as ScrollAreaPrimitive } from "radix-ui";
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils.js";
 function ScrollArea({ className, children, ...props }) {
     return (_jsxs(ScrollAreaPrimitive.Root, { "data-slot": "scroll-area", className: cn("relative", className), ...props, children: [_jsx(ScrollAreaPrimitive.Viewport, { "data-slot": "scroll-area-viewport", className: "size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1", children: children }), _jsx(ScrollBar, {}), _jsx(ScrollAreaPrimitive.Corner, {})] }));
 }

package/dist/components/ui/search-field.d.ts

@@ -1,5 +1,5 @@
 import type { ComponentProps } from "react";
-import { Input } from "@/components/ui/input";
+import { Input } from "./input.js";
 type SearchFieldProps = ComponentProps<typeof Input> & {
     shortcut?: string;
     wrapperClassName?: string;

package/dist/components/ui/search-field.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { SearchIcon } from "lucide-react";
-import { Input } from "@/components/ui/input";
-import { Kbd } from "@/components/ui/kbd";
-import { cn } from "@/lib/utils";
+import { Input } from "./input.js";
+import { Kbd } from "./kbd.js";
+import { cn } from "../../lib/utils.js";
 export function SearchField({ className, shortcut, wrapperClassName, ...props }) {
     return (_jsxs("div", { className: cn("flex items-center gap-2 rounded-lg border border-border bg-muted px-3 text-sm text-muted-foreground transition-colors focus-within:border-ring", wrapperClassName), children: [_jsx(SearchIcon, { className: "size-3.5 shrink-0" }), _jsx(Input, { className: cn("border-0 bg-transparent px-0 shadow-none focus-visible:border-0 focus-visible:ring-0", className), ...props }), shortcut ? _jsx(Kbd, { className: "ml-auto", children: shortcut }) : null] }));
 }

package/dist/components/ui/select.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Select as SelectPrimitive } from "radix-ui";
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils.js";
 import { ChevronDownIcon, CheckIcon } from "lucide-react";
 function Select({ ...props }) {
     return _jsx(SelectPrimitive.Root, { "data-slot": "select", ...props });

package/dist/components/ui/separator.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { Separator as SeparatorPrimitive } from "radix-ui";
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils.js";
 function Separator({ className, orientation = "horizontal", decorative = true, ...props }) {
     return (_jsx(SeparatorPrimitive.Root, { "data-slot": "separator", decorative: decorative, orientation: orientation, className: cn("shrink-0 bg-border data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch", className), ...props }));
 }

package/dist/components/ui/skeleton.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils.js";
 function Skeleton({ className, ...props }) {
     return (_jsx("div", { "data-slot": "skeleton", className: cn("rounded-md bg-muted bg-[length:400%_100%] animate-[shimmer_4s_ease-in-out_infinite]", className), style: {
             backgroundImage: "linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.04) 50%, transparent 100%)",

package/dist/components/ui/switch.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { Switch as SwitchPrimitive } from "radix-ui";
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils.js";
 function Switch({ className, size = "default", ...props }) {
     return (_jsx(SwitchPrimitive.Root, { "data-slot": "switch", "data-size": size, className: cn("peer group/switch relative inline-flex shrink-0 items-center rounded-full border border-transparent transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px] dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:bg-primary data-unchecked:bg-input dark:data-unchecked:bg-input/80 data-disabled:cursor-not-allowed data-disabled:opacity-50", className), ...props, children: _jsx(SwitchPrimitive.Thumb, { "data-slot": "switch-thumb", className: "pointer-events-none block rounded-full bg-background ring-0 transition-transform group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-checked:translate-x-[calc(100%-2px)] dark:data-checked:bg-primary-foreground group-data-[size=default]/switch:data-unchecked:translate-x-0 group-data-[size=sm]/switch:data-unchecked:translate-x-0 dark:data-unchecked:bg-foreground" }) }));
 }

package/dist/components/ui/tabs.js

@@ -3,7 +3,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { cva } from "class-variance-authority";
 import { Tabs as TabsPrimitive } from "radix-ui";
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils.js";
 function Tabs({ className, orientation = "horizontal", ...props }) {
     return (_jsx(TabsPrimitive.Root, { "data-slot": "tabs", "data-orientation": orientation, className: cn("group/tabs flex gap-2 data-horizontal:flex-col", className), ...props }));
 }

package/dist/components/ui/textarea.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils.js";
 function Textarea({ className, ...props }) {
     return (_jsx("textarea", { "data-slot": "textarea", className: cn("flex field-sizing-content min-h-16 w-full rounded-lg border border-input bg-transparent px-2.5 py-2 text-base transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", className), ...props }));
 }

package/dist/components/ui/tooltip.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Tooltip as TooltipPrimitive } from "radix-ui";
-import { cn } from "@/lib/utils";
+import { cn } from "../../lib/utils.js";
 function TooltipProvider({ delayDuration = 0, ...props }) {
     return (_jsx(TooltipPrimitive.Provider, { "data-slot": "tooltip-provider", delayDuration: delayDuration, ...props }));
 }

package/dist/hooks/shell/shell-registry-provider.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from "react";
-import type { ShellTab, ShellWorkspaceDefinition } from "@/lib/shell/types";
+import type { ShellTab, ShellWorkspaceDefinition } from "../../lib/shell/types.js";
 type ShellRegistryContextValue = {
     appTitle: string;
     workspaces: ShellWorkspaceDefinition[];

package/dist/hooks/shell/shell-registry-provider.js

@@ -2,8 +2,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useContext, useMemo } from "react";
 import { useShallow } from "zustand/react/shallow";
-import { DEFAULT_SHELL_MODE, resolveInitialShellMode, } from "@/lib/shell/persistence";
-import { useShellStore } from "./use-shell-store";
+import { DEFAULT_SHELL_MODE, resolveInitialShellMode, } from "../../lib/shell/persistence.js";
+import { useShellStore } from "./use-shell-store.js";
 const ShellRegistryContext = createContext(null);
 export function ShellRegistryProvider({ children, initialActiveMode = DEFAULT_SHELL_MODE, appTitle = "shell", workspaces, }) {
     const { activeMode: persistedActiveMode, activeTabId, hasHydrated, tabs, } = useShellStore(useShallow((state) => ({

package/dist/hooks/shell/use-shell-shortcuts.js

@@ -1,8 +1,8 @@
 "use client";
 import { useMemo } from "react";
-import { useShellLayout } from "@/components/shell/shell-layout";
-import { useKeyboardShortcut } from "@/hooks/use-keyboard-shortcut";
-import { useShellStore } from "./use-shell-store";
+import { useShellLayout } from "../../components/shell/shell-layout.js";
+import { useKeyboardShortcut } from "../use-keyboard-shortcut.js";
+import { useShellStore } from "./use-shell-store.js";
 export function useShellShortcuts() {
     const { toggleLeftSidebar, toggleRightInspector } = useShellLayout();
     const setSearchBarOpen = useShellStore((state) => state.setSearchBarOpen);

package/dist/hooks/shell/use-shell-store.d.ts

@@ -1,5 +1,5 @@
-import type { ShellModeId, ShellTab } from "@/lib/shell/types";
-import { type ShellEventSource } from "@/lib/observe/shell";
+import type { ShellModeId, ShellTab } from "../../lib/shell/types.js";
+import { type ShellEventSource } from "../../lib/observe/shell.js";
 type ShellActionMeta = {
     source?: ShellEventSource;
     preview?: boolean;

package/dist/hooks/shell/use-shell-store.js

@@ -2,10 +2,10 @@
 import { Actions, DockLocation } from "flexlayout-react";
 import { create } from "zustand";
 import { createJSONStorage, persist } from "zustand/middleware";
-import { DEFAULT_SHELL_MODE, resolveInitialShellMode, SHELL_MODE_COOKIE_MAX_AGE, SHELL_MODE_COOKIE_NAME, SHELL_STORE_STORAGE_KEY, } from "@/lib/shell/persistence";
-import { setShellModeField, setShellSource, setShellTabFields, shellNavLogger, } from "@/lib/observe/shell";
-import { findPreviewTabNode, getShellModel, getWorkspaceShellTab, } from "@/components/shell/shell-model";
-import { clearWorkspaceDraftsByTabIds, resetWorkspaceDraftStoreForTests, } from "@/hooks/workspace/use-workspace-draft-store";
+import { DEFAULT_SHELL_MODE, resolveInitialShellMode, SHELL_MODE_COOKIE_MAX_AGE, SHELL_MODE_COOKIE_NAME, SHELL_STORE_STORAGE_KEY, } from "../../lib/shell/persistence.js";
+import { setShellModeField, setShellSource, setShellTabFields, shellNavLogger, } from "../../lib/observe/shell.js";
+import { findPreviewTabNode, getShellModel, getWorkspaceShellTab, } from "../../components/shell/shell-model.js";
+import { clearWorkspaceDraftsByTabIds, resetWorkspaceDraftStoreForTests, } from "../workspace/use-workspace-draft-store.js";
 const INITIAL_PERSISTED_STATE = {
     activeMode: DEFAULT_SHELL_MODE,
     tabs: [],

package/dist/hooks/shell/use-shell-tab-strip-bridge.js

@@ -1,6 +1,6 @@
 "use client";
 import { useEffect, useRef } from "react";
-import { computeActiveIndicatorGeometry, computeTabBridgeGeometry, getShellTabId, SELECTED_TAB_BUTTON_SELECTOR, SHELL_TAB_INDICATOR_MODE_ATTR, SHELL_TAB_INDICATOR_SETTLE_MS, TAB_BUTTON_SELECTOR, TAB_CONTAINER_SELECTOR, } from "@/components/shell/tab-strip-bridge";
+import { computeActiveIndicatorGeometry, computeTabBridgeGeometry, getShellTabId, SELECTED_TAB_BUTTON_SELECTOR, SHELL_TAB_INDICATOR_MODE_ATTR, SHELL_TAB_INDICATOR_SETTLE_MS, TAB_BUTTON_SELECTOR, TAB_CONTAINER_SELECTOR, } from "../../components/shell/tab-strip-bridge.js";
 function clearIndicatorContainer(container) {
     container.style.removeProperty("--shell-tab-indicator-left");
     container.style.removeProperty("--shell-tab-indicator-width");

package/dist/lib/infra/logger.d.ts

@@ -1,5 +1,5 @@
-import { Logger } from "@/lib/observe";
-import type { WideEventData } from "@/lib/observe";
+import { Logger } from "../observe/index.js";
+import type { WideEventData } from "../observe/index.js";
 export declare const sessionId: string;
 export declare const logger: Logger;
 export declare const buffer: {

package/dist/lib/infra/logger.js

@@ -1,4 +1,4 @@
-import { Logger, newSessionId } from "@/lib/observe";
+import { Logger, newSessionId } from "../observe/index.js";
 const eventSubscribers = new Set();
 function emitObservedEvent(event) {
     eventSubscribers.forEach((subscriber) => {

package/dist/lib/observe/event.d.ts

@@ -1,4 +1,4 @@
-import type { Transport } from "./types";
+import type { Transport } from "./types.js";
 export declare class WideEvent {
     private eventType;
     private module;

package/dist/lib/observe/index.d.ts

@@ -1,7 +1,7 @@
-export type { WideEventData, Transport } from "./types";
-export { WideEvent } from "./event";
-export { Logger } from "./logger";
-export { stdoutTransport } from "./stdout";
-export { nopLogger } from "./nop";
-export { newSessionId, newTraceId } from "./ids";
+export type { WideEventData, Transport } from "./types.js";
+export { WideEvent } from "./event.js";
+export { Logger } from "./logger.js";
+export { stdoutTransport } from "./stdout.js";
+export { nopLogger } from "./nop.js";
+export { newSessionId, newTraceId } from "./ids.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/lib/observe/index.js

@@ -1,6 +1,6 @@
-export { WideEvent } from "./event";
-export { Logger } from "./logger";
-export { stdoutTransport } from "./stdout";
-export { nopLogger } from "./nop";
-export { newSessionId, newTraceId } from "./ids";
+export { WideEvent } from "./event.js";
+export { Logger } from "./logger.js";
+export { stdoutTransport } from "./stdout.js";
+export { nopLogger } from "./nop.js";
+export { newSessionId, newTraceId } from "./ids.js";
 //# sourceMappingURL=index.js.map

package/dist/lib/observe/logger.d.ts

@@ -1,5 +1,5 @@
-import { WideEvent } from "./event";
-import type { Transport } from "./types";
+import { WideEvent } from "./event.js";
+import type { Transport } from "./types.js";
 interface LoggerOptions {
     service: string;
     sessionId: string;

package/dist/lib/observe/logger.js

@@ -1,4 +1,4 @@
-import { WideEvent } from "./event";
+import { WideEvent } from "./event.js";
 export class Logger {
     constructor(opts) {
         this.service = opts.service;

package/dist/lib/observe/nop.d.ts

@@ -1,3 +1,3 @@
-import { Logger } from "./logger";
+import { Logger } from "./logger.js";
 export declare function nopLogger(): Logger;
 //# sourceMappingURL=nop.d.ts.map

package/dist/lib/observe/nop.js

@@ -1,4 +1,4 @@
-import { Logger } from "./logger";
+import { Logger } from "./logger.js";
 export function nopLogger() {
     return new Logger({
         service: "",

package/dist/lib/observe/shell.d.ts

@@ -1,13 +1,13 @@
-import type { ShellTab } from "@/lib/shell/types";
-import type { WideEvent } from "./event";
+import type { ShellTab } from "../shell/types.js";
+import type { WideEvent } from "./event.js";
 export type ShellEventSource = "activity_bar" | "app_shell" | "context_menu" | "search_bar" | "drawer" | "keyboard_shortcut" | "layout_restore" | "layout_resize" | "shell_data" | "sidebar" | "store" | "tab_bar" | "top_bar";
-export declare const shellLogger: import("./logger").Logger;
-export declare const shellNavLogger: import("./logger").Logger;
-export declare const shellLayoutLogger: import("./logger").Logger;
-export declare const shellSearchLogger: import("./logger").Logger;
-export declare const shellSidebarLogger: import("./logger").Logger;
-export declare const shellInspectorLogger: import("./logger").Logger;
-export declare const shellDataLogger: import("./logger").Logger;
+export declare const shellLogger: import("./logger.js").Logger;
+export declare const shellNavLogger: import("./logger.js").Logger;
+export declare const shellLayoutLogger: import("./logger.js").Logger;
+export declare const shellSearchLogger: import("./logger.js").Logger;
+export declare const shellSidebarLogger: import("./logger.js").Logger;
+export declare const shellInspectorLogger: import("./logger.js").Logger;
+export declare const shellDataLogger: import("./logger.js").Logger;
 export declare function setShellSource(event: WideEvent, source?: ShellEventSource): WideEvent;
 export declare function setShellTabFields(event: WideEvent, tab: ShellTab | null | undefined): WideEvent;
 export declare function setShellModeField(event: WideEvent, activeMode: string | null | undefined): WideEvent;

package/dist/lib/observe/shell.js

@@ -1,4 +1,4 @@
-import { logger } from "@/lib/infra/logger";
+import { logger } from "../infra/logger.js";
 export const shellLogger = logger.named("shell");
 export const shellNavLogger = shellLogger.named("nav");
 export const shellLayoutLogger = shellLogger.named("layout");

package/dist/lib/observe/stdout.d.ts

@@ -1,3 +1,3 @@
-import type { Transport } from "./types";
+import type { Transport } from "./types.js";
 export declare function stdoutTransport(): Transport;
 //# sourceMappingURL=stdout.d.ts.map

package/dist/lib/shell/actions.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from "react";
-import type { ShellEventSource } from "@/lib/observe/shell";
+import type { ShellEventSource } from "../observe/shell.js";
 type SearchLogValue = string | number | boolean | null;
 export type ShellActionRunMeta = {
     source: ShellEventSource;

package/dist/lib/shell/types.d.ts

@@ -1,5 +1,5 @@
 import type { ComponentType, ReactNode } from "react";
-import type { ShellActionGroup } from "./actions";
+import type { ShellActionGroup } from "./actions.js";
 export type ShellModeId = string;
 export type ShellTabTone = "neutral" | "success" | "warning" | "danger" | "info";
 export type ShellTabTarget = {

package/dist/public-api.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from "react";
-import type { ShellSearchBarProps, ShellTab as InternalShellTab, ShellTabTarget, ShellTabTone } from "@/lib/shell/types";
-import type { ShellEventSource } from "@/lib/observe/shell";
+import type { ShellSearchBarProps, ShellTab as InternalShellTab, ShellTabTarget, ShellTabTone } from "./lib/shell/types.js";
+import type { ShellEventSource } from "./lib/observe/shell.js";
 export type { ShellTabTarget, ShellTabTone };
 export type ShellTab<TTarget extends ShellTabTarget = ShellTabTarget> = InternalShellTab & {
     sectionId: string;

package/dist/public-api.js

@@ -1,13 +1,13 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { AppShell as AvocadoShellApp } from "@/components/shell/app-shell";
-import { SidebarActionRow } from "@/components/shell/primitives/sidebar-action-row";
-import { SidebarFrame } from "@/components/shell/primitives/sidebar-frame";
-import { SidebarSection } from "@/components/shell/primitives/sidebar-section";
-import { WorkspaceFormHeader, WorkspaceFormSection, WorkspacePageFrame, } from "@/components/shell/primitives/workspace-page";
-import { InspectorField, InspectorValue, } from "@/components/shell/primitives/inspector-panel";
-import { useShellRegistry } from "@/hooks/shell/shell-registry-provider";
-import { useShellStore } from "@/hooks/shell/use-shell-store";
+import { AppShell as AvocadoShellApp } from "./components/shell/app-shell.js";
+import { SidebarActionRow } from "./components/shell/primitives/sidebar-action-row.js";
+import { SidebarFrame } from "./components/shell/primitives/sidebar-frame.js";
+import { SidebarSection } from "./components/shell/primitives/sidebar-section.js";
+import { WorkspaceFormHeader, WorkspaceFormSection, WorkspacePageFrame, } from "./components/shell/primitives/workspace-page.js";
+import { InspectorField, InspectorValue, } from "./components/shell/primitives/inspector-panel.js";
+import { useShellRegistry } from "./hooks/shell/shell-registry-provider.js";
+import { useShellStore } from "./hooks/shell/use-shell-store.js";
 export function defineShellApp(app) {
     if (app.sections.length === 0) {
         throw new Error("Shell apps must define at least one section.");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elench/shell",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "The Avocado-derived Elench desktop shell packaged behind a public domain API.",
   "type": "module",
   "private": false,
@@ -14,7 +14,7 @@
     "./styles.css": "./dist/styles.css"
   },
   "scripts": {
-    "build": "rm -rf dist && tsc -p tsconfig.json && cp src/styles.css dist/styles.css",
+    "build": "rm -rf dist && tsc -p tsconfig.json && cp src/styles.css dist/styles.css && node scripts/rewrite-dist-imports.mjs",
     "typecheck": "tsc -p tsconfig.json --noEmit",
     "test": "vitest run --config vitest.config.ts"
   },