@backbay/glia 0.2.0-alpha.1

package/dist/desktop/components/window/WindowTitlebar.js

@@ -0,0 +1,191 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useCallback, memo } from 'react';
+import { useWindowActions, } from '../../core/window/useWindowManager';
+// ═══════════════════════════════════════════════════════════════════════════
+// Styles - Using CSS custom properties from theme
+// ═══════════════════════════════════════════════════════════════════════════
+const titlebarContainerStyle = {
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    height: 'var(--bb-spacing-titlebar-height, 36px)',
+    padding: '0 12px',
+    background: 'var(--bb-color-titlebar-bg, #111111)',
+    borderBottom: '1px solid var(--bb-color-window-border, #333333)',
+    userSelect: 'none',
+};
+const titleTextStyle = (focused) => ({
+    fontFamily: 'var(--bb-font-display, sans-serif)',
+    fontSize: '0.8125rem',
+    fontWeight: 600,
+    letterSpacing: '0.1em',
+    textTransform: 'uppercase',
+    color: focused
+        ? 'var(--bb-color-text-primary, #ffffff)'
+        : 'var(--bb-color-text-muted, #888888)',
+    flex: 1,
+    whiteSpace: 'nowrap',
+    overflow: 'hidden',
+    textOverflow: 'ellipsis',
+});
+const controlsStyle = {
+    display: 'flex',
+    alignItems: 'center',
+    gap: '8px',
+    marginLeft: '12px',
+};
+const controlButtonBaseStyle = {
+    width: '12px',
+    height: '12px',
+    borderRadius: '2px',
+    background: 'var(--bb-color-window-border, #333333)',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    transition: 'all 0.15s ease',
+    padding: 0,
+    border: 'none',
+    cursor: 'pointer',
+};
+function ControlButton({ onClick, title, variant, children }) {
+    const [isHovered, setIsHovered] = React.useState(false);
+    return (_jsx("button", { onClick: onClick, title: title, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), style: {
+            ...controlButtonBaseStyle,
+            background: isHovered
+                ? variant === 'close'
+                    ? 'var(--bb-color-destructive, #c44444)'
+                    : 'var(--bb-color-text-muted, #888888)'
+                : 'var(--bb-color-window-border, #333333)',
+        }, children: _jsx("svg", { viewBox: "0 0 10 10", fill: "none", stroke: "var(--bb-color-text-primary, #ffffff)", style: {
+                width: '8px',
+                height: '8px',
+                opacity: isHovered ? 1 : 0,
+                transition: 'opacity 0.15s ease',
+            }, children: children }) }));
+}
+// ═══════════════════════════════════════════════════════════════════════════
+// Window Titlebar Component
+// ═══════════════════════════════════════════════════════════════════════════
+function WindowTitlebarInner({ id, title, isMaximized, isFullscreen, isTiled, isFocused, groupId: _groupId, onClose, onMinimize, onMaximize, onRestore, onFullscreen, onExitFullscreen, hideControls = false, className, style, children, }) {
+    // Get actions from the window manager store
+    const actions = useWindowActions();
+    // Handlers - use props if provided (standalone mode), otherwise use store actions
+    const handleClose = useCallback((e) => {
+        e.stopPropagation();
+        if (onClose) {
+            onClose();
+        }
+        else {
+            actions.close(id);
+        }
+    }, [id, onClose, actions]);
+    const handleMinimize = useCallback((e) => {
+        e.stopPropagation();
+        if (onMinimize) {
+            onMinimize();
+        }
+        else {
+            actions.minimize(id);
+        }
+    }, [id, onMinimize, actions]);
+    const handleMaximize = useCallback((e) => {
+        e.stopPropagation();
+        if (isMaximized) {
+            if (onRestore) {
+                onRestore();
+            }
+            else {
+                actions.restore(id);
+            }
+        }
+        else if (isTiled) {
+            // Untile first
+            actions.untile(id);
+        }
+        else {
+            if (onMaximize) {
+                onMaximize();
+            }
+            else {
+                actions.maximize(id);
+            }
+        }
+    }, [id, isMaximized, isTiled, onRestore, onMaximize, actions]);
+    const handleFullscreen = useCallback((e) => {
+        e.stopPropagation();
+        if (isFullscreen) {
+            if (onExitFullscreen) {
+                onExitFullscreen();
+            }
+            else {
+                actions.exitFullscreen();
+            }
+        }
+        else {
+            if (onFullscreen) {
+                onFullscreen();
+            }
+            else {
+                actions.fullscreen(id);
+            }
+        }
+    }, [id, isFullscreen, onFullscreen, onExitFullscreen, actions]);
+    // Double-click titlebar to maximize/restore/untile (standard UX pattern)
+    const handleDoubleClick = useCallback(() => {
+        if (isMaximized) {
+            if (onRestore) {
+                onRestore();
+            }
+            else {
+                actions.restore(id);
+            }
+        }
+        else if (isTiled) {
+            actions.untile(id);
+        }
+        else {
+            if (onMaximize) {
+                onMaximize();
+            }
+            else {
+                actions.maximize(id);
+            }
+        }
+    }, [id, isMaximized, isTiled, onRestore, onMaximize, actions]);
+    return (_jsxs("div", { className: `window-drag-handle ${className ?? ''}`, style: { ...titlebarContainerStyle, ...style }, onDoubleClick: handleDoubleClick, "data-bb-titlebar": true, children: [_jsx("span", { style: titleTextStyle(isFocused), children: title }), children, !hideControls && (_jsxs("div", { style: controlsStyle, children: [_jsx(ControlButton, { onClick: handleMinimize, title: "Minimize", children: _jsx("line", { x1: "2", y1: "5", x2: "8", y2: "5", strokeWidth: "1.5" }) }), _jsx(ControlButton, { onClick: handleMaximize, title: isMaximized || isTiled ? 'Restore' : 'Maximize', children: isMaximized || isTiled ? (_jsxs(_Fragment, { children: [_jsx("rect", { x: "1", y: "3", width: "5", height: "5", strokeWidth: "1" }), _jsx("path", { d: "M3 3V1h6v6h-2", strokeWidth: "1" })] })) : (_jsx("rect", { x: "2", y: "2", width: "6", height: "6", strokeWidth: "1.5" })) }), _jsx(ControlButton, { onClick: handleFullscreen, title: isFullscreen ? 'Exit Fullscreen (Esc)' : 'Fullscreen', children: isFullscreen ? (
+                        // Exit fullscreen icon (corners pointing inward)
+                        _jsxs(_Fragment, { children: [_jsx("path", { d: "M1 4H3V2", strokeWidth: "1" }), _jsx("path", { d: "M9 4H7V2", strokeWidth: "1" }), _jsx("path", { d: "M1 6H3V8", strokeWidth: "1" }), _jsx("path", { d: "M9 6H7V8", strokeWidth: "1" })] })) : (
+                        // Enter fullscreen icon (corners pointing outward)
+                        _jsxs(_Fragment, { children: [_jsx("path", { d: "M1 3V1H3", strokeWidth: "1" }), _jsx("path", { d: "M7 1H9V3", strokeWidth: "1" }), _jsx("path", { d: "M9 7V9H7", strokeWidth: "1" }), _jsx("path", { d: "M3 9H1V7", strokeWidth: "1" })] })) }), _jsxs(ControlButton, { onClick: handleClose, title: "Close", variant: "close", children: [_jsx("line", { x1: "2", y1: "2", x2: "8", y2: "8", strokeWidth: "1.5" }), _jsx("line", { x1: "8", y1: "2", x2: "2", y2: "8", strokeWidth: "1.5" })] })] }))] }));
+}
+/**
+ * WindowTitlebar - A styled titlebar for windows with standard controls.
+ *
+ * Works in dual mode:
+ * - **Standalone**: Pass all event handlers (onClose, onMinimize, etc.)
+ * - **With Provider**: Uses useWindowManager() automatically
+ *
+ * @example Standalone mode
+ * ```tsx
+ * <WindowTitlebar
+ *   id="my-window"
+ *   title="My Window"
+ *   isMaximized={false}
+ *   isFocused={true}
+ *   onClose={() => setIsOpen(false)}
+ *   onMinimize={() => setIsMinimized(true)}
+ * />
+ * ```
+ *
+ * @example With DesktopOSProvider
+ * ```tsx
+ * <WindowTitlebar
+ *   id={windowId}
+ *   title={window.title}
+ *   isMaximized={window.isMaximized}
+ *   isFocused={window.isFocused}
+ * />
+ * ```
+ */
+export const WindowTitlebar = memo(WindowTitlebarInner);

package/dist/desktop/components/window/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @backbay/glia Desktop OS - Window Components
+ *
+ * Styled window components that work in dual mode:
+ * - Standalone: Control via props and event handlers
+ * - With Provider: Auto-managed via DesktopOSProvider
+ */
+export { Window, type WindowProps } from './Window';
+export { WindowTitlebar, type WindowTitlebarProps } from './WindowTitlebar';
+//# sourceMappingURL=index.d.ts.map

package/dist/desktop/components/window/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/desktop/components/window/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/desktop/components/window/index.js

@@ -0,0 +1,9 @@
+/**
+ * @backbay/glia Desktop OS - Window Components
+ *
+ * Styled window components that work in dual mode:
+ * - Standalone: Control via props and event handlers
+ * - With Provider: Auto-managed via DesktopOSProvider
+ */
+export { Window } from './Window';
+export { WindowTitlebar } from './WindowTitlebar';

package/dist/desktop/core/desktop/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @backbay/glia Desktop OS - Desktop Core
+ */
+export * from './types';
+export * from './useSnapZones';
+//# sourceMappingURL=index.d.ts.map

package/dist/desktop/core/desktop/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/desktop/core/desktop/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC"}

package/dist/desktop/core/desktop/index.js

@@ -0,0 +1,5 @@
+/**
+ * @backbay/glia Desktop OS - Desktop Core
+ */
+export * from './types';
+export * from './useSnapZones';

package/dist/desktop/core/desktop/types.d.ts

@@ -0,0 +1,185 @@
+/**
+ * @backbay/glia Desktop OS - Desktop Types
+ *
+ * Types for desktop and process management.
+ */
+import type React from 'react';
+import type { WindowId, WindowState } from '../window/types';
+/**
+ * Process definition for registering an app.
+ */
+export interface ProcessDefinition {
+    /** Unique process identifier */
+    id: string;
+    /** Display name */
+    name: string;
+    /** Icon identifier or React node */
+    icon: React.ReactNode | string;
+    /** The component to render in the window */
+    component: React.ComponentType<{
+        windowId: WindowId;
+    }>;
+    /** Default window size */
+    defaultSize?: {
+        width: number;
+        height: number;
+    };
+    /** Minimum window size */
+    minSize?: {
+        width: number;
+        height: number;
+    };
+    /** Maximum window size */
+    maxSize?: {
+        width: number;
+        height: number;
+    };
+    /** Whether only one instance can be open at a time */
+    singleton?: boolean;
+    /** Whether app is pinned to taskbar by default */
+    pinned?: boolean;
+    /** Whether to hide the default window titlebar (app provides its own) */
+    hideWindowTitlebar?: boolean;
+    /** Category for start menu organization */
+    category?: string;
+    /** Description for start menu */
+    description?: string;
+}
+/**
+ * Running process instance.
+ */
+export interface ProcessInstance {
+    /** Unique instance ID */
+    id: string;
+    /** Process definition ID */
+    processId: string;
+    /** Associated window ID */
+    windowId: WindowId;
+    /** Launch arguments */
+    args?: Record<string, unknown>;
+    /** When the process was started */
+    startedAt: number;
+}
+/**
+ * Desktop icon item.
+ */
+export interface DesktopIcon {
+    id: string;
+    label: string;
+    icon: React.ReactNode | string;
+    /** Grid position (column, row) */
+    position: {
+        col: number;
+        row: number;
+    };
+    /** Action when double-clicked */
+    onActivate?: () => void;
+    /** Associated process ID to launch */
+    processId?: string;
+    /** Whether this is a system icon (cannot be deleted) */
+    isSystem?: boolean;
+}
+/**
+ * Return type for the useDesktop hook.
+ */
+export interface UseDesktopReturn {
+    /** Desktop icons */
+    icons: DesktopIcon[];
+    /** Selected icon IDs */
+    selectedIconIds: string[];
+    /** Grid size for icon layout */
+    gridSize: {
+        cols: number;
+        rows: number;
+    };
+    /** Add an icon */
+    addIcon: (icon: DesktopIcon) => void;
+    /** Remove an icon */
+    removeIcon: (id: string) => void;
+    /** Move an icon to a new position */
+    moveIcon: (id: string, position: {
+        col: number;
+        row: number;
+    }) => void;
+    /** Select icons */
+    selectIcons: (ids: string[]) => void;
+    /** Clear selection */
+    clearSelection: () => void;
+    /** Activate an icon (double-click) */
+    activateIcon: (id: string) => void;
+}
+/**
+ * Return type for the useProcessRegistry hook.
+ */
+export interface UseProcessRegistryReturn {
+    /** All registered process definitions */
+    definitions: ProcessDefinition[];
+    /** All running process instances */
+    instances: ProcessInstance[];
+    /** Register a process definition */
+    register: (definition: ProcessDefinition) => void;
+    /** Unregister a process definition */
+    unregister: (id: string) => void;
+    /** Launch a process and return the instance ID */
+    launch: (processId: string, args?: Record<string, unknown>) => string | null;
+    /** Terminate a process instance */
+    terminate: (instanceId: string) => void;
+    /** Terminate all instances of a process */
+    terminateAll: (processId: string) => void;
+    /** Get process definition by ID */
+    getDefinition: (id: string) => ProcessDefinition | undefined;
+    /** Get process instance by ID */
+    getInstance: (id: string) => ProcessInstance | undefined;
+    /** Get instances of a process */
+    getInstancesByProcess: (processId: string) => ProcessInstance[];
+    /** Get instance by window ID */
+    getInstanceByWindow: (windowId: WindowId) => ProcessInstance | undefined;
+}
+/**
+ * Snap zone type for window snapping.
+ */
+export type SnapZone = 'left' | 'right' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'maximize';
+/**
+ * Return type for the useSnapZones hook.
+ */
+export interface UseSnapZonesReturn {
+    /** Currently active snap zone preview */
+    activeZone: SnapZone | null;
+    /** Window ID being dragged */
+    draggingWindowId: WindowId | null;
+    /** Set the active snap zone */
+    setActiveZone: (zone: SnapZone | null) => void;
+    /** Set which window is being dragged */
+    setDraggingWindow: (id: WindowId | null) => void;
+    /** Detect snap zone from cursor position */
+    detectSnapZone: (cursorX: number, cursorY: number) => SnapZone | null;
+    /** Get snap zone dimensions for preview rendering */
+    getSnapZoneDimensions: (zone: SnapZone) => {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+}
+/**
+ * Desktop OS Provider configuration.
+ */
+export interface DesktopOSConfig {
+    /** Process definitions */
+    processes: ProcessDefinition[];
+    /** Initial windows to open */
+    initialWindows?: Partial<WindowState>[];
+    /** Initially pinned apps */
+    initialPinnedApps?: string[];
+    /** Enable snap zones for window tiling */
+    enableSnapZones?: boolean;
+    /** Enable window grouping (tab groups) */
+    enableWindowGroups?: boolean;
+    /** Enable animations */
+    enableAnimations?: boolean;
+    /** Callback when windows change */
+    onWindowsChange?: (windows: WindowState[]) => void;
+    /** Callback when pinned apps change */
+    onPinnedAppsChange?: (appIds: string[]) => void;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/desktop/core/desktop/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/desktop/core/desktop/types.ts"],"names":[],"mappings":"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"}

package/dist/desktop/core/desktop/types.js

@@ -0,0 +1,6 @@
+/**
+ * @backbay/glia Desktop OS - Desktop Types
+ *
+ * Types for desktop and process management.
+ */
+export {};

package/dist/desktop/core/desktop/useSnapZones.d.ts

@@ -0,0 +1,52 @@
+/**
+ * @backbay/glia Desktop OS - useSnapZones Hook
+ *
+ * Snap zone detection for window tiling (Hyprland-style).
+ * Detects when windows are dragged to screen edges/corners.
+ */
+import type { WindowId } from '../window/types';
+import type { SnapZone, UseSnapZonesReturn } from './types';
+/** Pixels from edge for left/right/top snap detection */
+export declare const EDGE_THRESHOLD = 20;
+/** Corner zone size in pixels */
+export declare const CORNER_SIZE = 60;
+interface SnapZoneStore {
+    activeZone: SnapZone | null;
+    draggingWindowId: WindowId | null;
+    setActiveZone: (zone: SnapZone | null) => void;
+    setDraggingWindow: (id: WindowId | null) => void;
+    detectSnapZone: (cursorX: number, cursorY: number) => SnapZone | null;
+}
+export declare const useSnapZoneStore: import("zustand").UseBoundStore<import("zustand").StoreApi<SnapZoneStore>>;
+/**
+ * Get snap zone dimensions for preview rendering.
+ */
+export declare function getSnapZoneDimensions(zone: SnapZone): {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
+/**
+ * Hook for snap zone detection during window dragging.
+ *
+ * @example
+ * ```tsx
+ * const { activeZone, detectSnapZone, setActiveZone } = useSnapZones();
+ *
+ * const handleDrag = (e: MouseEvent) => {
+ *   const zone = detectSnapZone(e.clientX, e.clientY);
+ *   setActiveZone(zone);
+ * };
+ *
+ * const handleDragEnd = () => {
+ *   if (activeZone) {
+ *     // Apply snap
+ *   }
+ *   setActiveZone(null);
+ * };
+ * ```
+ */
+export declare function useSnapZones(): UseSnapZonesReturn;
+export {};
+//# sourceMappingURL=useSnapZones.d.ts.map

package/dist/desktop/core/desktop/useSnapZones.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSnapZones.d.ts","sourceRoot":"","sources":["../../../../src/desktop/core/desktop/useSnapZones.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,KAAK,EAAE,QAAQ,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAM5D,yDAAyD;AACzD,eAAO,MAAM,cAAc,KAAK,CAAC;AAEjC,iCAAiC;AACjC,eAAO,MAAM,WAAW,KAAK,CAAC;AAS9B,UAAU,aAAa;IACrB,UAAU,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC5B,gBAAgB,EAAE,QAAQ,GAAG,IAAI,CAAC;IAElC,aAAa,EAAE,CAAC,IAAI,EAAE,QAAQ,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/C,iBAAiB,EAAE,CAAC,EAAE,EAAE,QAAQ,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,cAAc,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,QAAQ,GAAG,IAAI,CAAC;CACvE;AAMD,eAAO,MAAM,gBAAgB,4EAwC1B,CAAC;AAMJ;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,QAAQ,GAAG;IACrD,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CA2BA;AAMD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,YAAY,IAAI,kBAAkB,CAmBjD"}

package/dist/desktop/core/desktop/useSnapZones.js

@@ -0,0 +1,128 @@
+/**
+ * @backbay/glia Desktop OS - useSnapZones Hook
+ *
+ * Snap zone detection for window tiling (Hyprland-style).
+ * Detects when windows are dragged to screen edges/corners.
+ */
+import { create } from 'zustand';
+import { useShallow } from 'zustand/react/shallow';
+// ═══════════════════════════════════════════════════════════════════════════
+// Constants
+// ═══════════════════════════════════════════════════════════════════════════
+/** Pixels from edge for left/right/top snap detection */
+export const EDGE_THRESHOLD = 20;
+/** Corner zone size in pixels */
+export const CORNER_SIZE = 60;
+/** Default taskbar height */
+const DEFAULT_TASKBAR_HEIGHT = 48;
+// ═══════════════════════════════════════════════════════════════════════════
+// Store Implementation
+// ═══════════════════════════════════════════════════════════════════════════
+export const useSnapZoneStore = create((set, get) => ({
+    activeZone: null,
+    draggingWindowId: null,
+    setActiveZone: (zone) => set({ activeZone: zone }),
+    setDraggingWindow: (id) => set({ draggingWindowId: id, activeZone: id ? get().activeZone : null }),
+    detectSnapZone: (cursorX, cursorY) => {
+        const screenWidth = typeof globalThis.innerWidth !== 'undefined'
+            ? globalThis.innerWidth
+            : 1920;
+        const screenHeight = typeof globalThis.innerHeight !== 'undefined'
+            ? globalThis.innerHeight
+            : 1080;
+        const usableHeight = screenHeight - DEFAULT_TASKBAR_HEIGHT;
+        // Check corners first (they take priority)
+        const isNearLeft = cursorX <= CORNER_SIZE;
+        const isNearRight = cursorX >= screenWidth - CORNER_SIZE;
+        const isNearTop = cursorY <= CORNER_SIZE;
+        const isNearBottom = cursorY >= usableHeight - CORNER_SIZE && cursorY < usableHeight;
+        // Corner detection (60x60 zones)
+        if (isNearLeft && isNearTop)
+            return 'top-left';
+        if (isNearRight && isNearTop)
+            return 'top-right';
+        if (isNearLeft && isNearBottom)
+            return 'bottom-left';
+        if (isNearRight && isNearBottom)
+            return 'bottom-right';
+        // Edge detection (20px threshold)
+        if (cursorX <= EDGE_THRESHOLD)
+            return 'left';
+        if (cursorX >= screenWidth - EDGE_THRESHOLD)
+            return 'right';
+        if (cursorY <= EDGE_THRESHOLD)
+            return 'maximize';
+        return null;
+    },
+}));
+// ═══════════════════════════════════════════════════════════════════════════
+// Helper Functions
+// ═══════════════════════════════════════════════════════════════════════════
+/**
+ * Get snap zone dimensions for preview rendering.
+ */
+export function getSnapZoneDimensions(zone) {
+    const screenWidth = typeof globalThis.innerWidth !== 'undefined' ? globalThis.innerWidth : 1920;
+    const screenHeight = typeof globalThis.innerHeight !== 'undefined'
+        ? globalThis.innerHeight
+        : 1080;
+    const usableHeight = screenHeight - DEFAULT_TASKBAR_HEIGHT;
+    const halfWidth = screenWidth / 2;
+    const halfHeight = usableHeight / 2;
+    switch (zone) {
+        case 'maximize':
+            return { x: 0, y: 0, width: screenWidth, height: usableHeight };
+        case 'left':
+            return { x: 0, y: 0, width: halfWidth, height: usableHeight };
+        case 'right':
+            return { x: halfWidth, y: 0, width: halfWidth, height: usableHeight };
+        case 'top-left':
+            return { x: 0, y: 0, width: halfWidth, height: halfHeight };
+        case 'top-right':
+            return { x: halfWidth, y: 0, width: halfWidth, height: halfHeight };
+        case 'bottom-left':
+            return { x: 0, y: halfHeight, width: halfWidth, height: halfHeight };
+        case 'bottom-right':
+            return { x: halfWidth, y: halfHeight, width: halfWidth, height: halfHeight };
+    }
+}
+// ═══════════════════════════════════════════════════════════════════════════
+// Public Hook
+// ═══════════════════════════════════════════════════════════════════════════
+/**
+ * Hook for snap zone detection during window dragging.
+ *
+ * @example
+ * ```tsx
+ * const { activeZone, detectSnapZone, setActiveZone } = useSnapZones();
+ *
+ * const handleDrag = (e: MouseEvent) => {
+ *   const zone = detectSnapZone(e.clientX, e.clientY);
+ *   setActiveZone(zone);
+ * };
+ *
+ * const handleDragEnd = () => {
+ *   if (activeZone) {
+ *     // Apply snap
+ *   }
+ *   setActiveZone(null);
+ * };
+ * ```
+ */
+export function useSnapZones() {
+    const store = useSnapZoneStore(useShallow((state) => ({
+        activeZone: state.activeZone,
+        draggingWindowId: state.draggingWindowId,
+        setActiveZone: state.setActiveZone,
+        setDraggingWindow: state.setDraggingWindow,
+        detectSnapZone: state.detectSnapZone,
+    })));
+    return {
+        activeZone: store.activeZone,
+        draggingWindowId: store.draggingWindowId,
+        setActiveZone: store.setActiveZone,
+        setDraggingWindow: store.setDraggingWindow,
+        detectSnapZone: store.detectSnapZone,
+        getSnapZoneDimensions,
+    };
+}

package/dist/desktop/core/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @backbay/glia Desktop OS - Core (Headless Logic)
+ *
+ * This module contains the headless logic layer - hooks and types
+ * that can be used without the styled components.
+ */
+export * from './window';
+export * from './shell';
+export * from './desktop';
+//# sourceMappingURL=index.d.ts.map

package/dist/desktop/core/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/desktop/core/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC"}

package/dist/desktop/core/index.js

@@ -0,0 +1,9 @@
+/**
+ * @backbay/glia Desktop OS - Core (Headless Logic)
+ *
+ * This module contains the headless logic layer - hooks and types
+ * that can be used without the styled components.
+ */
+export * from './window';
+export * from './shell';
+export * from './desktop';

package/dist/desktop/core/shell/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @backbay/glia Desktop OS - Shell Core
+ */
+export * from './types';
+export * from './useTaskbar';
+//# sourceMappingURL=index.d.ts.map

package/dist/desktop/core/shell/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/desktop/core/shell/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC"}

package/dist/desktop/core/shell/index.js

@@ -0,0 +1,5 @@
+/**
+ * @backbay/glia Desktop OS - Shell Core
+ */
+export * from './types';
+export * from './useTaskbar';