@invect/ui 0.0.1 → 0.0.2

package/dist/Invect.d.ts

@@ -4,13 +4,25 @@ import { InvectFrontendPlugin } from './types/plugin.types';
 import { ApiClient } from './api/client';
 export interface InvectProps {
     reactQueryClient?: QueryClient;
-    apiBaseUrl?: string;
-    basePath?: string;
+    apiPath?: string;
+    frontendPath?: string;
     useMemoryRouter?: boolean;
     /** Frontend plugins that contribute sidebar items, routes, panel tabs, header actions, etc. */
     plugins?: InvectFrontendPlugin[];
-    /** Pre-configured API client instance (e.g. for demo mode). When provided, apiBaseUrl is ignored. */
+    /** Pre-configured API client instance (e.g. for demo mode). When provided, apiPath is ignored. */
     apiClient?: ApiClient;
+    /**
+     * Invect configuration object (from defineConfig).
+     * When provided, `apiPath` and `frontendPath` are read from the config
+     * unless explicitly overridden by the individual props.
+     */
+    config?: {
+        apiPath?: string;
+        frontendPath?: string;
+        plugins?: Array<{
+            frontend?: InvectFrontendPlugin;
+        }>;
+    };
 }
 /**
  * Complete Invect component with internal routing
@@ -22,4 +34,4 @@ export interface InvectProps {
  *
  * For integration into existing React Router apps, use createInvectRoutes instead
  */
-export declare const Invect: React.MemoExoticComponent<({ reactQueryClient, apiBaseUrl, basePath, useMemoryRouter, plugins, apiClient, }: InvectProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const Invect: React.MemoExoticComponent<({ reactQueryClient, apiPath: apiPathProp, frontendPath: frontendPathProp, useMemoryRouter, plugins, apiClient, config, }: InvectProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/api/node-data.api.d.ts

@@ -1,7 +1,7 @@
 import { SubmitSQLQueryRequest } from '@invect/core/types';
 export declare function useListQueryDatabases(): import('@tanstack/react-query').UseQueryResult<{
     connectionString: string;
-    type: "mysql" | "sqlite" | "postgresql";
+    type: "sqlite" | "mysql" | "postgresql";
     name?: string | undefined;
     driver?: "pg" | "postgres" | "neon-serverless" | "better-sqlite3" | "libsql" | "mysql2" | undefined;
 }[], Error>;

package/dist/components/flow-editor/FlowCommandPalette.d.ts

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+import { ShortcutCategory } from './keyboard-shortcuts';
+export interface CommandPaletteAction {
+    id: string;
+    label: string;
+    description?: string;
+    category: ShortcutCategory;
+    icon?: React.ReactNode;
+    shortcutDisplay?: string;
+    onSelect: () => void;
+    disabled?: boolean;
+}
+interface FlowCommandPaletteProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    actions: CommandPaletteAction[];
+}
+export declare function FlowCommandPalette({ open, onOpenChange, actions }: FlowCommandPaletteProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/flow-editor/ShortcutsHelpDialog.d.ts

@@ -0,0 +1,6 @@
+interface ShortcutsHelpDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+}
+export declare function ShortcutsHelpDialog({ open, onOpenChange }: ShortcutsHelpDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/flow-editor/keyboard-shortcuts.d.ts

@@ -0,0 +1,161 @@
+export interface KeyboardShortcut {
+    /** Unique identifier */
+    id: string;
+    /** Human-readable label shown in command palette and help overlay */
+    label: string;
+    /** Key combo in react-hotkeys-hook format (e.g. "mod+k", "shift+a") */
+    keys: string;
+    /** Display string for macOS (e.g. "⌘K") */
+    macDisplay: string;
+    /** Display string for Windows/Linux (e.g. "Ctrl+K") */
+    winDisplay: string;
+    /** Category for grouping in the command palette */
+    category: ShortcutCategory;
+    /** Optional description for the command palette */
+    description?: string;
+    /** If true, this shortcut is also available when editing text inputs */
+    enableOnFormTags?: boolean;
+}
+export type ShortcutCategory = 'general' | 'editing' | 'navigation' | 'view';
+/** Get the platform-appropriate display string for a shortcut */
+export declare function getShortcutDisplay(shortcut: KeyboardShortcut): string;
+export declare const SHORTCUTS: {
+    readonly commandPalette: {
+        readonly id: "command-palette";
+        readonly label: "Open Command Palette";
+        readonly keys: "mod+k";
+        readonly macDisplay: "⌘K";
+        readonly winDisplay: "Ctrl+K";
+        readonly category: "general";
+        readonly enableOnFormTags: true;
+    };
+    readonly save: {
+        readonly id: "save";
+        readonly label: "Save Flow";
+        readonly keys: "mod+s";
+        readonly macDisplay: "⌘S";
+        readonly winDisplay: "Ctrl+S";
+        readonly category: "general";
+        readonly enableOnFormTags: true;
+    };
+    readonly executeFlow: {
+        readonly id: "execute-flow";
+        readonly label: "Run Flow";
+        readonly keys: "mod+enter";
+        readonly macDisplay: "⌘↵";
+        readonly winDisplay: "Ctrl+Enter";
+        readonly category: "general";
+        readonly enableOnFormTags: true;
+    };
+    readonly showShortcuts: {
+        readonly id: "show-shortcuts";
+        readonly label: "Show Keyboard Shortcuts";
+        readonly keys: "shift+/";
+        readonly macDisplay: "?";
+        readonly winDisplay: "?";
+        readonly category: "general";
+    };
+    readonly copy: {
+        readonly id: "copy";
+        readonly label: "Copy Selected Nodes";
+        readonly keys: "mod+c";
+        readonly macDisplay: "⌘C";
+        readonly winDisplay: "Ctrl+C";
+        readonly category: "editing";
+    };
+    readonly cut: {
+        readonly id: "cut";
+        readonly label: "Cut Selected Nodes";
+        readonly keys: "mod+x";
+        readonly macDisplay: "⌘X";
+        readonly winDisplay: "Ctrl+X";
+        readonly category: "editing";
+    };
+    readonly paste: {
+        readonly id: "paste";
+        readonly label: "Paste Nodes";
+        readonly keys: "mod+v";
+        readonly macDisplay: "⌘V";
+        readonly winDisplay: "Ctrl+V";
+        readonly category: "editing";
+    };
+    readonly duplicate: {
+        readonly id: "duplicate";
+        readonly label: "Duplicate Selected Nodes";
+        readonly keys: "mod+d";
+        readonly macDisplay: "⌘D";
+        readonly winDisplay: "Ctrl+D";
+        readonly category: "editing";
+    };
+    readonly deleteSelection: {
+        readonly id: "delete-selection";
+        readonly label: "Delete Selected Nodes";
+        readonly keys: "backspace";
+        readonly macDisplay: "⌫";
+        readonly winDisplay: "Delete";
+        readonly category: "editing";
+    };
+    readonly selectAll: {
+        readonly id: "select-all";
+        readonly label: "Select All Nodes";
+        readonly keys: "mod+a";
+        readonly macDisplay: "⌘A";
+        readonly winDisplay: "Ctrl+A";
+        readonly category: "editing";
+    };
+    readonly fitView: {
+        readonly id: "fit-view";
+        readonly label: "Fit View";
+        readonly keys: "mod+shift+f";
+        readonly macDisplay: "⌘⇧F";
+        readonly winDisplay: "Ctrl+Shift+F";
+        readonly category: "navigation";
+    };
+    readonly zoomIn: {
+        readonly id: "zoom-in";
+        readonly label: "Zoom In";
+        readonly keys: "mod+=";
+        readonly macDisplay: "⌘+";
+        readonly winDisplay: "Ctrl++";
+        readonly category: "navigation";
+    };
+    readonly zoomOut: {
+        readonly id: "zoom-out";
+        readonly label: "Zoom Out";
+        readonly keys: "mod+-";
+        readonly macDisplay: "⌘−";
+        readonly winDisplay: "Ctrl+-";
+        readonly category: "navigation";
+    };
+    readonly toggleSidebar: {
+        readonly id: "toggle-sidebar";
+        readonly label: "Toggle Node Sidebar";
+        readonly keys: "mod+b";
+        readonly macDisplay: "⌘B";
+        readonly winDisplay: "Ctrl+B";
+        readonly category: "view";
+    };
+    readonly toggleTheme: {
+        readonly id: "toggle-theme";
+        readonly label: "Toggle Dark/Light Mode";
+        readonly keys: "mod+shift+l";
+        readonly macDisplay: "⌘⇧L";
+        readonly winDisplay: "Ctrl+Shift+L";
+        readonly category: "view";
+    };
+    readonly toggleChat: {
+        readonly id: "toggle-chat";
+        readonly label: "Toggle AI Chat Assistant";
+        readonly keys: "mod+shift+a";
+        readonly macDisplay: "⌘⇧A";
+        readonly winDisplay: "Ctrl+Shift+A";
+        readonly category: "view";
+    };
+};
+export type ShortcutId = keyof typeof SHORTCUTS;
+/** All shortcuts as a flat array, for iteration */
+export declare const ALL_SHORTCUTS: KeyboardShortcut[];
+/** Shortcuts grouped by category */
+export declare function getShortcutsByCategory(): Record<ShortcutCategory, KeyboardShortcut[]>;
+/** Human-readable category labels */
+export declare const CATEGORY_LABELS: Record<ShortcutCategory, string>;

package/dist/components/flow-editor/serialize-to-sdk.d.ts

@@ -2,19 +2,19 @@ import { ClipboardNode, ClipboardEdge } from './use-copy-paste.types';
 /**
  * Convert clipboard nodes and edges into SDK source code text.
  *
- * Returns a string like:
+ * Returns a string shaped like a `defineFlow()` body:
  * ```
- * // Nodes
- * input('query', { variableName: 'query' }),
- *
- * model('answer', {
- *   credentialId: 'cred-abc',
- *   model: 'gpt-4o-mini',
- *   prompt: '{{ query }}',
- * }),
- *
- * // Edges
- * ['query', 'answer'],
+ * nodes: [
+ *   input('query', { variableName: 'query' }),
+ *   model('answer', {
+ *     credentialId: 'cred-abc',
+ *     model: 'gpt-4o-mini',
+ *     prompt: '{{ query }}',
+ *   }),
+ * ],
+ * edges: [
+ *   ['query', 'answer'],
+ * ],
  * ```
  */
 export declare function serializeToSDK(nodes: ClipboardNode[], edges: ClipboardEdge[]): string;

package/dist/components/flow-editor/use-keyboard-shortcuts.d.ts

@@ -0,0 +1,14 @@
+import { CommandPaletteAction } from './FlowCommandPalette';
+/** Options to control which canvas-level shortcuts to skip (handled elsewhere) */
+interface UseKeyboardShortcutsOptions {
+    /** Whether copy/paste shortcuts are handled by useCopyPaste (avoid double-binding) */
+    copyPasteHandledExternally?: boolean;
+}
+export declare function useKeyboardShortcuts(opts?: UseKeyboardShortcutsOptions): {
+    commandPaletteOpen: boolean;
+    setCommandPaletteOpen: import('react').Dispatch<import('react').SetStateAction<boolean>>;
+    shortcutsHelpOpen: boolean;
+    setShortcutsHelpOpen: import('react').Dispatch<import('react').SetStateAction<boolean>>;
+    commandPaletteActions: CommandPaletteAction[];
+};
+export {};