rune-lab 0.1.2 → 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,7 +47,7 @@ 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;

package/dist/state/language.svelte.js

@@ -1,7 +1,7 @@
-// client/sdk/state/src/config/language.svelte.ts
+// sdk/state/src/language.svelte.ts
 import { createConfigStore, } from "./createConfigStore.svelte";
 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: "🇲🇽" },

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/ui/components/ApiMonitor.svelte.d.ts

@@ -0,0 +1,3 @@
+declare const ApiMonitor: import("svelte").Component<Record<string, never>, {}, "">;
+type ApiMonitor = ReturnType<typeof ApiMonitor>;
+export default ApiMonitor;

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/ui/components/Icon.svelte.d.ts

@@ -0,0 +1,9 @@
+type $$ComponentProps = {
+    name: string;
+    size?: string;
+    class?: string;
+    icons?: Record<string, string>;
+};
+declare const Icon: import("svelte").Component<$$ComponentProps, {}, "">;
+type Icon = ReturnType<typeof Icon>;
+export default Icon;

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

@@ -10,14 +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 { localStorageDriver } from "../persistence/drivers";
-    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;
@@ -42,9 +40,6 @@
     const apiStore = createApiStore();
     const toastStore = createToastStore();
 
-    // Wire global toast bridge
-    wire(toastStore);
-
     // Capture the initial persistence prop to avoid Svelte 5 reactive capture warnings
     // Default to localStorageDriver to ensure UI selectors persist across browser page reloads
     const initialPersistence = untrack(

package/dist/ui/components/RuneProvider.svelte.d.ts

@@ -0,0 +1,22 @@
+import { type Snippet } from "svelte";
+import type { PersistenceDriver } from "@internal/core";
+import type { AppData } from "@internal/state";
+export interface RuneLabConfig {
+    persistence?: PersistenceDriver;
+    app?: Partial<AppData>;
+    apiUrl?: string;
+    apiHealthCheck?: () => Promise<boolean>;
+    favicon?: string;
+    manageHead?: boolean;
+    dictionary?: Record<string, any>;
+    locales?: readonly string[];
+    onLanguageChange?: (code: string) => void;
+    onThemeChange?: (name: string) => void;
+}
+type $$ComponentProps = {
+    children: Snippet;
+    config?: RuneLabConfig;
+};
+declare const RuneProvider: import("svelte").Component<$$ComponentProps, {}, "">;
+type RuneProvider = ReturnType<typeof RuneProvider>;
+export default RuneProvider;

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/ui/components/Toaster.svelte.d.ts

@@ -0,0 +1,18 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Toaster: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Toaster = InstanceType<typeof Toaster>;
+export default Toaster;

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 }>();
 

package/dist/ui/features/command-palette/CommandPalette.svelte.d.ts

@@ -0,0 +1,6 @@
+type $$ComponentProps = {
+    shortcutKey?: string;
+};
+declare const CommandPalette: import("svelte").Component<$$ComponentProps, {}, "">;
+type CommandPalette = ReturnType<typeof CommandPalette>;
+export default CommandPalette;

package/dist/ui/features/config/AppSettingSelector.svelte.d.ts

@@ -0,0 +1,13 @@
+import { type Snippet } from "svelte";
+type $$ComponentProps = {
+    options: any[];
+    value: any;
+    item: Snippet<[any]>;
+    triggerLabel: Snippet<[any]>;
+    tooltip?: string;
+    direction?: "top" | "bottom" | "left" | "right" | "end" | "auto";
+    responsive?: boolean;
+};
+declare const AppSettingSelector: import("svelte").Component<$$ComponentProps, {}, "">;
+type AppSettingSelector = ReturnType<typeof AppSettingSelector>;
+export default AppSettingSelector;

package/dist/{features → ui/features}/config/CurrencySelector.svelte

@@ -3,7 +3,7 @@
     import {
         getCurrencyStore,
         type Currency,
-    } from "../../state/currency.svelte";
+    } from "@internal/state";
     import * as rlMessages from "../../paraglide/messages.js";
     import { getContext } from "svelte";
 

package/dist/ui/features/config/CurrencySelector.svelte.d.ts

@@ -0,0 +1,8 @@
+type $$ComponentProps = {
+    codes?: string[];
+    current?: string;
+    onchange?: (value: string) => void;
+};
+declare const CurrencySelector: import("svelte").Component<$$ComponentProps, {}, "current">;
+type CurrencySelector = ReturnType<typeof CurrencySelector>;
+export default CurrencySelector;

package/dist/{features → ui/features}/config/LanguageSelector.svelte

@@ -1,9 +1,6 @@
 <script lang="ts">
     import AppSettingSelector from "./AppSettingSelector.svelte";
-    import {
-        getLanguageStore,
-        type Language,
-    } from "../../state/language.svelte";
+    import { getLanguageStore, type Language } from "@internal/state";
     import * as rlMessages from "../../paraglide/messages.js";
     import { getContext } from "svelte";
     import { setLocale } from "../../paraglide/runtime";

package/dist/ui/features/config/LanguageSelector.svelte.d.ts

@@ -0,0 +1,8 @@
+type $$ComponentProps = {
+    languages?: ReadonlyArray<string>;
+    current?: string;
+    onchange?: (value: string) => void;
+};
+declare const LanguageSelector: import("svelte").Component<$$ComponentProps, {}, "current">;
+type LanguageSelector = ReturnType<typeof LanguageSelector>;
+export default LanguageSelector;

package/dist/{features → ui/features}/config/ThemeSelector.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
     import AppSettingSelector from "./AppSettingSelector.svelte";
-    import { getThemeStore, type Theme } from "../../state/theme.svelte";
+    import { getThemeStore, type Theme } from "@internal/state";
     import * as rlMessages from "../../paraglide/messages.js";
     import { getContext } from "svelte";
 

package/dist/ui/features/config/ThemeSelector.svelte.d.ts

@@ -0,0 +1,8 @@
+type $$ComponentProps = {
+    themes?: string[];
+    current?: string;
+    onchange?: (value: string) => void;
+};
+declare const ThemeSelector: import("svelte").Component<$$ComponentProps, {}, "current">;
+type ThemeSelector = ReturnType<typeof ThemeSelector>;
+export default ThemeSelector;