@opentabs-dev/browser-extension 0.0.34

package/dist/side-panel/components/retro/Tooltip.d.ts

@@ -0,0 +1,12 @@
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import * as React from 'react';
+import type { VariantProps } from 'class-variance-authority';
+declare const TooltipObject: React.FC<TooltipPrimitive.TooltipProps> & {
+    Trigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+    Content: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?: ({
+        variant?: "default" | "solid" | "primary" | null | undefined;
+    } & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
+    Provider: React.FC<TooltipPrimitive.TooltipProviderProps>;
+};
+export { TooltipObject as Tooltip };
+//# sourceMappingURL=Tooltip.d.ts.map

package/dist/side-panel/components/retro/Tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/side-panel/components/retro/Tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAE5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AA4C7D,QAAA,MAAM,aAAa;;;;;;CAIjB,CAAC;AAEH,OAAO,EAAE,aAAa,IAAI,OAAO,EAAE,CAAC"}

package/dist/side-panel/components/retro/Tooltip.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../lib/cn';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import { cva } from 'class-variance-authority';
+import * as React from 'react';
+const tooltipContentVariants = cva('z-50 overflow-hidden rounded border-2 border-border bg-background px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-tooltip-content-transform-origin]', {
+    variants: {
+        variant: {
+            default: 'bg-background text-foreground',
+            primary: 'bg-primary text-primary-foreground',
+            solid: 'bg-foreground text-background',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+    },
+});
+const TooltipProvider = TooltipPrimitive.Provider;
+const Tooltip = TooltipPrimitive.Root;
+const TooltipTrigger = TooltipPrimitive.Trigger;
+const TooltipContent = React.forwardRef(({ className, sideOffset = 4, variant, ...props }, ref) => (_jsx(TooltipPrimitive.Portal, { children: _jsx(TooltipPrimitive.Content, { ref: ref, sideOffset: sideOffset, className: cn(tooltipContentVariants({
+            variant,
+            className,
+        })), ...props }) })));
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+const TooltipObject = Object.assign(Tooltip, {
+    Trigger: TooltipTrigger,
+    Content: TooltipContent,
+    Provider: TooltipProvider,
+});
+export { TooltipObject as Tooltip };
+//# sourceMappingURL=Tooltip.js.map

package/dist/side-panel/components/retro/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../src/side-panel/components/retro/Tooltip.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,sBAAsB,GAAG,GAAG,CAChC,4bAA4b,EAC5b;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,+BAA+B;YACxC,OAAO,EAAE,oCAAoC;YAC7C,KAAK,EAAE,+BAA+B;SACvC;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CACF,CAAC;AAEF,MAAM,eAAe,GAAG,gBAAgB,CAAC,QAAQ,CAAC;AAElD,MAAM,OAAO,GAAG,gBAAgB,CAAC,IAAI,CAAC;AAEtC,MAAM,cAAc,GAAG,gBAAgB,CAAC,OAAO,CAAC;AAEhD,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAGrC,CAAC,EAAE,SAAS,EAAE,UAAU,GAAG,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC3D,KAAC,gBAAgB,CAAC,MAAM,cACtB,KAAC,gBAAgB,CAAC,OAAO,IACvB,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,EAAE,CACX,sBAAsB,CAAC;YACrB,OAAO;YACP,SAAS;SACV,CAAC,CACH,KACG,KAAK,GACT,GACsB,CAC3B,CAAC,CAAC;AACH,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC,OAAO,CAAC,WAAW,CAAC;AAElE,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,OAAO,EAAE;IAC3C,OAAO,EAAE,cAAc;IACvB,OAAO,EAAE,cAAc;IACvB,QAAQ,EAAE,eAAe;CAC1B,CAAC,CAAC;AAEH,OAAO,EAAE,aAAa,IAAI,OAAO,EAAE,CAAC"}

package/dist/side-panel/constants.d.ts

@@ -0,0 +1,5 @@
+/** Duration (ms) to display toggle-error alerts before auto-dismissing */
+export declare const ERROR_DISPLAY_DURATION_MS = 3000;
+/** Interval (ms) between countdown bar progress updates */
+export declare const COUNTDOWN_POLL_INTERVAL_MS = 200;
+//# sourceMappingURL=constants.d.ts.map

package/dist/side-panel/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/side-panel/constants.ts"],"names":[],"mappings":"AAAA,0EAA0E;AAC1E,eAAO,MAAM,yBAAyB,OAAO,CAAC;AAC9C,2DAA2D;AAC3D,eAAO,MAAM,0BAA0B,MAAM,CAAC"}

package/dist/side-panel/constants.js

@@ -0,0 +1,5 @@
+/** Duration (ms) to display toggle-error alerts before auto-dismissing */
+export const ERROR_DISPLAY_DURATION_MS = 3000;
+/** Interval (ms) between countdown bar progress updates */
+export const COUNTDOWN_POLL_INTERVAL_MS = 200;
+//# sourceMappingURL=constants.js.map

package/dist/side-panel/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/side-panel/constants.ts"],"names":[],"mappings":"AAAA,0EAA0E;AAC1E,MAAM,CAAC,MAAM,yBAAyB,GAAG,IAAI,CAAC;AAC9C,2DAA2D;AAC3D,MAAM,CAAC,MAAM,0BAA0B,GAAG,GAAG,CAAC"}

package/dist/side-panel/hooks/useServerNotifications.d.ts

@@ -0,0 +1,21 @@
+import type { PluginState } from '../bridge.js';
+import type { ConfirmationData } from '../components/ConfirmationDialog.js';
+import type { TabState } from '@opentabs-dev/shared';
+interface UseServerNotificationsParams {
+    setPlugins: React.Dispatch<React.SetStateAction<PluginState[]>>;
+    setActiveTools: React.Dispatch<React.SetStateAction<Set<string>>>;
+    setPendingConfirmations: React.Dispatch<React.SetStateAction<ConfirmationData[]>>;
+    pendingTabStates: React.RefObject<Map<string, TabState>>;
+}
+interface UseServerNotificationsResult {
+    handleNotification: (data: Record<string, unknown>) => void;
+    clearConfirmationTimeout: (id: string) => void;
+}
+/**
+ * Returns a stable callback that processes server notification messages
+ * (confirmation.request, tab.stateChanged, tool.invocationStart, tool.invocationEnd)
+ * and a function to clear a confirmation's auto-removal timeout.
+ */
+declare const useServerNotifications: ({ setPlugins, setActiveTools, setPendingConfirmations, pendingTabStates, }: UseServerNotificationsParams) => UseServerNotificationsResult;
+export { useServerNotifications };
+//# sourceMappingURL=useServerNotifications.d.ts.map

package/dist/side-panel/hooks/useServerNotifications.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useServerNotifications.d.ts","sourceRoot":"","sources":["../../../src/side-panel/hooks/useServerNotifications.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAIrD,UAAU,4BAA4B;IACpC,UAAU,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC;IAChE,cAAc,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IAClE,uBAAuB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAC;IAClF,gBAAgB,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;CAC1D;AAED,UAAU,4BAA4B;IACpC,kBAAkB,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAC5D,wBAAwB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAChD;AAED;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,GAAI,4EAK7B,4BAA4B,KAAG,4BAkGjC,CAAC;AAEF,OAAO,EAAE,sBAAsB,EAAE,CAAC"}

package/dist/side-panel/hooks/useServerNotifications.js

@@ -0,0 +1,93 @@
+import { VALID_PLUGIN_NAME } from '../../constants.js';
+import { useCallback, useEffect, useRef } from 'react';
+const validTabStates = new Set(['closed', 'unavailable', 'ready']);
+/**
+ * Returns a stable callback that processes server notification messages
+ * (confirmation.request, tab.stateChanged, tool.invocationStart, tool.invocationEnd)
+ * and a function to clear a confirmation's auto-removal timeout.
+ */
+const useServerNotifications = ({ setPlugins, setActiveTools, setPendingConfirmations, pendingTabStates, }) => {
+    const timeoutIds = useRef(new Map());
+    useEffect(() => {
+        const map = timeoutIds.current;
+        return () => {
+            for (const id of map.values()) {
+                clearTimeout(id);
+            }
+            map.clear();
+        };
+    }, []);
+    const clearConfirmationTimeout = useCallback((id) => {
+        const tid = timeoutIds.current.get(id);
+        if (tid !== undefined) {
+            clearTimeout(tid);
+            timeoutIds.current.delete(id);
+        }
+    }, []);
+    const handleNotification = useCallback((data) => {
+        if (data.method === 'confirmation.request' && data.params) {
+            const params = data.params;
+            if (typeof params.id === 'string' && typeof params.tool === 'string' && typeof params.timeoutMs === 'number') {
+                const confirmation = {
+                    id: params.id,
+                    tool: params.tool,
+                    domain: typeof params.domain === 'string' ? params.domain : null,
+                    tabId: typeof params.tabId === 'number' ? params.tabId : undefined,
+                    paramsPreview: typeof params.paramsPreview === 'string' ? params.paramsPreview : '',
+                    timeoutMs: params.timeoutMs,
+                    receivedAt: Date.now(),
+                };
+                setPendingConfirmations(prev => [...prev, confirmation]);
+                const removeDelay = params.timeoutMs + 1000;
+                const tid = setTimeout(() => {
+                    timeoutIds.current.delete(confirmation.id);
+                    setPendingConfirmations(prev => prev.filter(c => c.id !== confirmation.id));
+                    chrome.runtime.sendMessage({ type: 'sp:confirmationTimeout', id: confirmation.id }).catch(() => { });
+                }, removeDelay);
+                timeoutIds.current.set(confirmation.id, tid);
+            }
+        }
+        if (data.method === 'tab.stateChanged' && data.params) {
+            const params = data.params;
+            if (typeof params.plugin === 'string' &&
+                typeof params.state === 'string' &&
+                validTabStates.has(params.state) &&
+                VALID_PLUGIN_NAME.test(params.plugin)) {
+                const pluginName = params.plugin;
+                const newState = params.state;
+                setPlugins(prev => {
+                    if (prev.length === 0) {
+                        pendingTabStates.current.set(pluginName, newState);
+                        return prev;
+                    }
+                    return prev.map(p => (p.name === pluginName ? { ...p, tabState: newState } : p));
+                });
+            }
+        }
+        if (data.method === 'tool.invocationStart' && data.params) {
+            const params = data.params;
+            if (typeof params.plugin === 'string' &&
+                typeof params.tool === 'string' &&
+                VALID_PLUGIN_NAME.test(params.plugin)) {
+                const toolKey = `${params.plugin}:${params.tool}`;
+                setActiveTools(prev => new Set(prev).add(toolKey));
+            }
+        }
+        if (data.method === 'tool.invocationEnd' && data.params) {
+            const params = data.params;
+            if (typeof params.plugin === 'string' &&
+                typeof params.tool === 'string' &&
+                VALID_PLUGIN_NAME.test(params.plugin)) {
+                const toolKey = `${params.plugin}:${params.tool}`;
+                setActiveTools(prev => {
+                    const next = new Set(prev);
+                    next.delete(toolKey);
+                    return next;
+                });
+            }
+        }
+    }, [setPlugins, setActiveTools, setPendingConfirmations, pendingTabStates]);
+    return { handleNotification, clearConfirmationTimeout };
+};
+export { useServerNotifications };
+//# sourceMappingURL=useServerNotifications.js.map

package/dist/side-panel/hooks/useServerNotifications.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useServerNotifications.js","sourceRoot":"","sources":["../../../src/side-panel/hooks/useServerNotifications.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAKvD,MAAM,cAAc,GAAwB,IAAI,GAAG,CAAW,CAAC,QAAQ,EAAE,aAAa,EAAE,OAAO,CAAC,CAAC,CAAC;AAclG;;;;GAIG;AACH,MAAM,sBAAsB,GAAG,CAAC,EAC9B,UAAU,EACV,cAAc,EACd,uBAAuB,EACvB,gBAAgB,GACa,EAAgC,EAAE;IAC/D,MAAM,UAAU,GAAG,MAAM,CAA6C,IAAI,GAAG,EAAE,CAAC,CAAC;IAEjF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,GAAG,GAAG,UAAU,CAAC,OAAO,CAAC;QAC/B,OAAO,GAAG,EAAE;YACV,KAAK,MAAM,EAAE,IAAI,GAAG,CAAC,MAAM,EAAE,EAAE,CAAC;gBAC9B,YAAY,CAAC,EAAE,CAAC,CAAC;YACnB,CAAC;YACD,GAAG,CAAC,KAAK,EAAE,CAAC;QACd,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,wBAAwB,GAAG,WAAW,CAAC,CAAC,EAAU,EAAE,EAAE;QAC1D,MAAM,GAAG,GAAG,UAAU,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QACvC,IAAI,GAAG,KAAK,SAAS,EAAE,CAAC;YACtB,YAAY,CAAC,GAAG,CAAC,CAAC;YAClB,UAAU,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;QAChC,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,kBAAkB,GAAG,WAAW,CACpC,CAAC,IAA6B,EAAQ,EAAE;QACtC,IAAI,IAAI,CAAC,MAAM,KAAK,sBAAsB,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YAC1D,MAAM,MAAM,GAAG,IAAI,CAAC,MAAiC,CAAC;YACtD,IAAI,OAAO,MAAM,CAAC,EAAE,KAAK,QAAQ,IAAI,OAAO,MAAM,CAAC,IAAI,KAAK,QAAQ,IAAI,OAAO,MAAM,CAAC,SAAS,KAAK,QAAQ,EAAE,CAAC;gBAC7G,MAAM,YAAY,GAAqB;oBACrC,EAAE,EAAE,MAAM,CAAC,EAAE;oBACb,IAAI,EAAE,MAAM,CAAC,IAAI;oBACjB,MAAM,EAAE,OAAO,MAAM,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI;oBAChE,KAAK,EAAE,OAAO,MAAM,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS;oBAClE,aAAa,EAAE,OAAO,MAAM,CAAC,aAAa,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE;oBACnF,SAAS,EAAE,MAAM,CAAC,SAAS;oBAC3B,UAAU,EAAE,IAAI,CAAC,GAAG,EAAE;iBACvB,CAAC;gBACF,uBAAuB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC;gBACzD,MAAM,WAAW,GAAG,MAAM,CAAC,SAAS,GAAG,IAAI,CAAC;gBAC5C,MAAM,GAAG,GAAG,UAAU,CAAC,GAAG,EAAE;oBAC1B,UAAU,CAAC,OAAO,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;oBAC3C,uBAAuB,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,YAAY,CAAC,EAAE,CAAC,CAAC,CAAC;oBAC5E,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,IAAI,EAAE,wBAAwB,EAAE,EAAE,EAAE,YAAY,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;gBACtG,CAAC,EAAE,WAAW,CAAC,CAAC;gBAChB,UAAU,CAAC,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC;YAC/C,CAAC;QACH,CAAC;QAED,IAAI,IAAI,CAAC,MAAM,KAAK,kBAAkB,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YACtD,MAAM,MAAM,GAAG,IAAI,CAAC,MAAiC,CAAC;YACtD,IACE,OAAO,MAAM,CAAC,MAAM,KAAK,QAAQ;gBACjC,OAAO,MAAM,CAAC,KAAK,KAAK,QAAQ;gBAChC,cAAc,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC;gBAChC,iBAAiB,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,EACrC,CAAC;gBACD,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC;gBACjC,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAiB,CAAC;gBAC1C,UAAU,CAAC,IAAI,CAAC,EAAE;oBAChB,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;wBACtB,gBAAgB,CAAC,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;wBACnD,OAAO,IAAI,CAAC;oBACd,CAAC;oBACD,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBACnF,CAAC,CAAC,CAAC;YACL,CAAC;QACH,CAAC;QAED,IAAI,IAAI,CAAC,MAAM,KAAK,sBAAsB,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YAC1D,MAAM,MAAM,GAAG,IAAI,CAAC,MAAiC,CAAC;YACtD,IACE,OAAO,MAAM,CAAC,MAAM,KAAK,QAAQ;gBACjC,OAAO,MAAM,CAAC,IAAI,KAAK,QAAQ;gBAC/B,iBAAiB,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,EACrC,CAAC;gBACD,MAAM,OAAO,GAAG,GAAG,MAAM,CAAC,MAAM,IAAI,MAAM,CAAC,IAAI,EAAE,CAAC;gBAClD,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC;YACrD,CAAC;QACH,CAAC;QAED,IAAI,IAAI,CAAC,MAAM,KAAK,oBAAoB,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YACxD,MAAM,MAAM,GAAG,IAAI,CAAC,MAAiC,CAAC;YACtD,IACE,OAAO,MAAM,CAAC,MAAM,KAAK,QAAQ;gBACjC,OAAO,MAAM,CAAC,IAAI,KAAK,QAAQ;gBAC/B,iBAAiB,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,EACrC,CAAC;gBACD,MAAM,OAAO,GAAG,GAAG,MAAM,CAAC,MAAM,IAAI,MAAM,CAAC,IAAI,EAAE,CAAC;gBAClD,cAAc,CAAC,IAAI,CAAC,EAAE;oBACpB,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC;oBAC3B,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;oBACrB,OAAO,IAAI,CAAC;gBACd,CAAC,CAAC,CAAC;YACL,CAAC;QACH,CAAC;IACH,CAAC,EACD,CAAC,UAAU,EAAE,cAAc,EAAE,uBAAuB,EAAE,gBAAgB,CAAC,CACxE,CAAC;IAEF,OAAO,EAAE,kBAAkB,EAAE,wBAAwB,EAAE,CAAC;AAC1D,CAAC,CAAC;AAEF,OAAO,EAAE,sBAAsB,EAAE,CAAC"}

package/dist/side-panel/hooks/useTheme.d.ts

@@ -0,0 +1,8 @@
+type Theme = 'light' | 'dark';
+declare const useTheme: () => {
+    theme: Theme;
+    toggleTheme: () => void;
+};
+export { useTheme };
+export type { Theme };
+//# sourceMappingURL=useTheme.d.ts.map

package/dist/side-panel/hooks/useTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../../src/side-panel/hooks/useTheme.ts"],"names":[],"mappings":"AAEA,KAAK,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;AAQ9B,QAAA,MAAM,QAAQ,QAAO;IAAE,KAAK,EAAE,KAAK,CAAC;IAAC,WAAW,EAAE,MAAM,IAAI,CAAA;CA8B3D,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,KAAK,EAAE,CAAC"}

package/dist/side-panel/hooks/useTheme.js

@@ -0,0 +1,30 @@
+import { useState, useEffect, useCallback } from 'react';
+const STORAGE_KEY = 'theme';
+const applyTheme = (theme) => {
+    document.documentElement.classList.toggle('dark', theme === 'dark');
+};
+const useTheme = () => {
+    const [theme, setTheme] = useState(() => document.documentElement.classList.contains('dark') ? 'dark' : 'light');
+    useEffect(() => {
+        chrome.storage.local.get(STORAGE_KEY).then(result => {
+            const stored = result[STORAGE_KEY];
+            if (stored === 'light' || stored === 'dark') {
+                setTheme(stored);
+                applyTheme(stored);
+            }
+        }, () => {
+            // Storage unavailable — keep current theme from dark-mode.js
+        });
+    }, []);
+    const toggleTheme = useCallback(() => {
+        const next = document.documentElement.classList.contains('dark') ? 'light' : 'dark';
+        applyTheme(next);
+        setTheme(next);
+        chrome.storage.local.set({ [STORAGE_KEY]: next }).catch(() => {
+            // Storage write failed — theme is still applied visually
+        });
+    }, []);
+    return { theme, toggleTheme };
+};
+export { useTheme };
+//# sourceMappingURL=useTheme.js.map

package/dist/side-panel/hooks/useTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTheme.js","sourceRoot":"","sources":["../../../src/side-panel/hooks/useTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAIzD,MAAM,WAAW,GAAG,OAAO,CAAC;AAE5B,MAAM,UAAU,GAAG,CAAC,KAAY,EAAQ,EAAE;IACxC,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,KAAK,MAAM,CAAC,CAAC;AACtE,CAAC,CAAC;AAEF,MAAM,QAAQ,GAAG,GAA8C,EAAE;IAC/D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAQ,GAAG,EAAE,CAC7C,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CACvE,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,IAAI,CACxC,MAAM,CAAC,EAAE;YACP,MAAM,MAAM,GAAG,MAAM,CAAC,WAAW,CAAuB,CAAC;YACzD,IAAI,MAAM,KAAK,OAAO,IAAI,MAAM,KAAK,MAAM,EAAE,CAAC;gBAC5C,QAAQ,CAAC,MAAM,CAAC,CAAC;gBACjB,UAAU,CAAC,MAAM,CAAC,CAAC;YACrB,CAAC;QACH,CAAC,EACD,GAAG,EAAE;YACH,6DAA6D;QAC/D,CAAC,CACF,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,MAAM,IAAI,GAAU,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;QAC3F,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,QAAQ,CAAC,IAAI,CAAC,CAAC;QACf,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,WAAW,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE;YAC3D,yDAAyD;QAC3D,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC;AAChC,CAAC,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/side-panel/index.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/side-panel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/side-panel/index.tsx"],"names":[],"mappings":""}

package/dist/side-panel/index.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { App } from './App.js';
+import { ErrorBoundary } from './components/ErrorBoundary.js';
+import { StrictMode } from 'react';
+import { createRoot } from 'react-dom/client';
+const rootEl = document.getElementById('root');
+if (!rootEl) {
+    throw new Error('Root element not found');
+}
+const root = createRoot(rootEl);
+root.render(_jsx(StrictMode, { children: _jsx(ErrorBoundary, { children: _jsx(App, {}) }) }));
+//# sourceMappingURL=index.js.map

package/dist/side-panel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/side-panel/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,MAAM,MAAM,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;AAC/C,IAAI,CAAC,MAAM,EAAE,CAAC;IACZ,MAAM,IAAI,KAAK,CAAC,wBAAwB,CAAC,CAAC;AAC5C,CAAC;AAED,MAAM,IAAI,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC;AAChC,IAAI,CAAC,MAAM,CACT,KAAC,UAAU,cACT,KAAC,aAAa,cACZ,KAAC,GAAG,KAAG,GACO,GACL,CACd,CAAC"}

package/dist/side-panel/lib/cn.d.ts

@@ -0,0 +1,3 @@
+import type { ClassNameValue } from 'tailwind-merge';
+export declare const cn: (...classes: ClassNameValue[]) => string;
+//# sourceMappingURL=cn.d.ts.map

package/dist/side-panel/lib/cn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../../src/side-panel/lib/cn.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD,eAAO,MAAM,EAAE,GAAI,GAAG,SAAS,cAAc,EAAE,WAAiC,CAAC"}

package/dist/side-panel/lib/cn.js

@@ -0,0 +1,4 @@
+import classNames from 'clsx';
+import { twMerge } from 'tailwind-merge';
+export const cn = (...classes) => twMerge(classNames(classes));
+//# sourceMappingURL=cn.js.map

package/dist/side-panel/lib/cn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.js","sourceRoot":"","sources":["../../../src/side-panel/lib/cn.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAGzC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,OAAyB,EAAE,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC"}

package/dist/side-panel/lib/utils.d.ts

@@ -0,0 +1,3 @@
+import type { ClassNameValue } from 'tailwind-merge';
+export declare const cn: (...classes: ClassNameValue[]) => string;
+//# sourceMappingURL=utils.d.ts.map

package/dist/side-panel/lib/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/side-panel/lib/utils.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD,eAAO,MAAM,EAAE,GAAI,GAAG,SAAS,cAAc,EAAE,WAAiC,CAAC"}

package/dist/side-panel/lib/utils.js

@@ -0,0 +1,4 @@
+import classNames from 'clsx';
+import { twMerge } from 'tailwind-merge';
+export const cn = (...classes) => twMerge(classNames(classes));
+//# sourceMappingURL=utils.js.map

package/dist/side-panel/lib/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/side-panel/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAGzC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,OAAyB,EAAE,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC"}