@makolabs/ripple 1.7.11 → 1.8.0

package/dist/adapters/ai/OpenAIAdapter.d.ts

@@ -2,14 +2,21 @@ import type { ChatResponse, ChatMessage, StreamingCallback } from '../../index.j
 import type { AIAdapter, AIContext } from './types.js';
 /**
  * Configuration for OpenAI adapter
+ *
+ * **Security warning:** This adapter makes API calls directly from the browser.
+ * The API key will be visible in network requests. For production use, consider
+ * proxying requests through a server-side endpoint to avoid exposing the key.
  */
 export interface OpenAIAdapterConfig {
     /**
      * OpenAI API key
+     *
+     * **Warning:** This key is sent in browser-side fetch requests and will be
+     * visible in network traffic. Use a server-side proxy for production.
      */
     apiKey: string;
     /**
-     * Model to use (defaults to gpt-4-turbo-preview)
+     * Model to use (defaults to gpt-5-mini)
      */
     model?: string;
     /**

package/dist/adapters/ai/OpenAIAdapter.js

@@ -13,8 +13,8 @@ export class OpenAIAdapter {
     constructor(config) {
         // Set defaults
         this.config = {
-            model: 'gpt-5', // make this configurable
-            baseUrl: 'https://api.openai.com/v1', // make this configurable
+            model: 'gpt-5-mini',
+            baseUrl: 'https://api.openai.com/v1',
             systemPrompt: this.getDefaultSystemPrompt(),
             temperature: 0.7,
             maxTokens: 4000,

package/dist/adapters/storage/BaseAdapter.js

@@ -17,7 +17,7 @@ export class BaseAdapter {
                     contentType: options.contentType,
                     fileFormat: options.fileFormat,
                     reference: options.reference || file.name,
-                    insurer: options.contentType === 'insurer_statement' ? options.insurer : null
+                    insurer: options.insurer || null
                 })
             });
             if (!response.ok) {
@@ -44,7 +44,7 @@ export class BaseAdapter {
     }
     async getImportStatus(importId) {
         try {
-            const response = await fetch(`/api/v1/uploads/${importId}`);
+            const response = await fetch(`/api/${this.getApiPath()}/imports/${importId}`);
             if (!response.ok) {
                 if (response.status === 404) {
                     throw new Error(`404: File ${importId} not found on server`);

package/dist/adapters/storage/S3Adapter.js

@@ -6,7 +6,7 @@ export class S3Adapter extends BaseAdapter {
     basePath;
     constructor(basePath, publicS3BasePath) {
         super();
-        this.basePath = basePath || publicS3BasePath || 'export/clarkfin/';
+        this.basePath = basePath || publicS3BasePath || '/';
     }
     getName() {
         return 'S3';
@@ -111,11 +111,6 @@ export class S3Adapter extends BaseAdapter {
                     parentPath = this.basePath;
                 }
             }
-            // Debug log
-            console.log(`S3 listing path: ${normalizedPath}, files: ${fileItems.length}, folders: ${folders.length}`);
-            if (folders.length > 0) {
-                console.log('Sample folder names:', folders.slice(0, 3).map((f) => f.name));
-            }
             return {
                 files,
                 currentPath: normalizedPath,

package/dist/adapters/storage/types.d.ts

@@ -89,9 +89,9 @@ export interface StorageAdapter {
     getName(): string;
     list(path: string, searchQuery?: string): Promise<FileListResult>;
     download(file: FileItem): Promise<URLString>;
-    import(file: FileItem, options: ImportOptions): Promise<ImportResult>;
-    batchImport(files: FileItem[], options: ImportOptions): Promise<BatchImportResult>;
-    getImportStatus(importId: string, fileKey: string): Promise<ImportStatus>;
+    import?(file: FileItem, options: ImportOptions): Promise<ImportResult>;
+    batchImport?(files: FileItem[], options: ImportOptions): Promise<BatchImportResult>;
+    getImportStatus?(importId: string, fileKey?: string): Promise<ImportStatus>;
     reportError?(importId: string, options: ErrorReportOptions): Promise<boolean>;
     isConfigured(): Promise<boolean>;
     authenticate?(): Promise<boolean>;

package/dist/ai/AIChatInterface.svelte

@@ -273,7 +273,6 @@
 	function handleThinkingToggle(enabled: boolean) {
 		thinkingMode = enabled;
 		// You can add additional logic here when thinking mode changes
-		console.log('Thinking mode:', enabled ? 'enabled' : 'disabled');
 	}
 
 	// Check adapter configuration

package/dist/ai/ai-chat-interface.d.ts

@@ -1,37 +1,36 @@
-import { Color } from '../variants.js';
 export declare const aiChatInterface: import("tailwind-variants").TVReturnType<{
     color: {
-        [Color.DEFAULT]: {
+        default: {
             userMessage: string;
             sendButton: string;
             background: string;
         };
-        [Color.PRIMARY]: {
+        primary: {
             userMessage: string;
             sendButton: string;
             background: string;
         };
-        [Color.SECONDARY]: {
+        secondary: {
             userMessage: string;
             sendButton: string;
             background: string;
         };
-        [Color.SUCCESS]: {
+        success: {
             userMessage: string;
             sendButton: string;
             background: string;
         };
-        [Color.WARNING]: {
+        warning: {
             userMessage: string;
             sendButton: string;
             background: string;
         };
-        [Color.DANGER]: {
+        danger: {
             userMessage: string;
             sendButton: string;
             background: string;
         };
-        [Color.INFO]: {
+        info: {
             userMessage: string;
             sendButton: string;
             background: string;
@@ -54,37 +53,37 @@ export declare const aiChatInterface: import("tailwind-variants").TVReturnType<{
     background: string;
 }, undefined, {
     color: {
-        [Color.DEFAULT]: {
+        default: {
             userMessage: string;
             sendButton: string;
             background: string;
         };
-        [Color.PRIMARY]: {
+        primary: {
             userMessage: string;
             sendButton: string;
             background: string;
         };
-        [Color.SECONDARY]: {
+        secondary: {
             userMessage: string;
             sendButton: string;
             background: string;
         };
-        [Color.SUCCESS]: {
+        success: {
             userMessage: string;
             sendButton: string;
             background: string;
         };
-        [Color.WARNING]: {
+        warning: {
             userMessage: string;
             sendButton: string;
             background: string;
         };
-        [Color.DANGER]: {
+        danger: {
             userMessage: string;
             sendButton: string;
             background: string;
         };
-        [Color.INFO]: {
+        info: {
             userMessage: string;
             sendButton: string;
             background: string;
@@ -107,37 +106,37 @@ export declare const aiChatInterface: import("tailwind-variants").TVReturnType<{
     background: string;
 }, import("tailwind-variants").TVReturnType<{
     color: {
-        [Color.DEFAULT]: {
+        default: {
             userMessage: string;
             sendButton: string;
             background: string;
         };
-        [Color.PRIMARY]: {
+        primary: {
             userMessage: string;
             sendButton: string;
             background: string;
         };
-        [Color.SECONDARY]: {
+        secondary: {
             userMessage: string;
             sendButton: string;
             background: string;
         };
-        [Color.SUCCESS]: {
+        success: {
             userMessage: string;
             sendButton: string;
             background: string;
         };
-        [Color.WARNING]: {
+        warning: {
             userMessage: string;
             sendButton: string;
             background: string;
         };
-        [Color.DANGER]: {
+        danger: {
             userMessage: string;
             sendButton: string;
             background: string;
         };
-        [Color.INFO]: {
+        info: {
             userMessage: string;
             sendButton: string;
             background: string;

package/dist/ai/content-detector.js

@@ -72,7 +72,6 @@ function isMermaidLanguage(language) {
  * Parses content into segments (text, code, mermaid)
  */
 export function parseContentSegments(content) {
-    console.log('parseContentSegments', content);
     const segments = [];
     const mermaidBlocks = detectMermaidDiagrams(content);
     const codeBlocks = detectCodeBlocks(content);

package/dist/button/Button.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
 	import { cn } from '../helper/cls.js';
+	import { buildTestId } from '../helper/testid.js';
 	import { buttonVariants } from './button.js';
 	import type { ButtonProps } from '../index.js';
 	import { Color, Size } from '../variants.js';
@@ -12,6 +13,7 @@
 		disabled = false,
 		isLoading = false,
 		class: className = '',
+		testId,
 		children,
 		...restProps
 	}: ButtonProps = $props();
@@ -34,13 +36,18 @@
 </script>
 
 {#if restProps['href']}
-	<a class={buttonClasses} {...restProps}>
+	<a class={buttonClasses} data-testid={buildTestId('button', undefined, testId)} {...restProps}>
 		{#if children}
 			{@render children()}
 		{/if}
 	</a>
 {:else}
-	<button class={buttonClasses} disabled={disabled || isLoading} {...restProps}>
+	<button
+		class={buttonClasses}
+		data-testid={buildTestId('button', undefined, testId)}
+		disabled={disabled || isLoading}
+		{...restProps}
+	>
 		{#if children}
 			{@render children()}
 		{/if}

package/dist/button/button.d.ts

@@ -1,4 +1,3 @@
-import { Color, Size } from '../variants.js';
 export declare const buttonVariants: import("tailwind-variants").TVReturnType<{
     variant: {
         solid: string;
@@ -7,21 +6,21 @@ export declare const buttonVariants: import("tailwind-variants").TVReturnType<{
         link: string;
     };
     color: {
-        [Color.DEFAULT]: string;
-        [Color.PRIMARY]: string;
-        [Color.SECONDARY]: string;
-        [Color.INFO]: string;
-        [Color.SUCCESS]: string;
-        [Color.WARNING]: string;
-        [Color.DANGER]: string;
+        default: string;
+        primary: string;
+        secondary: string;
+        info: string;
+        success: string;
+        warning: string;
+        danger: string;
     };
     size: {
-        [Size.XS]: string;
-        [Size.SM]: string;
-        [Size.BASE]: string;
-        [Size.LG]: string;
-        [Size.XL]: string;
-        [Size.XXL]: string;
+        xs: string;
+        sm: string;
+        base: string;
+        lg: string;
+        xl: string;
+        "2xl": string;
     };
     rounded: {
         none: string;
@@ -44,21 +43,21 @@ export declare const buttonVariants: import("tailwind-variants").TVReturnType<{
         link: string;
     };
     color: {
-        [Color.DEFAULT]: string;
-        [Color.PRIMARY]: string;
-        [Color.SECONDARY]: string;
-        [Color.INFO]: string;
-        [Color.SUCCESS]: string;
-        [Color.WARNING]: string;
-        [Color.DANGER]: string;
+        default: string;
+        primary: string;
+        secondary: string;
+        info: string;
+        success: string;
+        warning: string;
+        danger: string;
     };
     size: {
-        [Size.XS]: string;
-        [Size.SM]: string;
-        [Size.BASE]: string;
-        [Size.LG]: string;
-        [Size.XL]: string;
-        [Size.XXL]: string;
+        xs: string;
+        sm: string;
+        base: string;
+        lg: string;
+        xl: string;
+        "2xl": string;
     };
     rounded: {
         none: string;
@@ -81,21 +80,21 @@ export declare const buttonVariants: import("tailwind-variants").TVReturnType<{
         link: string;
     };
     color: {
-        [Color.DEFAULT]: string;
-        [Color.PRIMARY]: string;
-        [Color.SECONDARY]: string;
-        [Color.INFO]: string;
-        [Color.SUCCESS]: string;
-        [Color.WARNING]: string;
-        [Color.DANGER]: string;
+        default: string;
+        primary: string;
+        secondary: string;
+        info: string;
+        success: string;
+        warning: string;
+        danger: string;
     };
     size: {
-        [Size.XS]: string;
-        [Size.SM]: string;
-        [Size.BASE]: string;
-        [Size.LG]: string;
-        [Size.XL]: string;
-        [Size.XXL]: string;
+        xs: string;
+        sm: string;
+        base: string;
+        lg: string;
+        xl: string;
+        "2xl": string;
     };
     rounded: {
         none: string;

package/dist/charts/Chart.svelte

@@ -110,6 +110,7 @@
 	// @ts-expect-error - ECharts types are not available
 	let chart: echarts.ECharts;
 	let resizeObserver: ResizeObserver;
+	let resizeTimeoutId: ReturnType<typeof setTimeout>;
 
 	const chartColors: ChartColors = { ...defaultChartColors, ...colors };
 	const baseColors = [
@@ -506,7 +507,8 @@
 		chart = echarts.init(chartContainer, theme);
 
 		// Instantly triggering resizes disables animation, hence the timeout
-		setTimeout(() => {
+		resizeTimeoutId = setTimeout(() => {
+			if (!chartContainer) return;
 			resizeObserver = new ResizeObserver(() => {
 				chart?.resize();
 			});
@@ -538,6 +540,7 @@
 	});
 
 	onDestroy(() => {
+		clearTimeout(resizeTimeoutId);
 		resizeObserver?.disconnect();
 		chart?.dispose();
 	});

package/dist/drawer/Drawer.svelte

@@ -4,6 +4,8 @@
 	import { fade, fly } from 'svelte/transition';
 	import { quintOut } from 'svelte/easing';
 	import { cn } from '../helper/cls.js';
+	import { buildTestId } from '../helper/testid.js';
+	import { warnDeprecatedProps } from '../helper/deprecation.js';
 	import { drawer } from './drawer.js';
 	import type { DrawerProps } from '../index.js';
 
@@ -17,14 +19,34 @@
 		header,
 		footer,
 		class: className = '',
-		backdropclass: backdropClassName = '',
-		contentclass: contentClassName = '',
-		headerclass: headerClassName = '',
-		bodyclass: bodyClassName = '',
-		titleclass: titleClassName = '',
-		footerclass: footerClassName = ''
+		backdropclass,
+		backdropClass = backdropclass ?? '',
+		contentclass,
+		contentClass = contentclass ?? '',
+		headerclass,
+		headerClass = headerclass ?? '',
+		bodyclass,
+		bodyClass = bodyclass ?? '',
+		titleclass,
+		titleClass = titleclass ?? '',
+		footerclass,
+		footerClass = footerclass ?? '',
+		testId
 	}: DrawerProps = $props();
 
+	warnDeprecatedProps(
+		'Drawer',
+		{ backdropclass, contentclass, headerclass, bodyclass, titleclass, footerclass },
+		{
+			backdropclass: 'backdropClass',
+			contentclass: 'contentClass',
+			headerclass: 'headerClass',
+			bodyclass: 'bodyClass',
+			titleclass: 'titleClass',
+			footerclass: 'footerClass'
+		}
+	);
+
 	let drawerElement: HTMLDivElement | undefined = $state();
 
 	const {
@@ -35,7 +57,7 @@
 		header: headerVClass,
 		body,
 		footer: footerVClass,
-		title: titleClass,
+		title: titleVClass,
 		closeButton
 	} = $derived(
 		drawer({
@@ -45,15 +67,15 @@
 		})
 	);
 
-	const baseClass = $derived(cn(base(), className));
-	const backdropClass = $derived(cn(backdrop(), backdropClassName));
-	const contentWrapperClass = $derived(cn(contentWrapper(), contentClassName));
-	const contentClass = $derived(cn(content(), ''));
-	const headerClass = $derived(cn(headerVClass(), headerClassName));
-	const bodyClass = $derived(cn(body(), bodyClassName));
-	const titleClasses = $derived(cn(titleClass(), titleClassName));
+	const baseClasses = $derived(cn(base(), className));
+	const backdropClasses = $derived(cn(backdrop(), backdropClass));
+	const contentWrapperClasses = $derived(cn(contentWrapper(), contentClass));
+	const contentClasses = $derived(cn(content(), ''));
+	const headerClasses = $derived(cn(headerVClass(), headerClass));
+	const bodyClasses = $derived(cn(body(), bodyClass));
+	const titleClasses = $derived(cn(titleVClass(), titleClass));
 	const closeButtonClasses = $derived(cn(closeButton(), ''));
-	const footerClass = $derived(cn(footerVClass(), 'mt-auto', footerClassName));
+	const footerClasses = $derived(cn(footerVClass(), 'mt-auto', footerClass));
 
 	function handleBackdropClick(e: MouseEvent) {
 		if (e.target === e.currentTarget) {
@@ -156,7 +178,7 @@
 
 {#if browser}
 	<div
-		class={baseClass}
+		class={baseClasses}
 		bind:this={drawerElement}
 		role="dialog"
 		aria-modal="true"
@@ -165,29 +187,41 @@
 		{#key open}
 			<!-- Backdrop -->
 			<button
-				class={backdropClass}
+				class={backdropClasses}
 				onclick={handleBackdropClick}
 				transition:fade={{ duration: 200 }}
 				aria-label="Close drawer"
+				data-testid={buildTestId('drawer', 'backdrop', testId)}
 			></button>
 
 			<!-- Drawer content -->
-			<div class={contentWrapperClass} transition:fly={getTransition()}>
-				<div class={contentClass}>
+			<div
+				class={contentWrapperClasses}
+				transition:fly={getTransition()}
+				data-testid={buildTestId('drawer', 'dialog', testId)}
+			>
+				<div class={contentClasses}>
 					<!-- Header -->
 					{#if header || title}
-						<div class={headerClass}>
+						<div class={headerClasses}>
 							{#if header}
 								{@render header()}
 							{:else}
 								{#if title}
-									<h3 id="drawer-title" class={titleClasses}>{title}</h3>
+									<h3
+										id="drawer-title"
+										class={titleClasses}
+										data-testid={buildTestId('drawer', 'title', testId)}
+									>
+										{title}
+									</h3>
 								{/if}
 								<button
 									type="button"
 									class={closeButtonClasses}
 									onclick={handleCloseClick}
 									aria-label="Close drawer"
+									data-testid={buildTestId('drawer', 'close', testId)}
 								>
 									<svg
 										xmlns="http://www.w3.org/2000/svg"
@@ -205,7 +239,7 @@
 						</div>
 					{/if}
 
-					<div class={bodyClass}>
+					<div class={bodyClasses} data-testid={buildTestId('drawer', 'body', testId)}>
 						{#if children}
 							{@render children()}
 						{/if}
@@ -213,7 +247,7 @@
 
 					<!-- Add footer section -->
 					{#if footer}
-						<div class={footerClass}>
+						<div class={footerClasses}>
 							{@render footer()}
 						</div>
 					{/if}

package/dist/drawer/drawer.d.ts

@@ -1,4 +1,3 @@
-import { Size } from '../variants.js';
 export declare const drawer: import("tailwind-variants").TVReturnType<{
     open: {
         true: {
@@ -23,22 +22,22 @@ export declare const drawer: import("tailwind-variants").TVReturnType<{
         };
     };
     size: {
-        [Size.XS]: {
+        xs: {
             contentWrapper: string;
         };
-        [Size.SM]: {
+        sm: {
             contentWrapper: string;
         };
-        [Size.BASE]: {
+        base: {
             contentWrapper: string;
         };
-        [Size.LG]: {
+        lg: {
             contentWrapper: string;
         };
-        [Size.XL]: {
+        xl: {
             contentWrapper: string;
         };
-        [Size.XXL]: {
+        "2xl": {
             contentWrapper: string;
         };
     };
@@ -76,22 +75,22 @@ export declare const drawer: import("tailwind-variants").TVReturnType<{
         };
     };
     size: {
-        [Size.XS]: {
+        xs: {
             contentWrapper: string;
         };
-        [Size.SM]: {
+        sm: {
             contentWrapper: string;
         };
-        [Size.BASE]: {
+        base: {
             contentWrapper: string;
         };
-        [Size.LG]: {
+        lg: {
             contentWrapper: string;
         };
-        [Size.XL]: {
+        xl: {
             contentWrapper: string;
         };
-        [Size.XXL]: {
+        "2xl": {
             contentWrapper: string;
         };
     };
@@ -129,22 +128,22 @@ export declare const drawer: import("tailwind-variants").TVReturnType<{
         };
     };
     size: {
-        [Size.XS]: {
+        xs: {
             contentWrapper: string;
         };
-        [Size.SM]: {
+        sm: {
             contentWrapper: string;
         };
-        [Size.BASE]: {
+        base: {
             contentWrapper: string;
         };
-        [Size.LG]: {
+        lg: {
             contentWrapper: string;
         };
-        [Size.XL]: {
+        xl: {
             contentWrapper: string;
         };
-        [Size.XXL]: {
+        "2xl": {
             contentWrapper: string;
         };
     };