@d34dman/flowdrop 0.0.51 → 0.0.53

package/dist/api/client.d.ts

@@ -1,7 +1,7 @@
 /**
  * API Client for FlowDrop Workflow Library
  */
-import type { NodeMetadata, Workflow, ExecutionResult, PortConfig } from '../types/index.js';
+import type { NodeMetadata, Workflow, ExecutionResult, PortConfig, CategoryDefinition } from '../types/index.js';
 /**
  * HTTP API client for FlowDrop
  */
@@ -80,6 +80,10 @@ export declare class FlowDropApiClient {
      * Fetch port configuration
      */
     getPortConfig(): Promise<PortConfig>;
+    /**
+     * Fetch category definitions
+     */
+    getCategories(): Promise<CategoryDefinition[]>;
     /**
      * Fetch pipeline data including job information and status
      */

package/dist/api/client.js

@@ -215,6 +215,16 @@ export class FlowDropApiClient {
         }
         return response.data;
     }
+    /**
+     * Fetch category definitions
+     */
+    async getCategories() {
+        const response = await this.request('/categories');
+        if (!response.success || !response.data) {
+            throw new Error(response.error || 'Failed to fetch categories');
+        }
+        return response.data;
+    }
     /**
      * Fetch pipeline data including job information and status
      */

package/dist/components/App.svelte

@@ -738,6 +738,7 @@
 				onClose={() => (isWorkflowSettingsOpen = false)}
 			>
 				<ConfigForm
+					{authProvider}
 					schema={workflowConfigSchema}
 					values={workflowConfigValues}
 					showUIExtensions={false}
@@ -765,6 +766,7 @@
 				onClose={closeConfigSidebar}
 			>
 				<ConfigForm
+					{authProvider}
 					node={currentNode}
 					workflowId={$workflowStore?.id}
 					workflowNodes={$workflowStore?.nodes}

package/dist/components/ConfigForm.svelte

@@ -600,6 +600,7 @@
 							ariaDescribedBy="ext-hideUnconnectedHandles-description"
 							onChange={(val) => {
 								uiExtensionValues.hideUnconnectedHandles = val;
+								handleFormBlur();
 							}}
 						/>
 					</FormFieldWrapper>

package/dist/components/NodeSidebar.svelte

@@ -10,6 +10,7 @@
 	import Icon from '@iconify/svelte';
 	import { getNodeIcon, getCategoryIcon } from '../utils/icons.js';
 	import { getCategoryColorToken } from '../utils/colors.js';
+	import { getCategoryLabel } from '../stores/categoriesStore.js';
 	import { SvelteSet } from 'svelte/reactivity';
 	import { uiSettings, updateSettings } from '../stores/settingsStore.js';
 
@@ -142,29 +143,11 @@
 	}
 
 	/**
-	 * Get category display name
+	 * Get category display name from the categories store.
+	 * Falls back to auto-capitalizing the category machine name.
 	 */
 	function getCategoryDisplayName(category: NodeCategory): string {
-		const names: Record<NodeCategory, string> = {
-			triggers: 'Triggers',
-			inputs: 'Inputs',
-			outputs: 'Outputs',
-			prompts: 'Prompts',
-			models: 'Models',
-			processing: 'Processing',
-			logic: 'Logic',
-			data: 'Data',
-			tools: 'Tools',
-			helpers: 'Helpers',
-			'vector stores': 'Vector Stores',
-			embeddings: 'Embeddings',
-			memories: 'Memories',
-			agents: 'Agents',
-			ai: 'AI',
-			interrupts: 'Interrupts',
-			bundles: 'Bundles'
-		};
-		return names[category] || category;
+		return getCategoryLabel(category);
 	}
 
 	/**

package/dist/components/SettingsPanel.svelte

@@ -144,8 +144,7 @@
 				proximityConnect: {
 					type: 'boolean',
 					title: 'Proximity Connect',
-					description:
-						'Auto-connect compatible ports when dragging nodes near each other',
+					description: 'Auto-connect compatible ports when dragging nodes near each other',
 					default: false
 				},
 				proximityConnectDistance: {

package/dist/components/ThemeToggle.svelte

@@ -7,7 +7,7 @@
 
 <script lang="ts">
 	import Icon from '@iconify/svelte';
-	import { theme, resolvedTheme, cycleTheme } from '../stores/themeStore.js';
+	import { theme, resolvedTheme, cycleTheme } from '../stores/settingsStore.js';
 	import type { ThemePreference } from '../types/settings.js';
 
 	/**

package/dist/components/WorkflowEditor.svelte

@@ -16,8 +16,7 @@
 		type ColorMode
 	} from '@xyflow/svelte';
 	import '@xyflow/svelte/dist/style.css';
-	import { resolvedTheme } from '../stores/themeStore.js';
-	import { editorSettings, behaviorSettings } from '../stores/settingsStore.js';
+	import { resolvedTheme, editorSettings, behaviorSettings } from '../stores/settingsStore.js';
 	import type {
 		WorkflowNode as WorkflowNodeType,
 		NodeMetadata,

package/dist/components/form/FormAutocomplete.svelte

@@ -25,6 +25,7 @@
 	import Icon from '@iconify/svelte';
 	import type { AutocompleteConfig, AuthProvider } from '../../types/index.js';
 	import type { FieldOption } from './types.js';
+	import { buildFetchHeaders } from '../../utils/fetchWithAuth.js';
 
 	/**
 	 * Props interface for FormAutocomplete component
@@ -192,18 +193,8 @@
 		abortController = new AbortController();
 
 		try {
-			// Build headers with authentication
-			const headers: Record<string, string> = {
-				Accept: 'application/json',
-				'Content-Type': 'application/json'
-			};
-
-			// Add auth headers if provider is available (call getter to get current value)
-			const authProvider = getAuthProvider?.();
-			if (authProvider) {
-				const authHeaders = await authProvider.getAuthHeaders();
-				Object.assign(headers, authHeaders);
-			}
+			// Build headers with authentication (call getter to get current value)
+			const headers = await buildFetchHeaders(getAuthProvider?.());
 
 			// Fetch with timeout
 			const timeoutId = setTimeout(() => {

package/dist/components/form/FormField.svelte

@@ -44,7 +44,7 @@
 	import type { FieldSchema } from './types.js';
 	import { getSchemaOptions } from './types.js';
 	import type { WorkflowNode, WorkflowEdge, AuthProvider } from '../../types/index.js';
-	import { resolvedTheme } from '../../stores/themeStore.js';
+	import { resolvedTheme } from '../../stores/settingsStore.js';
 
 	interface Props {
 		/** Unique key/id for the field */

package/dist/components/form/FormFieldLight.svelte

@@ -43,7 +43,7 @@
 	import FormCheckboxGroup from './FormCheckboxGroup.svelte';
 	import FormArray from './FormArray.svelte';
 	import { resolveFieldComponent } from '../../form/fieldRegistry.js';
-	import { resolvedTheme } from '../../stores/themeStore.js';
+	import { resolvedTheme } from '../../stores/settingsStore.js';
 	import type { FieldSchema } from './types.js';
 	import { getSchemaOptions } from './types.js';
 

package/dist/components/nodes/TerminalNode.svelte

@@ -10,11 +10,12 @@
 
 <script lang="ts">
 	import { Position, Handle } from '@xyflow/svelte';
-	import type { ConfigValues, NodeMetadata } from '../../types/index.js';
+	import type { ConfigValues, NodeMetadata, NodeExtensions, NodePort } from '../../types/index.js';
 	import Icon from '@iconify/svelte';
 	import { getDataTypeColor, getCategoryColorToken } from '../../utils/colors.js';
 	import { getNodeIcon } from '../../utils/icons.js';
 	import { getCircleHandlePosition } from '../../utils/handlePositioning.js';
+	import { connectedHandles } from '../../stores/workflowStore.js';
 
 	/**
 	 * Terminal node variant types
@@ -70,6 +71,7 @@
 			config: ConfigValues;
 			metadata: NodeMetadata;
 			nodeId?: string;
+			extensions?: NodeExtensions;
 			onConfigOpen?: (node: {
 				id: string;
 				type: string;
@@ -133,6 +135,30 @@
 	 */
 	let variantConfig = $derived(VARIANT_CONFIGS[variant]);
 
+	/**
+	 * Get the hideUnconnectedHandles setting from extensions
+	 * Merges node type defaults with instance overrides
+	 */
+	const hideUnconnectedHandles = $derived(() => {
+		const typeDefault = props.data.metadata?.extensions?.ui?.hideUnconnectedHandles ?? false;
+		const instanceOverride = props.data.extensions?.ui?.hideUnconnectedHandles;
+		return instanceOverride ?? typeDefault;
+	});
+
+	/**
+	 * Check if a port should be visible based on connection state and settings
+	 */
+	function isPortVisible(port: NodePort, type: 'input' | 'output'): boolean {
+		if (!hideUnconnectedHandles()) {
+			return true;
+		}
+		if (port.required) {
+			return true;
+		}
+		const handleId = `${props.data.nodeId}-${type}-${port.id}`;
+		return $connectedHandles.has(handleId);
+	}
+
 	/**
 	 * Get icon using the same resolution as WorkflowNode
 	 * Uses getNodeIcon utility with category fallback, or variant default
@@ -239,14 +265,24 @@
 	);
 
 	/**
-	 * Determine if we should show inputs based on ports
+	 * Visible input ports filtered by hideUnconnectedHandles setting
+	 */
+	let visibleInputPorts = $derived(inputPorts.filter((port) => isPortVisible(port, 'input')));
+
+	/**
+	 * Visible output ports filtered by hideUnconnectedHandles setting
+	 */
+	let visibleOutputPorts = $derived(outputPorts.filter((port) => isPortVisible(port, 'output')));
+
+	/**
+	 * Determine if we should show inputs based on visible ports
 	 */
-	let showInputs = $derived(inputPorts.length > 0);
+	let showInputs = $derived(visibleInputPorts.length > 0);
 
 	/**
-	 * Determine if we should show outputs based on ports
+	 * Determine if we should show outputs based on visible ports
 	 */
-	let showOutputs = $derived(outputPorts.length > 0);
+	let showOutputs = $derived(visibleOutputPorts.length > 0);
 
 	/**
 	 * Handle configuration sidebar - using global ConfigSidebar
@@ -317,8 +353,8 @@
 	<div class="flowdrop-terminal-node__circle-wrapper">
 		<!-- Input Handles (for end/exit variants) -->
 		{#if showInputs}
-			{#each inputPorts as port, index (port.id)}
-				{@const pos = getCircleHandlePosition(index, inputPorts.length, 'left')}
+			{#each visibleInputPorts as port, index (`${port.id}-${visibleInputPorts.length}`)}
+				{@const pos = getCircleHandlePosition(index, visibleInputPorts.length, 'left')}
 				<Handle
 					type="target"
 					position={Position.Left}
@@ -339,8 +375,8 @@
 
 		<!-- Output Handles (for start variant) -->
 		{#if showOutputs}
-			{#each outputPorts as port, index (port.id)}
-				{@const pos = getCircleHandlePosition(index, outputPorts.length, 'right')}
+			{#each visibleOutputPorts as port, index (`${port.id}-${visibleOutputPorts.length}`)}
+				{@const pos = getCircleHandlePosition(index, visibleOutputPorts.length, 'right')}
 				<Handle
 					type="source"
 					position={Position.Right}

package/dist/components/nodes/TerminalNode.svelte.d.ts

@@ -1,10 +1,11 @@
-import type { ConfigValues, NodeMetadata } from '../../types/index.js';
+import type { ConfigValues, NodeMetadata, NodeExtensions } from '../../types/index.js';
 type $$ComponentProps = {
     data: {
         label: string;
         config: ConfigValues;
         metadata: NodeMetadata;
         nodeId?: string;
+        extensions?: NodeExtensions;
         onConfigOpen?: (node: {
             id: string;
             type: string;

package/dist/components/nodes/ToolNode.svelte

@@ -67,9 +67,7 @@
 	 * This allows users to customize the badge text per-instance via config.
 	 */
 	const displayBadge = $derived(
-		(props.data.config?.instanceBadge as string) ||
-			(props.data.metadata?.badge as string) ||
-			'TOOL'
+		(props.data.config?.instanceBadge as string) || (props.data.metadata?.badge as string) || 'TOOL'
 	);
 
 	/**
@@ -96,20 +94,28 @@
 	 */
 	let nodeStyle = $derived(`--fd-tool-node-color: ${toolColor}`);
 
-	// Check for tool interface ports in metadata
+	/**
+	 * Configurable port dataType to expose on this tool node.
+	 * Defaults to 'tool', but can be overridden via metadata.portDataType
+	 * to show a different port type (e.g., 'trigger') when the node is
+	 * repurposed with a custom badge.
+	 */
+	let portDataType = $derived((props.data.metadata?.portDataType as string) || 'tool');
+
+	// Check for matching interface ports in metadata
 	let hasToolInputPort = $derived(
-		props.data.metadata?.inputs?.some((port) => port.dataType === 'tool') || false
+		props.data.metadata?.inputs?.some((port) => port.dataType === portDataType) || false
 	);
 	let hasToolOutputPort = $derived(
-		props.data.metadata?.outputs?.some((port) => port.dataType === 'tool') || false
+		props.data.metadata?.outputs?.some((port) => port.dataType === portDataType) || false
 	);
 
-	// Get the actual tool ports for proper handle generation
+	// Get the actual matching ports for proper handle generation
 	let toolInputPort = $derived(
-		props.data.metadata?.inputs?.find((port) => port.dataType === 'tool')
+		props.data.metadata?.inputs?.find((port) => port.dataType === portDataType)
 	);
 	let toolOutputPort = $derived(
-		props.data.metadata?.outputs?.find((port) => port.dataType === 'tool')
+		props.data.metadata?.outputs?.find((port) => port.dataType === portDataType)
 	);
 
 	/**
@@ -159,7 +165,7 @@
 		position={Position.Left}
 		id={`${props.data.nodeId}-input-${toolInputPort.id}`}
 		style="top: 40px; transform: translateY(-50%); margin-left: -10px; --fd-handle-fill: {getDataTypeColor(
-			'tool'
+			portDataType
 		)}; --fd-handle-border-color: var(--fd-handle-border);"
 	/>
 {/if}
@@ -232,7 +238,7 @@
 		position={Position.Right}
 		id={`${props.data.nodeId}-output-${toolOutputPort.id}`}
 		style="top: 40px; transform: translateY(-50%); margin-right: -10px; --fd-handle-fill: {getDataTypeColor(
-			'tool'
+			portDataType
 		)}; --fd-handle-border-color: var(--fd-handle-border);"
 	/>
 {/if}

package/dist/config/defaultCategories.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Default category definitions for FlowDrop
+ * Provides built-in categories with icons, colors, and display labels.
+ * These serve as fallbacks when the /categories API endpoint is unavailable.
+ */
+import type { CategoryDefinition } from '../types/index.js';
+export declare const DEFAULT_CATEGORIES: CategoryDefinition[];

package/dist/config/defaultCategories.js

@@ -0,0 +1,126 @@
+/**
+ * Default category definitions for FlowDrop
+ * Provides built-in categories with icons, colors, and display labels.
+ * These serve as fallbacks when the /categories API endpoint is unavailable.
+ */
+export const DEFAULT_CATEGORIES = [
+    {
+        name: 'triggers',
+        label: 'Triggers',
+        icon: 'mdi:lightning-bolt',
+        color: 'var(--fd-node-cyan)',
+        weight: 0
+    },
+    {
+        name: 'inputs',
+        label: 'Inputs',
+        icon: 'mdi:arrow-down-circle',
+        color: 'var(--fd-node-emerald)',
+        weight: 1
+    },
+    {
+        name: 'outputs',
+        label: 'Outputs',
+        icon: 'mdi:arrow-up-circle',
+        color: 'var(--fd-node-blue)',
+        weight: 2
+    },
+    {
+        name: 'prompts',
+        label: 'Prompts',
+        icon: 'mdi:message-text',
+        color: 'var(--fd-node-amber)',
+        weight: 3
+    },
+    {
+        name: 'models',
+        label: 'Models',
+        icon: 'mdi:robot',
+        color: 'var(--fd-node-indigo)',
+        weight: 4
+    },
+    {
+        name: 'processing',
+        label: 'Processing',
+        icon: 'mdi:cog',
+        color: 'var(--fd-node-teal)',
+        weight: 5
+    },
+    {
+        name: 'logic',
+        label: 'Logic',
+        icon: 'mdi:source-branch',
+        color: 'var(--fd-node-purple)',
+        weight: 6
+    },
+    {
+        name: 'data',
+        label: 'Data',
+        icon: 'mdi:database',
+        color: 'var(--fd-node-orange)',
+        weight: 7
+    },
+    {
+        name: 'tools',
+        label: 'Tools',
+        icon: 'mdi:wrench',
+        color: 'var(--fd-node-amber)',
+        weight: 8
+    },
+    {
+        name: 'helpers',
+        label: 'Helpers',
+        icon: 'mdi:help-circle',
+        color: 'var(--fd-node-slate)',
+        weight: 9
+    },
+    {
+        name: 'vector stores',
+        label: 'Vector Stores',
+        icon: 'mdi:vector-square',
+        color: 'var(--fd-node-emerald)',
+        weight: 10
+    },
+    {
+        name: 'embeddings',
+        label: 'Embeddings',
+        icon: 'mdi:vector-polygon',
+        color: 'var(--fd-node-indigo)',
+        weight: 11
+    },
+    {
+        name: 'memories',
+        label: 'Memories',
+        icon: 'mdi:brain',
+        color: 'var(--fd-node-blue)',
+        weight: 12
+    },
+    {
+        name: 'agents',
+        label: 'Agents',
+        icon: 'mdi:account-cog',
+        color: 'var(--fd-node-teal)',
+        weight: 13
+    },
+    {
+        name: 'ai',
+        label: 'AI',
+        icon: 'mdi:shimmer',
+        color: 'var(--fd-node-purple)',
+        weight: 14
+    },
+    {
+        name: 'interrupts',
+        label: 'Interrupts',
+        icon: 'mdi:hand-back-left',
+        color: 'var(--fd-node-red)',
+        weight: 15
+    },
+    {
+        name: 'bundles',
+        label: 'Bundles',
+        icon: 'mdi:package-variant',
+        color: 'var(--fd-node-slate)',
+        weight: 16
+    }
+];

package/dist/config/endpoints.d.ts

@@ -14,6 +14,7 @@ export interface EndpointConfig {
             metadata: string;
         };
         portConfig: string;
+        categories: string;
         workflows: {
             list: string;
             get: string;

package/dist/config/endpoints.js

@@ -15,6 +15,7 @@ export const defaultEndpointConfig = {
             metadata: '/nodes/{id}/metadata'
         },
         portConfig: '/port-config',
+        categories: '/categories',
         workflows: {
             list: '/workflows',
             get: '/workflows/{id}',

package/dist/core/index.d.ts

@@ -14,7 +14,7 @@
  * import { getStatusColor, createDefaultExecutionInfo } from "@d34dman/flowdrop/core";
  * ```
  */
-export type { NodeCategory, NodeDataType, NodePort, DynamicPort, Branch, NodeMetadata, NodeExtensions, NodeUIExtensions, ConfigValues, WorkflowNode, WorkflowEdge, Workflow, ApiResponse, NodesResponse, WorkflowResponse, WorkflowsResponse, ExecutionStatus, ExecutionResult, FlowDropConfig, WorkflowEvents, BuiltinNodeType, PortConfig, PortCompatibilityRule, ConfigSchema, ConfigProperty, HttpMethod, DynamicSchemaEndpoint, ExternalEditLink, ConfigEditOptions, EdgeCategory } from '../types/index.js';
+export type { NodeCategory, BuiltinNodeCategory, CategoryDefinition, NodeDataType, NodePort, DynamicPort, Branch, NodeMetadata, NodeExtensions, NodeUIExtensions, ConfigValues, WorkflowNode, WorkflowEdge, Workflow, ApiResponse, NodesResponse, WorkflowResponse, WorkflowsResponse, ExecutionStatus, ExecutionResult, FlowDropConfig, WorkflowEvents, BuiltinNodeType, PortConfig, PortCompatibilityRule, ConfigSchema, ConfigProperty, HttpMethod, DynamicSchemaEndpoint, ExternalEditLink, ConfigEditOptions, EdgeCategory } from '../types/index.js';
 export type { WorkflowEditorConfig, EditorFeatures, UIConfig, APIConfig, ExecutionConfig, StorageConfig } from '../types/config.js';
 export type { AuthProvider, StaticAuthConfig, CallbackAuthConfig } from '../types/auth.js';
 export type { WorkflowChangeType, FlowDropEventHandlers, FlowDropFeatures } from '../types/events.js';
@@ -40,5 +40,5 @@ export { isFieldOptionArray, normalizeOptions } from '../components/form/types.j
 export { DEFAULT_PORT_CONFIG } from '../config/defaultPortConfig.js';
 export { defaultEndpointConfig, createEndpointConfig } from '../config/endpoints.js';
 export * from '../adapters/WorkflowAdapter.js';
-export type { ThemePreference, ResolvedTheme } from '../stores/themeStore.js';
-export { theme, resolvedTheme, setTheme, toggleTheme, cycleTheme, initializeTheme, isThemeInitialized } from '../stores/themeStore.js';
+export type { ThemePreference, ResolvedTheme } from '../stores/settingsStore.js';
+export { theme, resolvedTheme, setTheme, toggleTheme, cycleTheme, initializeTheme, isThemeInitialized } from '../stores/settingsStore.js';

package/dist/core/index.js

@@ -51,4 +51,4 @@ export { defaultEndpointConfig, createEndpointConfig } from '../config/endpoints
 // Adapters
 // ============================================================================
 export * from '../adapters/WorkflowAdapter.js';
-export { theme, resolvedTheme, setTheme, toggleTheme, cycleTheme, initializeTheme, isThemeInitialized } from '../stores/themeStore.js';
+export { theme, resolvedTheme, setTheme, toggleTheme, cycleTheme, initializeTheme, isThemeInitialized } from '../stores/settingsStore.js';

package/dist/editor/index.d.ts

@@ -74,6 +74,7 @@ export { currentSession, sessions, messages, isExecuting, isLoading, error as pl
 export { saveWorkflow, updateWorkflow, getWorkflow, getWorkflows, deleteWorkflow, getWorkflowCount, initializeSampleWorkflows } from '../services/workflowStorage.js';
 export { globalSaveWorkflow, globalExportWorkflow, initializeGlobalSave } from '../services/globalSave.js';
 export { fetchPortConfig, validatePortConfig } from '../services/portConfigApi.js';
+export { fetchCategories, validateCategories } from '../services/categoriesApi.js';
 export { fetchDynamicSchema, resolveExternalEditUrl, getEffectiveConfigEditOptions, clearSchemaCache, invalidateSchemaCache, hasConfigEditOptions, shouldShowExternalEdit, shouldUseDynamicSchema } from '../services/dynamicSchemaService.js';
 export { getDraftStorageKey, saveDraft, loadDraft, deleteDraft, hasDraft, getDraftMetadata, DraftAutoSaveManager } from '../services/draftStorage.js';
 export { FlowDropApiClient } from '../api/client.js';

package/dist/editor/index.js

@@ -115,6 +115,7 @@ export { currentSession, sessions, messages, isExecuting, isLoading, error as pl
 export { saveWorkflow, updateWorkflow, getWorkflow, getWorkflows, deleteWorkflow, getWorkflowCount, initializeSampleWorkflows } from '../services/workflowStorage.js';
 export { globalSaveWorkflow, globalExportWorkflow, initializeGlobalSave } from '../services/globalSave.js';
 export { fetchPortConfig, validatePortConfig } from '../services/portConfigApi.js';
+export { fetchCategories, validateCategories } from '../services/categoriesApi.js';
 export { fetchDynamicSchema, resolveExternalEditUrl, getEffectiveConfigEditOptions, clearSchemaCache, invalidateSchemaCache, hasConfigEditOptions, shouldShowExternalEdit, shouldUseDynamicSchema } from '../services/dynamicSchemaService.js';
 export { getDraftStorageKey, saveDraft, loadDraft, deleteDraft, hasDraft, getDraftMetadata, DraftAutoSaveManager } from '../services/draftStorage.js';
 // ============================================================================

package/dist/services/categoriesApi.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Categories API Service
+ * Handles fetching category definitions from the backend
+ */
+import type { CategoryDefinition } from '../types/index.js';
+import type { EndpointConfig } from '../config/endpoints.js';
+/**
+ * Fetch category definitions from API
+ */
+export declare function fetchCategories(endpointConfig: EndpointConfig): Promise<CategoryDefinition[]>;
+/**
+ * Validate category definitions structure
+ */
+export declare function validateCategories(categories: CategoryDefinition[]): boolean;

package/dist/services/categoriesApi.js

@@ -0,0 +1,41 @@
+/**
+ * Categories API Service
+ * Handles fetching category definitions from the backend
+ */
+import { DEFAULT_CATEGORIES } from '../config/defaultCategories.js';
+import { FlowDropApiClient } from '../api/client.js';
+/**
+ * Fetch category definitions from API
+ */
+export async function fetchCategories(endpointConfig) {
+    try {
+        const client = new FlowDropApiClient(endpointConfig.baseUrl);
+        const categories = await client.getCategories();
+        if (!categories || !Array.isArray(categories)) {
+            console.warn('Invalid categories received from API, using default');
+            return DEFAULT_CATEGORIES;
+        }
+        return categories;
+    }
+    catch (error) {
+        console.error('Error fetching categories:', error);
+        return DEFAULT_CATEGORIES;
+    }
+}
+/**
+ * Validate category definitions structure
+ */
+export function validateCategories(categories) {
+    if (!categories || !Array.isArray(categories)) {
+        return false;
+    }
+    for (const category of categories) {
+        if (!category.name || typeof category.name !== 'string') {
+            return false;
+        }
+        if (!category.label || typeof category.label !== 'string') {
+            return false;
+        }
+    }
+    return true;
+}

package/dist/settings/index.d.ts

@@ -5,7 +5,8 @@
  * preferences with hybrid persistence (localStorage + optional API sync).
  *
  * Theme stores and functions (theme, resolvedTheme, setTheme, toggleTheme,
- * cycleTheme, initializeTheme) are exported from `@d34dman/flowdrop/core`.
+ * cycleTheme, initializeTheme) are exported from `@d34dman/flowdrop/core`
+ * (sourced from settingsStore).
  *
  * @module settings
  *

package/dist/settings/index.js

@@ -5,7 +5,8 @@
  * preferences with hybrid persistence (localStorage + optional API sync).
  *
  * Theme stores and functions (theme, resolvedTheme, setTheme, toggleTheme,
- * cycleTheme, initializeTheme) are exported from `@d34dman/flowdrop/core`.
+ * cycleTheme, initializeTheme) are exported from `@d34dman/flowdrop/core`
+ * (sourced from settingsStore).
  *
  * @module settings
  *