@d34dman/flowdrop 0.0.51 → 0.0.53

package/dist/stores/categoriesStore.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Categories Store for FlowDrop
+ *
+ * Manages category definitions with merged defaults and API-provided overrides.
+ * Exposes lookup helpers for icon, color, and label resolution.
+ */
+import type { CategoryDefinition, NodeCategory } from '../types/index.js';
+/**
+ * Readable store of all category definitions, sorted by weight.
+ */
+export declare const categories: import("svelte/store").Readable<CategoryDefinition[]>;
+/**
+ * Initialize categories with API data, merging with defaults.
+ * API categories override defaults by name; custom categories are appended.
+ */
+export declare function initializeCategories(apiCategories: CategoryDefinition[]): void;
+/**
+ * Get the display label for a category.
+ */
+export declare function getCategoryLabel(category: NodeCategory): string;
+/**
+ * Get the icon for a category.
+ */
+export declare function getCategoryIcon(category: NodeCategory): string;
+/**
+ * Get the color token for a category.
+ */
+export declare function getCategoryColor(category: NodeCategory): string;
+/**
+ * Get the full category definition, or undefined if not found.
+ */
+export declare function getCategoryDefinition(category: NodeCategory): CategoryDefinition | undefined;

package/dist/stores/categoriesStore.js

@@ -0,0 +1,80 @@
+/**
+ * Categories Store for FlowDrop
+ *
+ * Manages category definitions with merged defaults and API-provided overrides.
+ * Exposes lookup helpers for icon, color, and label resolution.
+ */
+import { writable, derived, get } from 'svelte/store';
+import { DEFAULT_CATEGORIES } from '../config/defaultCategories.js';
+/**
+ * Internal writable store holding the category definitions.
+ * Initialized with defaults, updated when API data is fetched.
+ */
+const categoriesInternal = writable(DEFAULT_CATEGORIES);
+/**
+ * Derived lookup map: category name → CategoryDefinition
+ */
+const categoryMap = derived(categoriesInternal, ($categories) => {
+    const map = new Map();
+    for (const cat of $categories) {
+        map.set(cat.name, cat);
+    }
+    return map;
+});
+/**
+ * Readable store of all category definitions, sorted by weight.
+ */
+export const categories = derived(categoriesInternal, ($categories) => [...$categories].sort((a, b) => (a.weight ?? 999) - (b.weight ?? 999)));
+/**
+ * Initialize categories with API data, merging with defaults.
+ * API categories override defaults by name; custom categories are appended.
+ */
+export function initializeCategories(apiCategories) {
+    const defaultMap = new Map();
+    for (const cat of DEFAULT_CATEGORIES) {
+        defaultMap.set(cat.name, cat);
+    }
+    // API categories override defaults by name
+    for (const cat of apiCategories) {
+        defaultMap.set(cat.name, {
+            ...defaultMap.get(cat.name),
+            ...cat
+        });
+    }
+    categoriesInternal.set(Array.from(defaultMap.values()));
+}
+/**
+ * Get the display label for a category.
+ */
+export function getCategoryLabel(category) {
+    const map = get(categoryMap);
+    const def = map.get(category);
+    if (def?.label)
+        return def.label;
+    // Auto-generate: capitalize each word
+    return category
+        .split(/[\s_-]+/)
+        .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
+        .join(' ');
+}
+/**
+ * Get the icon for a category.
+ */
+export function getCategoryIcon(category) {
+    const map = get(categoryMap);
+    return map.get(category)?.icon ?? 'mdi:folder';
+}
+/**
+ * Get the color token for a category.
+ */
+export function getCategoryColor(category) {
+    const map = get(categoryMap);
+    return map.get(category)?.color ?? 'var(--fd-node-slate)';
+}
+/**
+ * Get the full category definition, or undefined if not found.
+ */
+export function getCategoryDefinition(category) {
+    const map = get(categoryMap);
+    return map.get(category);
+}

package/dist/stores/settingsStore.d.ts

@@ -5,11 +5,12 @@
  * - Hybrid persistence (localStorage primary, optional API sync)
  * - Category-specific derived stores for performance
  * - Deep merge support for partial updates
- * - Theme system compatibility (backward compatible with themeStore)
+ * - Integrated theme system with system preference detection
  *
  * @module stores/settingsStore
  */
-import type { FlowDropSettings, ThemeSettings, EditorSettings, UISettings, BehaviorSettings, ApiSettings, PartialSettings, SyncStatus, SettingsChangeCallback, SettingsCategory } from '../types/settings.js';
+import type { FlowDropSettings, ThemeSettings, EditorSettings, UISettings, BehaviorSettings, ApiSettings, PartialSettings, SyncStatus, ResolvedTheme, ThemePreference, SettingsChangeCallback, SettingsCategory } from '../types/settings.js';
+export type { ThemePreference, ResolvedTheme } from '../types/settings.js';
 /**
  * Main settings store (read-only access to current settings)
  */
@@ -42,6 +43,16 @@ export declare const behaviorSettings: import("svelte/store").Readable<BehaviorS
  * API settings store
  */
 export declare const apiSettings: import("svelte/store").Readable<ApiSettings>;
+/**
+ * Theme preference store
+ * Derived from themeSettings for convenient access
+ */
+export declare const theme: import("svelte/store").Readable<ThemePreference>;
+/**
+ * Resolved theme - the actual theme applied ('light' or 'dark')
+ * When preference is 'auto', resolves based on system preference
+ */
+export declare const resolvedTheme: import("svelte/store").Readable<ResolvedTheme>;
 /**
  * Update settings with partial values
  *
@@ -58,6 +69,37 @@ export declare function resetSettings(categories?: SettingsCategory[]): void;
  * Get current settings synchronously
  */
 export declare function getSettings(): FlowDropSettings;
+/**
+ * Set the theme preference
+ *
+ * @param newTheme - The new theme preference ('light', 'dark', or 'auto')
+ */
+export declare function setTheme(newTheme: ThemePreference): void;
+/**
+ * Toggle between light and dark themes
+ * If currently 'auto', switches to the opposite of system preference
+ */
+export declare function toggleTheme(): void;
+/**
+ * Cycle through theme options: light -> dark -> auto -> light
+ */
+export declare function cycleTheme(): void;
+/**
+ * Initialize the theme system
+ * Should be called once on app startup
+ *
+ * This function:
+ * 1. Applies the current resolved theme to the document
+ * 2. Sets up reactivity to apply theme changes
+ */
+export declare function initializeTheme(): void;
+/**
+ * Check if theme system is initialized
+ * Useful for SSR scenarios
+ *
+ * @returns true if running in browser and theme is applied
+ */
+export declare function isThemeInitialized(): boolean;
 /**
  * Set the settings service for API operations
  *

package/dist/stores/settingsStore.js

@@ -5,7 +5,7 @@
  * - Hybrid persistence (localStorage primary, optional API sync)
  * - Category-specific derived stores for performance
  * - Deep merge support for partial updates
- * - Theme system compatibility (backward compatible with themeStore)
+ * - Integrated theme system with system preference detection
  *
  * @module stores/settingsStore
  */
@@ -157,7 +157,7 @@ export const behaviorSettings = derived(settingsStore, ($settings) => $settings.
  */
 export const apiSettings = derived(settingsStore, ($settings) => $settings.api);
 // =========================================================================
-// Theme Compatibility (for themeStore migration)
+// Theme System
 // =========================================================================
 /**
  * System theme preference store
@@ -188,13 +188,15 @@ if (typeof window !== 'undefined') {
     }
 }
 /**
- * Theme preference (internal - exported via core/themeStore)
+ * Theme preference store
+ * Derived from themeSettings for convenient access
  */
-const theme = derived(themeSettings, ($theme) => $theme.preference);
+export const theme = derived(themeSettings, ($theme) => $theme.preference);
 /**
- * Resolved theme (internal - exported via core/themeStore)
+ * Resolved theme - the actual theme applied ('light' or 'dark')
+ * When preference is 'auto', resolves based on system preference
  */
-const resolvedTheme = derived([themeSettings, systemTheme], ([$themeSettings, $systemTheme]) => {
+export const resolvedTheme = derived([themeSettings, systemTheme], ([$themeSettings, $systemTheme]) => {
     if ($themeSettings.preference === 'auto') {
         return $systemTheme;
     }
@@ -288,18 +290,21 @@ export function getSettings() {
     return get(settingsStore);
 }
 // =========================================================================
-// Theme-Specific Functions (backward compatible with themeStore)
+// Theme Actions
 // =========================================================================
 /**
- * Set the theme preference (internal - exported via core/themeStore)
+ * Set the theme preference
+ *
+ * @param newTheme - The new theme preference ('light', 'dark', or 'auto')
  */
-function setTheme(newTheme) {
+export function setTheme(newTheme) {
     updateSettings({ theme: { preference: newTheme } });
 }
 /**
- * Toggle between light and dark themes (internal - exported via core/themeStore)
+ * Toggle between light and dark themes
+ * If currently 'auto', switches to the opposite of system preference
  */
-function toggleTheme() {
+export function toggleTheme() {
     const currentTheme = get(theme);
     const currentResolved = get(resolvedTheme);
     if (currentTheme === 'auto') {
@@ -310,9 +315,9 @@ function toggleTheme() {
     }
 }
 /**
- * Cycle through theme options (internal - exported via core/themeStore)
+ * Cycle through theme options: light -> dark -> auto -> light
  */
-function cycleTheme() {
+export function cycleTheme() {
     const currentTheme = get(theme);
     switch (currentTheme) {
         case 'light':
@@ -338,9 +343,14 @@ function applyTheme(resolved) {
     document.documentElement.setAttribute('data-theme', resolved);
 }
 /**
- * Initialize the theme system (internal - exported via core/themeStore)
+ * Initialize the theme system
+ * Should be called once on app startup
+ *
+ * This function:
+ * 1. Applies the current resolved theme to the document
+ * 2. Sets up reactivity to apply theme changes
  */
-function initializeTheme() {
+export function initializeTheme() {
     const resolved = get(resolvedTheme);
     applyTheme(resolved);
     // Subscribe to resolved theme changes and apply them
@@ -348,6 +358,18 @@ function initializeTheme() {
         applyTheme(theme);
     });
 }
+/**
+ * Check if theme system is initialized
+ * Useful for SSR scenarios
+ *
+ * @returns true if running in browser and theme is applied
+ */
+export function isThemeInitialized() {
+    if (typeof document === 'undefined') {
+        return false;
+    }
+    return document.documentElement.hasAttribute('data-theme');
+}
 // =========================================================================
 // API Sync Functions
 // =========================================================================

package/dist/svelte-app.d.ts

@@ -6,7 +6,7 @@
  *
  * @module svelte-app
  */
-import type { Workflow, NodeMetadata, PortConfig } from './types/index.js';
+import type { Workflow, NodeMetadata, PortConfig, CategoryDefinition } from './types/index.js';
 import type { EndpointConfig } from './config/endpoints.js';
 import type { AuthProvider } from './types/auth.js';
 import type { FlowDropEventHandlers, FlowDropFeatures } from './types/events.js';
@@ -39,6 +39,8 @@ export interface FlowDropMountOptions {
     endpointConfig?: EndpointConfig;
     /** Port configuration for connections */
     portConfig?: PortConfig;
+    /** Category definitions for node categories */
+    categories?: CategoryDefinition[];
     /** Editor height */
     height?: string | number;
     /** Editor width */
@@ -140,6 +142,7 @@ export declare function mountWorkflowEditor(container: HTMLElement, options?: {
     nodes?: NodeMetadata[];
     endpointConfig?: EndpointConfig;
     portConfig?: PortConfig;
+    categories?: CategoryDefinition[];
 }): Promise<MountedFlowDropApp>;
 /**
  * Unmount a FlowDrop app

package/dist/svelte-app.js

@@ -12,6 +12,8 @@ import App from './components/App.svelte';
 import { initializePortCompatibility } from './utils/connections.js';
 import { DEFAULT_PORT_CONFIG } from './config/defaultPortConfig.js';
 import { fetchPortConfig } from './services/portConfigApi.js';
+import { fetchCategories } from './services/categoriesApi.js';
+import { initializeCategories } from './stores/categoriesStore.js';
 import { isDirty, markAsSaved, getWorkflow as getWorkflowFromStore, setOnDirtyStateChange, setOnWorkflowChange } from './stores/workflowStore.js';
 import { DraftAutoSaveManager, getDraftStorageKey } from './services/draftStorage.js';
 import { mergeFeatures } from './types/events.js';
@@ -41,7 +43,7 @@ import { initializeSettings } from './stores/settingsStore.js';
  * ```
  */
 export async function mountFlowDropApp(container, options = {}) {
-    const { workflow, nodes, endpointConfig, portConfig, height = '100vh', width = '100%', showNavbar = false, disableSidebar, lockWorkflow, readOnly, nodeStatuses, pipelineId, navbarTitle, navbarActions, showSettings, authProvider, eventHandlers, features: userFeatures, settings: initialSettings, draftStorageKey: customDraftKey } = options;
+    const { workflow, nodes, endpointConfig, portConfig, categories, height = '100vh', width = '100%', showNavbar = false, disableSidebar, lockWorkflow, readOnly, nodeStatuses, pipelineId, navbarTitle, navbarActions, showSettings, authProvider, eventHandlers, features: userFeatures, settings: initialSettings, draftStorageKey: customDraftKey } = options;
     // Merge features with defaults
     const features = mergeFeatures(userFeatures);
     // Apply initial settings overrides and initialize theme
@@ -83,6 +85,19 @@ export async function mountFlowDropApp(container, options = {}) {
         finalPortConfig = DEFAULT_PORT_CONFIG;
     }
     initializePortCompatibility(finalPortConfig);
+    // Initialize categories
+    if (categories) {
+        initializeCategories(categories);
+    }
+    else if (config) {
+        try {
+            const fetchedCategories = await fetchCategories(config);
+            initializeCategories(fetchedCategories);
+        }
+        catch (error) {
+            console.warn('Failed to fetch categories from API, using defaults:', error);
+        }
+    }
     // Set up event handler callbacks in the store
     if (eventHandlers?.onDirtyStateChange) {
         setOnDirtyStateChange(eventHandlers.onDirtyStateChange);
@@ -194,7 +209,7 @@ export async function mountFlowDropApp(container, options = {}) {
  * @returns Promise resolving to a MountedFlowDropApp instance
  */
 export async function mountWorkflowEditor(container, options = {}) {
-    const { nodes = [], endpointConfig, portConfig } = options;
+    const { nodes = [], endpointConfig, portConfig, categories } = options;
     // Create endpoint configuration
     let config;
     if (endpointConfig) {
@@ -230,6 +245,19 @@ export async function mountWorkflowEditor(container, options = {}) {
         finalPortConfig = DEFAULT_PORT_CONFIG;
     }
     initializePortCompatibility(finalPortConfig);
+    // Initialize categories
+    if (categories) {
+        initializeCategories(categories);
+    }
+    else if (config) {
+        try {
+            const fetchedCategories = await fetchCategories(config);
+            initializeCategories(fetchedCategories);
+        }
+        catch (error) {
+            console.warn('Failed to fetch categories from API, using defaults:', error);
+        }
+    }
     // Create the Svelte component
     const svelteApp = mount(WorkflowEditor, {
         target: container,

package/dist/types/index.d.ts

@@ -5,10 +5,43 @@ import type { Node, Edge, XYPosition } from '@xyflow/svelte';
 import { ConnectionLineType } from '@xyflow/svelte';
 import type { EndpointConfig } from '../config/endpoints.js';
 /**
- * Node category types for organizing nodes in the sidebar
- * Based on actual API response categories
+ * Built-in node categories that ship with FlowDrop.
+ * These categories have predefined icons, colors, and display names.
  */
-export type NodeCategory = 'triggers' | 'inputs' | 'outputs' | 'prompts' | 'models' | 'processing' | 'logic' | 'data' | 'tools' | 'helpers' | 'vector stores' | 'embeddings' | 'memories' | 'agents' | 'ai' | 'interrupts' | 'bundles';
+export type BuiltinNodeCategory = 'triggers' | 'inputs' | 'outputs' | 'prompts' | 'models' | 'processing' | 'logic' | 'data' | 'tools' | 'helpers' | 'vector stores' | 'embeddings' | 'memories' | 'agents' | 'ai' | 'interrupts' | 'bundles';
+/**
+ * Node category for organizing nodes in the sidebar.
+ * Includes all built-in categories plus any custom string.
+ * Custom categories can be defined via the `/categories` API endpoint.
+ *
+ * @example
+ * ```typescript
+ * // Built-in category
+ * const cat: NodeCategory = 'triggers';
+ *
+ * // Custom category
+ * const custom: NodeCategory = 'my-custom-category';
+ * ```
+ */
+export type NodeCategory = BuiltinNodeCategory | (string & Record<never, never>);
+/**
+ * Category definition with metadata for display and organization.
+ * Fetched from the `/categories` API endpoint or provided as defaults.
+ */
+export interface CategoryDefinition {
+    /** Machine name / unique identifier */
+    name: string;
+    /** Display label shown in UI */
+    label: string;
+    /** Icon identifier (e.g. 'mdi:brain') */
+    icon?: string;
+    /** Color token or CSS value (e.g. 'var(--fd-node-purple)') */
+    color?: string;
+    /** Category description */
+    description?: string;
+    /** Sort weight for ordering (lower = earlier) */
+    weight?: number;
+}
 /**
  * Port data type configuration
  */
@@ -478,6 +511,8 @@ export interface NodeMetadata {
     color?: string;
     /** Badge label displayed in the node header (e.g., "TOOL", "API", "LLM"). Overridable per-instance via config.instanceBadge. */
     badge?: string;
+    /** Port dataType to expose on tool nodes. Defaults to 'tool'. Set to another type (e.g., 'trigger') to show that port instead. */
+    portDataType?: string;
     inputs: NodePort[];
     outputs: NodePort[];
     configSchema?: ConfigSchema;

package/dist/utils/colors.d.ts

@@ -7,10 +7,13 @@ import type { NodeCategory, PortDataTypeConfig } from '../types/index.js';
 /**
  * Category color mapping to design tokens (CSS variables)
  * Uses --fd-node-* tokens from tokens.css
+ * These serve as static defaults; the categories store provides dynamic overrides.
  */
-export declare const CATEGORY_COLOR_TOKENS: Record<NodeCategory, string>;
+export declare const CATEGORY_COLOR_TOKENS: Record<string, string>;
 /**
- * Get the design token for a category color
+ * Get the design token for a category color.
+ * Checks the categories store first (which includes API overrides),
+ * then falls back to the static CATEGORY_COLOR_TOKENS map, then to slate.
  */
 export declare function getCategoryColorToken(category: NodeCategory): string;
 /**

package/dist/utils/colors.js

@@ -4,9 +4,11 @@
  * Uses BEM syntax for CSS classes
  */
 import { getPortCompatibilityChecker } from './connections.js';
+import { getCategoryColor as getCategoryColorFromStore } from '../stores/categoriesStore.js';
 /**
  * Category color mapping to design tokens (CSS variables)
  * Uses --fd-node-* tokens from tokens.css
+ * These serve as static defaults; the categories store provides dynamic overrides.
  */
 export const CATEGORY_COLOR_TOKENS = {
     triggers: 'var(--fd-node-cyan)',
@@ -61,10 +63,12 @@ const DEFAULT_DATA_TYPE_COLORS = {
     branch: 'var(--fd-node-purple)'
 };
 /**
- * Get the design token for a category color
+ * Get the design token for a category color.
+ * Checks the categories store first (which includes API overrides),
+ * then falls back to the static CATEGORY_COLOR_TOKENS map, then to slate.
  */
 export function getCategoryColorToken(category) {
-    return CATEGORY_COLOR_TOKENS[category] || 'var(--fd-node-slate)';
+    return getCategoryColorFromStore(category);
 }
 /**
  * Get the reference color token for a data type (configurable version)
@@ -124,7 +128,7 @@ export const DEFAULT_COLORS = {
  * @returns The color configuration for the category
  */
 export function getCategoryColors(category) {
-    return CATEGORY_COLOR_TOKENS[category] || 'var(--fd-node-slate)';
+    return getCategoryColorFromStore(category);
 }
 /**
  * Get category background color

package/dist/utils/fetchWithAuth.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Fetch authentication utilities
+ *
+ * Shared logic for building HTTP headers with authentication.
+ * Used by components that make authenticated API requests (e.g., FormAutocomplete).
+ *
+ * @module utils/fetchWithAuth
+ */
+import type { AuthProvider } from '../types/auth.js';
+/**
+ * Build fetch headers with optional authentication
+ *
+ * Constructs standard JSON request headers and merges in authentication
+ * headers from the provided AuthProvider, if available.
+ *
+ * @param authProvider - Optional auth provider to get headers from
+ * @returns Promise resolving to a complete headers object
+ *
+ * @example
+ * ```typescript
+ * const headers = await buildFetchHeaders(authProvider);
+ * const response = await fetch(url, { headers });
+ * ```
+ */
+export declare function buildFetchHeaders(authProvider?: AuthProvider): Promise<Record<string, string>>;

package/dist/utils/fetchWithAuth.js

@@ -0,0 +1,34 @@
+/**
+ * Fetch authentication utilities
+ *
+ * Shared logic for building HTTP headers with authentication.
+ * Used by components that make authenticated API requests (e.g., FormAutocomplete).
+ *
+ * @module utils/fetchWithAuth
+ */
+/**
+ * Build fetch headers with optional authentication
+ *
+ * Constructs standard JSON request headers and merges in authentication
+ * headers from the provided AuthProvider, if available.
+ *
+ * @param authProvider - Optional auth provider to get headers from
+ * @returns Promise resolving to a complete headers object
+ *
+ * @example
+ * ```typescript
+ * const headers = await buildFetchHeaders(authProvider);
+ * const response = await fetch(url, { headers });
+ * ```
+ */
+export async function buildFetchHeaders(authProvider) {
+    const headers = {
+        Accept: 'application/json',
+        'Content-Type': 'application/json'
+    };
+    if (authProvider) {
+        const authHeaders = await authProvider.getAuthHeaders();
+        Object.assign(headers, authHeaders);
+    }
+    return headers;
+}

package/dist/utils/icons.d.ts

@@ -65,9 +65,11 @@ export declare const DEFAULT_ICONS: {
     readonly BUNDLE: "mdi:package-variant";
 };
 /**
- * Category-specific icons matching Langflow's visual style
+ * Category-specific icons for built-in categories.
+ * Custom categories fall back to DEFAULT_ICONS.CATEGORY.
+ * These serve as static defaults; the categories store provides dynamic overrides.
  */
-export declare const CATEGORY_ICONS: Record<NodeCategory, string>;
+export declare const CATEGORY_ICONS: Record<string, string>;
 /**
  * Get the appropriate icon for a node
  * @param nodeIcon - The node's specific icon
@@ -76,7 +78,9 @@ export declare const CATEGORY_ICONS: Record<NodeCategory, string>;
  */
 export declare function getNodeIcon(nodeIcon?: string, category?: NodeCategory): string;
 /**
- * Get the appropriate icon for a category
+ * Get the appropriate icon for a category.
+ * Checks the categories store first (which includes API overrides),
+ * then falls back to the static CATEGORY_ICONS map, then to the default.
  * @param category - The category
  * @returns The icon to use
  */

package/dist/utils/icons.js

@@ -2,6 +2,7 @@
  * Centralized icon management for FlowDrop
  * Ensures consistent icon usage across all components
  */
+import { getCategoryIcon as getCategoryIconFromStore } from '../stores/categoriesStore.js';
 /**
  * Default icons for different contexts
  */
@@ -77,7 +78,9 @@ export const DEFAULT_ICONS = {
     BUNDLE: 'mdi:package-variant'
 };
 /**
- * Category-specific icons matching Langflow's visual style
+ * Category-specific icons for built-in categories.
+ * Custom categories fall back to DEFAULT_ICONS.CATEGORY.
+ * These serve as static defaults; the categories store provides dynamic overrides.
  */
 export const CATEGORY_ICONS = {
     triggers: 'mdi:lightning-bolt',
@@ -109,20 +112,22 @@ export function getNodeIcon(nodeIcon, category) {
     if (nodeIcon) {
         return nodeIcon;
     }
-    // If category is provided, use category icon
-    if (category && CATEGORY_ICONS[category]) {
-        return CATEGORY_ICONS[category];
+    // If category is provided, use category icon from store (which includes API overrides)
+    if (category) {
+        return getCategoryIconFromStore(category);
     }
     // Fallback to default node icon
     return DEFAULT_ICONS.NODE;
 }
 /**
- * Get the appropriate icon for a category
+ * Get the appropriate icon for a category.
+ * Checks the categories store first (which includes API overrides),
+ * then falls back to the static CATEGORY_ICONS map, then to the default.
  * @param category - The category
  * @returns The icon to use
  */
 export function getCategoryIcon(category) {
-    return CATEGORY_ICONS[category] || DEFAULT_ICONS.CATEGORY;
+    return getCategoryIconFromStore(category);
 }
 /**
  * Get a default icon by key

package/package.json

@@ -2,7 +2,7 @@
 	"name": "@d34dman/flowdrop",
 	"license": "MIT",
 	"private": false,
-	"version": "0.0.51",
+	"version": "0.0.53",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run prepack",