@ytspar/devbar 1.0.0-canary.bf42899 → 1.0.0-canary.c511f13

package/dist/GlobalDevBar.d.ts

@@ -10,6 +10,8 @@
 import { getThemeColors } from './constants.js';
 import type { ConsoleLog, DebugConfig, DevBarControl, GlobalDevBarOptions, OutlineNode, PageSchema, SweetlinkCommand, ThemeMode } from './types.js';
 export type { ConsoleLog, DebugConfig, SweetlinkCommand, OutlineNode, PageSchema, GlobalDevBarOptions, DevBarControl, ThemeMode, };
+export type { DevBarPosition, DevBarSettings, MetricsVisibility } from './settings.js';
+export { ACCENT_COLOR_PRESETS, DEFAULT_SETTINGS, getSettingsManager } from './settings.js';
 interface EarlyConsoleCapture {
     errorCount: number;
     warningCount: number;
@@ -44,6 +46,8 @@ export declare class GlobalDevBar {
     private apiKeyStatus;
     private lastOutline;
     private lastSchema;
+    private savingOutline;
+    private savingSchema;
     private consoleFilter;
     private showOutlineModal;
     private showSchemaModal;
@@ -53,6 +57,11 @@ export declare class GlobalDevBar {
     private clsValue;
     private inpValue;
     private reconnectAttempts;
+    private readonly currentAppPort;
+    private readonly baseWsPort;
+    private wsVerified;
+    private serverProjectDir;
+    private verificationTimeout;
     private lastDotPosition;
     private reconnectTimeout;
     private screenshotTimeout;
@@ -74,6 +83,7 @@ export declare class GlobalDevBar {
     private compactMode;
     private showSettingsPopover;
     private overlayElement;
+    private settingsManager;
     constructor(options?: GlobalDevBarOptions);
     /**
      * Get tooltip class name(s) if tooltips are enabled, otherwise empty string
@@ -118,6 +128,14 @@ export declare class GlobalDevBar {
     private injectStyles;
     private connectWebSocket;
     private handleSweetlinkCommand;
+    /**
+     * Handle settings loaded from server
+     */
+    private handleSettingsLoaded;
+    /**
+     * Apply settings to the DevBar state and options
+     */
+    private applySettings;
     /**
      * Handle notification state updates with auto-clear timeout
      */
@@ -220,10 +238,26 @@ export declare class GlobalDevBar {
      * Create the settings gear button
      */
     private createSettingsButton;
+    /**
+     * Create the compact mode toggle button with chevron icon
+     */
+    private createCompactToggleButton;
+    /**
+     * Create a settings section with title
+     */
+    private createSettingsSection;
+    /**
+     * Create a toggle switch row
+     */
+    private createToggleRow;
     /**
      * Render the settings popover
      */
     private renderSettingsPopover;
+    /**
+     * Reset all settings to defaults
+     */
+    private resetToDefaults;
     private renderCollapsed;
     private renderExpanded;
     /**