rune-lab 0.1.1 → 0.2.0

package/dist/core/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./internal/message-resolver";
+export * from "./persistence/types";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/sdk/core/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAE5C,cAAc,qBAAqB,CAAC"}

package/dist/core/index.js

@@ -0,0 +1,2 @@
+export * from "./internal/message-resolver";
+export * from "./persistence/types";

package/dist/{internal → core/internal}/message-resolver.d.ts

@@ -39,3 +39,4 @@ export declare function hasMessage(messages: MessageBundle, key: string): boolea
  */
 export declare function batchResolveMessages<T>(messages: MessageBundle, options: T[], config: MessageResolverConfig<T>): Record<string, string>;
 export {};
+//# sourceMappingURL=message-resolver.d.ts.map

package/dist/core/internal/message-resolver.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-resolver.d.ts","sourceRoot":"","sources":["../../../src/sdk/core/src/internal/message-resolver.ts"],"names":[],"mappings":"AAGA;;;;;GAKG;AAEH,KAAK,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,MAAM,CAAC,CAAC;AAEhE,UAAU,qBAAqB,CAAC,CAAC;IAC/B;;;OAGG;IACH,YAAY,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,MAAM,CAAC;IAEpC;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;CAC1C;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,qBAAqB,CAAC,CAAC,EACrC,QAAQ,EAAE,aAAa,EACvB,MAAM,EAAE,qBAAqB,CAAC,CAAC,CAAC,IAExB,QAAQ,CAAC,KAAG,MAAM,CAmB3B;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,QAAQ,EAAE,aAAa,EAAE,GAAG,EAAE,MAAM,GAAG,OAAO,CAExE;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,EACpC,QAAQ,EAAE,aAAa,EACvB,OAAO,EAAE,CAAC,EAAE,EACZ,MAAM,EAAE,qBAAqB,CAAC,CAAC,CAAC,GAC/B,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAQxB"}

package/dist/{persistence → core/persistence}/types.d.ts

@@ -15,3 +15,4 @@ export interface PersistenceDriver {
      */
     remove(key: string): void;
 }
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/sdk/core/src/persistence/types.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,GAAG,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAChC;;OAEG;IACH,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACtC;;OAEG;IACH,MAAM,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B"}

package/dist/index.d.ts

@@ -1,30 +1,2 @@
-export { createConfigStore } from "./state/createConfigStore.svelte";
-export { createMessageResolver } from "./internal/message-resolver";
-export { RUNE_LAB_CONTEXT } from "./context";
-export type { PersistenceDriver } from "./persistence/types";
-export { cookieDriver, inMemoryDriver, localStorageDriver, sessionStorageDriver, } from "./persistence/drivers";
-export { type RuneLabContext, useRuneLab } from "./composables/useRuneLab.js";
-export { usePersistence } from "./composables/usePersistence.js";
-export { portal } from "./actions/portal";
-export { default as RuneProvider } from "./components/RuneProvider.svelte";
-export { default as Icon } from "./components/Icon.svelte";
-export { default as Toaster } from "./components/Toaster.svelte";
-export { default as ApiMonitor } from "./components/ApiMonitor.svelte";
-export { default as CommandPalette } from "./features/command-palette/CommandPalette.svelte";
-export { default as ShortcutPalette } from "./features/shortcuts/ShortcutPalette.svelte";
-export { default as WorkspaceLayout, type WorkspaceLayoutProps, } from "./layout/WorkspaceLayout.svelte";
-export { default as WorkspaceStrip } from "./layout/WorkspaceStrip.svelte";
-export { default as NavigationPanel } from "./layout/NavigationPanel.svelte";
-export { default as ContentArea } from "./layout/ContentArea.svelte";
-export { default as DetailPanel } from "./layout/DetailPanel.svelte";
-export { default as ConnectedNavigationPanel } from "./features/layout/smart/ConnectedNavigationPanel.svelte";
-export { default as ConnectedWorkspaceStrip } from "./features/layout/smart/ConnectedWorkspaceStrip.svelte";
-export { default as AppSettingSelector } from "./features/config/AppSettingSelector.svelte";
-export { default as ThemeSelector } from "./features/config/ThemeSelector.svelte";
-export { default as LanguageSelector } from "./features/config/LanguageSelector.svelte";
-export { default as CurrencySelector } from "./features/config/CurrencySelector.svelte";
-export { createApiStore, createAppStore, createCommandStore, createCurrencyStore, createLanguageStore, createLayoutStore, createShortcutStore, createThemeStore, createToastBridge, createToastStore, getApiStore, getAppStore, getCommandStore, getCurrencyStore, getLanguageStore, getLayoutStore, getShortcutStore, getThemeStore, getToastStore, notify, } from "./state/index";
-export { default as AppStateInspector } from "./showcase/AppStateInspector.svelte";
-export type { AppData, Command, ConfigStore, Currency, Language, NavigationItem, NavigationSection, ShortcutEntry, Theme, WorkspaceItem, } from "./state/index";
-export type { ConnectionState } from "./state/api.svelte";
-export * as sdkMessages from "./paraglide/messages.js";
+export * from "./ui/index.js";
+export { cookieDriver, localStorageDriver, sessionStorageDriver } from "./state/index.js";

package/dist/index.js

@@ -1,40 +1,2 @@
-// src/lib/index.ts
-// Public surface of rune-lab.
-// ── Devtools utilities ────────────────────────────────────────────────────────
-export { createConfigStore } from "./state/createConfigStore.svelte";
-export { createMessageResolver } from "./internal/message-resolver";
-export { RUNE_LAB_CONTEXT } from "./context";
-export { cookieDriver, inMemoryDriver, localStorageDriver, sessionStorageDriver, } from "./persistence/drivers";
-// ── Composables ───────────────────────────────────────────────────────────────
-export { useRuneLab } from "./composables/useRuneLab.js";
-export { usePersistence } from "./composables/usePersistence.js";
-// ── Actions ───────────────────────────────────────────────────────────────────
-export { portal } from "./actions/portal";
-// ── UI Components ─────────────────────────────────────────────────────────────
-// Core primitives
-export { default as RuneProvider } from "./components/RuneProvider.svelte";
-export { default as Icon } from "./components/Icon.svelte";
-// Core overlays
-export { default as Toaster } from "./components/Toaster.svelte";
-export { default as ApiMonitor } from "./components/ApiMonitor.svelte";
-export { default as CommandPalette } from "./features/command-palette/CommandPalette.svelte";
-export { default as ShortcutPalette } from "./features/shortcuts/ShortcutPalette.svelte";
-// Layout - Dumb Primitives
-export { default as WorkspaceLayout, } from "./layout/WorkspaceLayout.svelte";
-export { default as WorkspaceStrip } from "./layout/WorkspaceStrip.svelte";
-export { default as NavigationPanel } from "./layout/NavigationPanel.svelte";
-export { default as ContentArea } from "./layout/ContentArea.svelte";
-export { default as DetailPanel } from "./layout/DetailPanel.svelte";
-// Layout - Smart Connected Components
-export { default as ConnectedNavigationPanel } from "./features/layout/smart/ConnectedNavigationPanel.svelte";
-export { default as ConnectedWorkspaceStrip } from "./features/layout/smart/ConnectedWorkspaceStrip.svelte";
-// Setting selectors
-export { default as AppSettingSelector } from "./features/config/AppSettingSelector.svelte";
-export { default as ThemeSelector } from "./features/config/ThemeSelector.svelte";
-export { default as LanguageSelector } from "./features/config/LanguageSelector.svelte";
-export { default as CurrencySelector } from "./features/config/CurrencySelector.svelte";
-// ── Stores ────────────────────────────────────────────────────────────────────
-export { createApiStore, createAppStore, createCommandStore, createCurrencyStore, createLanguageStore, createLayoutStore, createShortcutStore, createThemeStore, createToastBridge, createToastStore, getApiStore, getAppStore, getCommandStore, getCurrencyStore, getLanguageStore, getLayoutStore, getShortcutStore, getThemeStore, getToastStore, notify, } from "./state/index";
-export { default as AppStateInspector } from "./showcase/AppStateInspector.svelte";
-// ── Paraglide compiled messages ───────────────────────────────────────────────
-export * as sdkMessages from "./paraglide/messages.js";
+export * from "./ui/index.js";
+export { cookieDriver, localStorageDriver, sessionStorageDriver } from "./state/index.js";

package/dist/state/api.svelte.js

@@ -1,5 +1,6 @@
 import { getContext } from "svelte";
-import { RUNE_LAB_CONTEXT } from "../context";
+import { RUNE_LAB_CONTEXT } from "./context";
+import { DEV } from 'esm-env';
 export class ApiStore {
     // State
     url = $state("http://localhost:8000");
@@ -34,7 +35,7 @@ export class ApiStore {
             }
             else {
                 // Simulate connection if no health check provided
-                if (import.meta.env.DEV) {
+                if (DEV) {
                     console.warn("[rune-lab] ApiStore: No healthCheck provided to init(). Using simulated connection delay.");
                 }
                 await new Promise((resolve) => setTimeout(resolve, 1500));

package/dist/state/app.svelte.js

@@ -1,6 +1,7 @@
 // src/lib/stores/app-config.svelte.ts
 import { getContext } from "svelte";
-import { RUNE_LAB_CONTEXT } from "../context";
+import { RUNE_LAB_CONTEXT } from "./context";
+import { DEV } from 'esm-env';
 /**
  * App Store
  * Manages application metadata and identity
@@ -21,7 +22,7 @@ export class AppStore {
      */
     init(data) {
         if (this.#initialized) {
-            if (import.meta.env?.DEV) {
+            if (DEV) {
                 console.warn("AppStore.init() called multiple times. Ignoring subsequent calls.", "Overwritten properties would have been:", data);
             }
             return;

package/dist/state/commands.svelte.js

@@ -1,5 +1,5 @@
-import { getContext, untrack } from "svelte";
-import { RUNE_LAB_CONTEXT } from "../context";
+import { getContext } from "svelte";
+import { RUNE_LAB_CONTEXT } from "./context";
 export class CommandStore {
     // Dependency Injection
     #services;

package/dist/{composables → state/composables}/usePersistence.d.ts

@@ -1,2 +1,2 @@
-import type { PersistenceDriver } from "../persistence/types";
+import type { PersistenceDriver } from "@internal/core";
 export declare function usePersistence(): PersistenceDriver | undefined;

package/dist/{composables → state/composables}/useRuneLab.d.ts

@@ -1,4 +1,4 @@
-import { getApiStore, getAppStore, getCommandStore, getCurrencyStore, getLanguageStore, getLayoutStore, getShortcutStore, getThemeStore, getToastStore } from "../state/index";
+import { getApiStore, getAppStore, getCommandStore, getCurrencyStore, getLanguageStore, getLayoutStore, getShortcutStore, getThemeStore, getToastStore } from "../index";
 export interface RuneLabContext {
     app: ReturnType<typeof getAppStore>;
     api: ReturnType<typeof getApiStore>;

package/dist/{composables → state/composables}/useRuneLab.js

@@ -1,5 +1,5 @@
 // src/lib/composables/useRuneLab.ts
-import { getApiStore, getAppStore, getCommandStore, getCurrencyStore, getLanguageStore, getLayoutStore, getShortcutStore, getThemeStore, getToastStore, } from "../state/index";
+import { getApiStore, getAppStore, getCommandStore, getCurrencyStore, getLanguageStore, getLayoutStore, getShortcutStore, getThemeStore, getToastStore, } from "../index";
 /**
  * Retrieves all Rune Lab stores from the Svelte context tree.
  * Must be called during component initialization (in the `<script>` block).

package/dist/state/createConfigStore.svelte.d.ts

@@ -1,4 +1,4 @@
-import { type PersistenceDriver } from "../persistence/types";
+import { type PersistenceDriver } from "@internal/core";
 export type ConfigStore<T extends ConfigItem> = {
     current: T[keyof T];
     available: T[];

package/dist/state/createConfigStore.svelte.js

@@ -1,6 +1,6 @@
 // client/sdk/devtools/src/patterns/createConfigStore.svelte.ts
-import {} from "../persistence/types";
-import { createInMemoryDriver } from "../persistence/drivers";
+import { createInMemoryDriver } from "./persistence/drivers";
+import { DEV } from 'esm-env';
 /**
  * Creates a reactive configuration store with persistence
  */
@@ -15,7 +15,7 @@ export function createConfigStore(options) {
             if (saved && this.get(saved)) {
                 this.current = saved;
             }
-            if (import.meta.env?.DEV) {
+            if (DEV) {
                 console.log(`${icon} ${displayName} configured:`, {
                     current: this.current,
                 });

package/dist/state/currency.svelte.d.ts

@@ -8,7 +8,7 @@ export interface Currency {
     symbol: string;
     decimals: number;
 }
-import type { PersistenceDriver } from "../persistence/types";
+import type { PersistenceDriver } from "@internal/core";
 export declare function createCurrencyStore(driver?: PersistenceDriver | (() => PersistenceDriver | undefined)): {
     current: string | number;
     available: Currency[];

package/dist/state/currency.svelte.js

@@ -1,6 +1,6 @@
 import { createConfigStore, } from "./createConfigStore.svelte";
 import { getContext } from "svelte";
-import { RUNE_LAB_CONTEXT } from "../context";
+import { RUNE_LAB_CONTEXT } from "./context";
 const CURRENCIES = [
     { code: "USD", symbol: "$", decimals: 2 },
     { code: "EUR", symbol: "€", decimals: 2 },

package/dist/state/daisyui.d.ts

@@ -0,0 +1,4 @@
+declare module "daisyui/functions/themeOrder.js" {
+  const themeOrder: string[];
+  export default themeOrder;
+}

package/dist/state/index.d.ts

@@ -1,3 +1,8 @@
+export { RUNE_LAB_CONTEXT } from "./context";
+export { useRuneLab } from "./composables/useRuneLab";
+export type { RuneLabContext } from "./composables/useRuneLab";
+export { usePersistence } from "./composables/usePersistence";
+export { cookieDriver, createInMemoryDriver, inMemoryDriver, localStorageDriver, sessionStorageDriver, } from "./persistence/drivers";
 export { type AppData, AppStore, createAppStore, getAppStore, } from "./app.svelte";
 export { createLayoutStore, getLayoutStore, LayoutStore, type NavigationItem, type NavigationSection, type WorkspaceItem, } from "./layout.svelte";
 export { ApiStore, type ConnectionState, createApiStore, getApiStore, } from "./api.svelte";

package/dist/state/index.js

@@ -1,5 +1,12 @@
-// src/lib/state/index.ts
-// Unified public barrel for all application-level state.
+// sdk/state/src/index.ts
+// Unified public barrel for @internal/state
+// ── Context ───────────────────────────────────────────────────────────────────
+export { RUNE_LAB_CONTEXT } from "./context";
+// ── Composables ───────────────────────────────────────────────────────────────
+export { useRuneLab } from "./composables/useRuneLab";
+export { usePersistence } from "./composables/usePersistence";
+// ── Persistence Drivers ───────────────────────────────────────────────────────
+export { cookieDriver, createInMemoryDriver, inMemoryDriver, localStorageDriver, sessionStorageDriver, } from "./persistence/drivers";
 // Stores
 export { AppStore, createAppStore, getAppStore, } from "./app.svelte";
 export { createLayoutStore, getLayoutStore, LayoutStore, } from "./layout.svelte";

package/dist/state/language.svelte.d.ts

@@ -47,10 +47,11 @@ export declare const LANGUAGES: readonly [{
     readonly code: "vi";
     readonly flag: "🇻🇳";
 }];
-import type { PersistenceDriver } from "../persistence/types";
+import type { PersistenceDriver } from "@internal/core";
 export interface LanguageStoreOptions {
     driver?: PersistenceDriver | (() => PersistenceDriver | undefined);
     onLocaleChange?: (code: string) => void;
+    locales?: readonly string[];
 }
 export declare function createLanguageStore(options?: LanguageStoreOptions): {
     current: string | undefined;

package/dist/state/language.svelte.js

@@ -1,8 +1,7 @@
-// client/sdk/state/src/config/language.svelte.ts
+// sdk/state/src/language.svelte.ts
 import { createConfigStore, } from "./createConfigStore.svelte";
-import { setLocale } from "../paraglide/runtime.js";
 import { getContext } from "svelte";
-import { RUNE_LAB_CONTEXT } from "../context";
+import { RUNE_LAB_CONTEXT } from "./context";
 export const LANGUAGES = [
     // --- INDOEUROPEAS (Rama Romance / Latín) ---
     { code: "es", flag: "🇲🇽" },
@@ -27,28 +26,17 @@ export function createLanguageStore(options) {
     const driver = typeof options?.driver === "function"
         ? options.driver()
         : options?.driver;
+    const items = options?.locales
+        ? LANGUAGES.filter((l) => options.locales.includes(l.code))
+        : LANGUAGES;
     const store = createConfigStore({
-        items: LANGUAGES,
+        items,
         storageKey: "language",
         displayName: "Language",
         idKey: "code",
         icon: "🌍",
         driver,
     });
-    // Sync Paraglide locale with languageStore
-    if (typeof window !== "undefined") {
-        $effect.root(() => {
-            $effect(() => {
-                const currentCode = store.current;
-                if (options?.onLocaleChange) {
-                    options.onLocaleChange(currentCode);
-                }
-                else {
-                    setLocale(currentCode);
-                }
-            });
-        });
-    }
     return store;
 }
 export function getLanguageStore() {

package/dist/state/layout.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { PersistenceDriver } from "../persistence/types";
+import type { PersistenceDriver } from "@internal/core";
 export interface WorkspaceItem {
     id: string;
     icon: string;

package/dist/state/layout.svelte.js

@@ -1,6 +1,6 @@
 // src/lib/state/layout.svelte.ts
 import { getContext } from "svelte";
-import { RUNE_LAB_CONTEXT } from "../context";
+import { RUNE_LAB_CONTEXT } from "./context";
 export class LayoutStore {
     workspaces = $state([]);
     activeWorkspaceId = $state(null);

package/dist/{persistence → state/persistence}/drivers.d.ts

@@ -1,4 +1,4 @@
-import type { PersistenceDriver } from "./types";
+import type { PersistenceDriver } from "@internal/core";
 export declare function createInMemoryDriver(): PersistenceDriver;
 export declare const inMemoryDriver: PersistenceDriver;
 export declare const localStorageDriver: PersistenceDriver;

package/dist/{persistence → state/persistence}/drivers.js

@@ -1,4 +1,4 @@
-import { browser } from "$app/environment";
+import { BROWSER as browser } from "esm-env";
 export function createInMemoryDriver() {
     const store = new Map();
     return {

package/dist/state/shortcuts.svelte.js

@@ -1,6 +1,7 @@
 import hotkeys from "hotkeys-js";
 import { getContext, untrack } from "svelte";
-import { RUNE_LAB_CONTEXT } from "../context";
+import { RUNE_LAB_CONTEXT } from "./context";
+import { DEV } from 'esm-env';
 /**
  * Built-in layout shortcuts
  */
@@ -97,7 +98,7 @@ export class ShortcutStore {
         untrack(() => {
             const existingIndex = this.entries.findIndex((e) => e.id === entry.id);
             if (existingIndex !== -1) {
-                if (import.meta.env?.DEV) {
+                if (DEV) {
                     console.warn(`[ShortcutStore] Overwriting shortcut ID "${entry.id}"`, {
                         old: this.entries[existingIndex],
                         new: entry,
@@ -108,7 +109,7 @@ export class ShortcutStore {
             }
             // Check for collisions (keys + scope)
             const collision = this.entries.find((e) => e.keys === entry.keys && e.scope === entry.scope);
-            if (collision && import.meta.env?.DEV) {
+            if (collision && DEV) {
                 console.warn(`[ShortcutStore] Collision detected for keys "${entry.keys}" in scope "${entry.scope}". ` +
                     `ID "${entry.id}" will displace "${collision.id}".`);
             }

package/dist/state/theme.svelte.d.ts

@@ -3,7 +3,7 @@ export interface Theme {
     name: string;
     icon: string;
 }
-import type { PersistenceDriver } from "../persistence/types";
+import type { PersistenceDriver } from "@internal/core";
 export declare function createThemeStore(driver?: PersistenceDriver | (() => PersistenceDriver | undefined)): {
     current: string;
     available: Theme[];

package/dist/state/theme.svelte.js

@@ -1,8 +1,7 @@
 // client/packages/ui/src/state/theme-config.svelte.ts
 import { createConfigStore, } from "./createConfigStore.svelte";
 import { getContext } from "svelte";
-import { RUNE_LAB_CONTEXT } from "../context";
-import themeOrder from "daisyui/functions/themeOrder.js"; // has its own .d.ts
+import { RUNE_LAB_CONTEXT } from "./context";
 // Icon map for known themes - unknown ones fall back to 🎨
 const THEME_ICONS = {
     light: "🌞",
@@ -46,6 +45,7 @@ const THEMES = themeOrder.map((name) => ({
     name,
     icon: THEME_ICONS[name] ?? "🎨",
 }));
+import themeOrder from "daisyui/functions/themeOrder.js";
 export function createThemeStore(driver) {
     return createConfigStore({
         items: THEMES,

package/dist/state/toast.svelte.js

@@ -1,5 +1,5 @@
 import { getContext } from "svelte";
-import { RUNE_LAB_CONTEXT } from "../context";
+import { RUNE_LAB_CONTEXT } from "./context";
 export class ToastStore {
     toasts = $state([]);
     /**

package/dist/{actions → ui/actions}/portal.js

@@ -1,3 +1,4 @@
+import { DEV } from 'esm-env';
 /**
  * Svelte action to teleport a DOM element to a different target (e.g. body)
  */
@@ -7,7 +8,7 @@ export function portal(node, target = "body") {
     function update(newTarget) {
         if (typeof newTarget === "string") {
             targetNode = document.querySelector(newTarget);
-            if (!targetNode && import.meta.env?.DEV) {
+            if (!targetNode && DEV) {
                 console.warn(`portal target selector "${newTarget}" not found in document.`);
             }
         }

package/dist/{components → ui/components}/ApiMonitor.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-    import { getApiStore } from "../state/api.svelte";
-    import { getToastStore } from "../state/toast.svelte";
+    import { getApiStore } from "@internal/state";
+    import { getToastStore } from "@internal/state";
 
     const apiStore = getApiStore();
     const toastStore = getToastStore();

package/dist/{components → ui/components}/Icon.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-  import { getAppStore } from "../state/app.svelte";
+  import { getAppStore } from "@internal/state";
+  import { DEV } from "esm-env";
 
   /**
    * Simple Icon component for Rune Lab
@@ -63,7 +64,7 @@
     if (appStore?.customIcons?.[name]) return appStore.customIcons[name];
     if (paths[name]) return paths[name];
 
-    if (import.meta.env?.DEV) {
+    if (DEV) {
       console.warn(`[Icon] Unknown icon name: "${name}"`);
     }
     return paths.unknown;

package/dist/{components → ui/components}/RuneProvider.svelte

@@ -10,13 +10,12 @@
         createLanguageStore,
         createCurrencyStore,
         createShortcutStore,
-    } from "../state/index";
-    import { wire } from "../state/toast-bridge";
-    import { Toaster, CommandPalette, ShortcutPalette } from "../index";
-
-    import type { PersistenceDriver } from "../persistence/types";
-    import { RUNE_LAB_CONTEXT } from "../context";
-    import type { AppData } from "../state/app.svelte";
+    } from "@internal/state";
+    import type { PersistenceDriver } from "@internal/core";
+    import { localStorageDriver } from "@internal/state";
+    import { RUNE_LAB_CONTEXT } from "@internal/state";
+    import type { AppData } from "@internal/state";
+    import { CommandPalette, ShortcutPalette, Toaster } from "@internal/ui";
 
     export interface RuneLabConfig {
         persistence?: PersistenceDriver;
@@ -26,6 +25,9 @@
         favicon?: string;
         manageHead?: boolean;
         dictionary?: Record<string, any>;
+        locales?: readonly string[];
+        onLanguageChange?: (code: string) => void;
+        onThemeChange?: (name: string) => void;
     }
 
     let { children, config = {} } = $props<{
@@ -38,15 +40,17 @@
     const apiStore = createApiStore();
     const toastStore = createToastStore();
 
-    // Wire global toast bridge
-    wire(toastStore);
-
     // Capture the initial persistence prop to avoid Svelte 5 reactive capture warnings
-    const initialPersistence = untrack(() => config.persistence);
+    // Default to localStorageDriver to ensure UI selectors persist across browser page reloads
+    const initialPersistence = untrack(
+        () => config.persistence ?? localStorageDriver,
+    );
+    const initialLocales = untrack(() => config.locales);
 
     const themeStore = createThemeStore(initialPersistence);
     const languageStore = createLanguageStore({
         driver: initialPersistence,
+        locales: initialLocales,
     });
     const currencyStore = createCurrencyStore(initialPersistence);
     const shortcutStore = createShortcutStore();
@@ -85,7 +89,22 @@
     });
 
     $effect(() => {
-        if (config.apiUrl) apiStore.init(config.apiUrl, "v1", config.apiHealthCheck);
+        if (config.apiUrl)
+            apiStore.init(config.apiUrl, "v1", config.apiHealthCheck);
+    });
+
+    $effect(() => {
+        const code = languageStore.current as string;
+        if (config.onLanguageChange) {
+            config.onLanguageChange(code);
+        }
+    });
+
+    $effect(() => {
+        const name = themeStore.current as string;
+        if (config.onThemeChange) {
+            config.onThemeChange(name);
+        }
     });
 
     onMount(() => {

package/dist/{components → ui/components}/RuneProvider.svelte.d.ts

@@ -1,6 +1,6 @@
 import { type Snippet } from "svelte";
-import type { PersistenceDriver } from "../persistence/types";
-import type { AppData } from "../state/app.svelte";
+import type { PersistenceDriver } from "@internal/core";
+import type { AppData } from "@internal/state";
 export interface RuneLabConfig {
     persistence?: PersistenceDriver;
     app?: Partial<AppData>;
@@ -9,6 +9,9 @@ export interface RuneLabConfig {
     favicon?: string;
     manageHead?: boolean;
     dictionary?: Record<string, any>;
+    locales?: readonly string[];
+    onLanguageChange?: (code: string) => void;
+    onThemeChange?: (name: string) => void;
 }
 type $$ComponentProps = {
     children: Snippet;

package/dist/{components → ui/components}/Toaster.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { getToastStore } from "../state/toast.svelte";
+  import { getToastStore } from "@internal/state";
   import { portal } from "../actions/portal";
   import { flip } from "svelte/animate";
   import { fade, fly } from "svelte/transition";

package/dist/{features → ui/features}/command-palette/CommandPalette.svelte

@@ -1,9 +1,9 @@
 <!-- src/client/sdk/ui/src/features/config/CommandPalette.svelte -->
 <script lang="ts">
     import { onMount, tick } from "svelte";
-    import { getCommandStore, type Command } from "../../state/commands.svelte";
-    import { getShortcutStore } from "../../state/shortcuts.svelte";
-    import { Icon } from "../../index";
+    import { getCommandStore, type Command } from "@internal/state";
+    import { getShortcutStore } from "@internal/state";
+    import { Icon } from "@internal/ui";
 
     let { shortcutKey = "shift+k" } = $props<{ shortcutKey?: string }>();