@nyaruka/temba-components 0.129.7 → 0.129.9

package/out-tsc/test/ActionHelper.js

@@ -5,6 +5,8 @@ import '../temba-modules';
 /**
  * Generic action test framework
  * Tests the complete action lifecycle: render → edit → save → validate
+ *
+ * For node configuration testing, see NodeHelper.ts
  */
 export class ActionTest {
     constructor(actionConfig, actionName) {

package/out-tsc/test/ActionHelper.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionHelper.js","sourceRoot":"","sources":["../../test/ActionHelper.ts"],"names":[],"mappings":"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","sourcesContent":["import { fixture, expect } from '@open-wc/testing';\nimport { html } from 'lit';\nimport { Action, Node } from '../src/store/flow-definition';\nimport { assertScreenshot, getClip } from './utils.test';\nimport { Editor } from '../src/flow/Editor';\nimport '../temba-modules';\n\n/**\n * Generic action test framework\n * Tests the complete action lifecycle: render → edit → save → validate\n */\nexport class ActionTest<T extends Action> {\n  constructor(private actionConfig: any, private actionName: string) {}\n\n  /**\n   * Renders an action in the flow editor and returns the flow node\n   */\n  private async renderAction(action: T): Promise<HTMLElement> {\n    const node: Node = {\n      uuid: 'test-node',\n      actions: [action],\n      exits: []\n    };\n\n    const mockDefinition = {\n      nodes: [node],\n      _ui: {\n        nodes: {\n          [node.uuid]: {\n            type: 'execute_actions',\n            position: { left: 50, top: 50 }\n          }\n        }\n      }\n    };\n\n    const editor = (await fixture(html`\n      <temba-flow-editor>\n        <div id=\"canvas\"></div>\n      </temba-flow-editor>\n    `)) as Editor;\n\n    (editor as any).definition = mockDefinition;\n    (editor as any).canvasSize = { width: 400, height: 300 };\n    await editor.updateComplete;\n\n    const flowNode = editor.querySelector('temba-flow-node') as HTMLElement;\n    expect(flowNode).to.exist;\n\n    return flowNode;\n  }\n\n  /**\n   * Opens the node editor for an action and returns the editor element\n   */\n  private async openNodeEditor(action: T): Promise<HTMLElement> {\n    const nodeEditor = (await fixture(html`\n      <temba-node-editor .action=${action} .isOpen=${true}></temba-node-editor>\n    `)) as HTMLElement;\n\n    await (nodeEditor as any).updateComplete;\n    expect(nodeEditor).to.exist;\n\n    return nodeEditor;\n  }\n\n  /**\n   * Takes a screenshot of the dialog container within a node editor\n   */\n  private async assertDialogScreenshot(\n    el: HTMLElement,\n    screenshotName: string\n  ) {\n    const dialog = el.shadowRoot\n      .querySelector('temba-dialog')\n      .shadowRoot.querySelector('.dialog-container') as HTMLElement;\n    await assertScreenshot(screenshotName, getClip(dialog));\n  }\n\n  /**\n   * Complete test for an action configuration\n   * 1. Renders the action in a flow node (with screenshot)\n   * 2. Opens the node editor (with screenshot)\n   * 3. Simulates save and validates round-trip conversion\n   */\n  async testAction(action: T, testName: string) {\n    it(`${testName}`, async () => {\n      // Step 1: Render action in flow node\n      const flowNode = await this.renderAction(action);\n      expect(flowNode.querySelector('.body')).to.exist;\n      await assertScreenshot(\n        `actions/${this.actionName}/render/${testName}`,\n        getClip(flowNode)\n      );\n\n      // Step 2: Open node editor\n      const nodeEditor = await this.openNodeEditor(action);\n      await this.assertDialogScreenshot(\n        nodeEditor,\n        `actions/${this.actionName}/editor/${testName}`\n      );\n\n      // Step 3: Test round-trip conversion (simulates save workflow)\n      if (this.actionConfig.toFormData && this.actionConfig.fromFormData) {\n        const formData = this.actionConfig.toFormData(action);\n        const convertedAction = this.actionConfig.fromFormData(formData) as T;\n\n        // Validate the round trip worked\n        expect(convertedAction.uuid).to.equal(action.uuid);\n        expect(convertedAction.type).to.equal(action.type);\n\n        // Validate the converted action\n        if (this.actionConfig.validate) {\n          const validation = this.actionConfig.validate(convertedAction);\n          expect(validation.valid).to.be.true;\n        }\n      }\n    });\n  }\n\n  /**\n   * Run basic property tests\n   */\n  testBasicProperties() {\n    it('has correct basic properties', () => {\n      expect(this.actionConfig.name).to.be.a('string');\n      expect(this.actionConfig.color).to.exist;\n\n      // toFormData and fromFormData are optional - only needed for complex data transformations\n      if (this.actionConfig.toFormData) {\n        expect(this.actionConfig.toFormData).to.be.a('function');\n      }\n      if (this.actionConfig.fromFormData) {\n        expect(this.actionConfig.fromFormData).to.be.a('function');\n      }\n\n      if (this.actionConfig.validate) {\n        expect(this.actionConfig.validate).to.be.a('function');\n      }\n    });\n  }\n}\n"]}
+{"version":3,"file":"ActionHelper.js","sourceRoot":"","sources":["../../test/ActionHelper.ts"],"names":[],"mappings":"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","sourcesContent":["import { fixture, expect } from '@open-wc/testing';\nimport { html } from 'lit';\nimport { Action, Node } from '../src/store/flow-definition';\nimport { assertScreenshot, getClip } from './utils.test';\nimport { Editor } from '../src/flow/Editor';\nimport '../temba-modules';\n\n/**\n * Generic action test framework\n * Tests the complete action lifecycle: render → edit → save → validate\n *\n * For node configuration testing, see NodeHelper.ts\n */\nexport class ActionTest<T extends Action> {\n  constructor(private actionConfig: any, private actionName: string) {}\n\n  /**\n   * Renders an action in the flow editor and returns the flow node\n   */\n  private async renderAction(action: T): Promise<HTMLElement> {\n    const node: Node = {\n      uuid: 'test-node',\n      actions: [action],\n      exits: []\n    };\n\n    const mockDefinition = {\n      nodes: [node],\n      _ui: {\n        nodes: {\n          [node.uuid]: {\n            type: 'execute_actions',\n            position: { left: 50, top: 50 }\n          }\n        }\n      }\n    };\n\n    const editor = (await fixture(html`\n      <temba-flow-editor>\n        <div id=\"canvas\"></div>\n      </temba-flow-editor>\n    `)) as Editor;\n\n    (editor as any).definition = mockDefinition;\n    (editor as any).canvasSize = { width: 400, height: 300 };\n    await editor.updateComplete;\n\n    const flowNode = editor.querySelector('temba-flow-node') as HTMLElement;\n    expect(flowNode).to.exist;\n\n    return flowNode;\n  }\n\n  /**\n   * Opens the node editor for an action and returns the editor element\n   */\n  private async openNodeEditor(action: T): Promise<HTMLElement> {\n    const nodeEditor = (await fixture(html`\n      <temba-node-editor .action=${action} .isOpen=${true}></temba-node-editor>\n    `)) as HTMLElement;\n\n    await (nodeEditor as any).updateComplete;\n    expect(nodeEditor).to.exist;\n\n    return nodeEditor;\n  }\n\n  /**\n   * Takes a screenshot of the dialog container within a node editor\n   */\n  private async assertDialogScreenshot(\n    el: HTMLElement,\n    screenshotName: string\n  ) {\n    const dialog = el.shadowRoot\n      .querySelector('temba-dialog')\n      .shadowRoot.querySelector('.dialog-container') as HTMLElement;\n    await assertScreenshot(screenshotName, getClip(dialog));\n  }\n\n  /**\n   * Complete test for an action configuration\n   * 1. Renders the action in a flow node (with screenshot)\n   * 2. Opens the node editor (with screenshot)\n   * 3. Simulates save and validates round-trip conversion\n   */\n  async testAction(action: T, testName: string) {\n    it(`${testName}`, async () => {\n      // Step 1: Render action in flow node\n      const flowNode = await this.renderAction(action);\n      expect(flowNode.querySelector('.body')).to.exist;\n      await assertScreenshot(\n        `actions/${this.actionName}/render/${testName}`,\n        getClip(flowNode)\n      );\n\n      // Step 2: Open node editor\n      const nodeEditor = await this.openNodeEditor(action);\n      await this.assertDialogScreenshot(\n        nodeEditor,\n        `actions/${this.actionName}/editor/${testName}`\n      );\n\n      // Step 3: Test round-trip conversion (simulates save workflow)\n      if (this.actionConfig.toFormData && this.actionConfig.fromFormData) {\n        const formData = this.actionConfig.toFormData(action);\n        const convertedAction = this.actionConfig.fromFormData(formData) as T;\n\n        // Validate the round trip worked\n        expect(convertedAction.uuid).to.equal(action.uuid);\n        expect(convertedAction.type).to.equal(action.type);\n\n        // Validate the converted action\n        if (this.actionConfig.validate) {\n          const validation = this.actionConfig.validate(convertedAction);\n          expect(validation.valid).to.be.true;\n        }\n      }\n    });\n  }\n\n  /**\n   * Run basic property tests\n   */\n  testBasicProperties() {\n    it('has correct basic properties', () => {\n      expect(this.actionConfig.name).to.be.a('string');\n      expect(this.actionConfig.color).to.exist;\n\n      // toFormData and fromFormData are optional - only needed for complex data transformations\n      if (this.actionConfig.toFormData) {\n        expect(this.actionConfig.toFormData).to.be.a('function');\n      }\n      if (this.actionConfig.fromFormData) {\n        expect(this.actionConfig.fromFormData).to.be.a('function');\n      }\n\n      if (this.actionConfig.validate) {\n        expect(this.actionConfig.validate).to.be.a('function');\n      }\n    });\n  }\n}\n"]}

package/out-tsc/test/NodeHelper.js

@@ -0,0 +1,148 @@
+import { fixture, expect } from '@open-wc/testing';
+import { html } from 'lit';
+import { assertScreenshot, getClip } from './utils.test';
+import '../temba-modules';
+/**
+ * Generic node test framework
+ * Tests the complete node lifecycle: render → edit → save → validate
+ *
+ * This is the node configuration equivalent of ActionHelper.ts for action configurations.
+ * It provides uniform testing for all types of nodes: simple wait nodes, router-based
+ * split nodes, and complex form-configured nodes.
+ */
+export class NodeTest {
+    constructor(nodeConfig, nodeName) {
+        this.nodeConfig = nodeConfig;
+        this.nodeName = nodeName;
+    }
+    /**
+     * Renders a node in the flow editor and returns the flow node
+     */
+    async renderNode(node, nodeUI) {
+        const mockDefinition = {
+            nodes: [node],
+            _ui: {
+                nodes: {
+                    [node.uuid]: {
+                        type: nodeUI.type,
+                        position: { left: 50, top: 50 },
+                        ...nodeUI
+                    }
+                }
+            }
+        };
+        const editor = (await fixture(html `
+      <temba-flow-editor>
+        <div id="canvas"></div>
+      </temba-flow-editor>
+    `));
+        editor.definition = mockDefinition;
+        editor.canvasSize = { width: 400, height: 300 };
+        await editor.updateComplete;
+        const flowNode = editor.querySelector('temba-flow-node');
+        expect(flowNode).to.exist;
+        return flowNode;
+    }
+    /**
+     * Opens the node editor for a node and returns the editor element
+     */
+    async openNodeEditor(node, nodeUI) {
+        const nodeEditor = (await fixture(html `
+      <temba-node-editor
+        .node=${node}
+        .nodeUI=${nodeUI}
+        .isOpen=${true}
+      ></temba-node-editor>
+    `));
+        await nodeEditor.updateComplete;
+        // Wait for form data initialization if needed
+        await new Promise((resolve) => setTimeout(resolve, 200));
+        await nodeEditor.updateComplete;
+        expect(nodeEditor).to.exist;
+        return nodeEditor;
+    }
+    /**
+     * Takes a screenshot of the dialog container within a node editor
+     */
+    async assertDialogScreenshot(el, screenshotName) {
+        var _a, _b, _c;
+        const dialog = (_c = (_b = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('temba-dialog')) === null || _b === void 0 ? void 0 : _b.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.dialog-container');
+        await assertScreenshot(screenshotName, getClip(dialog));
+    }
+    /**
+     * Complete test for a node configuration
+     * 1. Renders the node in a flow node (with screenshot)
+     * 2. Opens the node editor (with screenshot)
+     * 3. Simulates save and validates round-trip conversion
+     */
+    async testNode(node, nodeUI, testName) {
+        it(`${testName}`, async () => {
+            var _a;
+            // Step 1: Render node in flow node
+            const flowNode = await this.renderNode(node, nodeUI);
+            // For execute_actions nodes, check for .body, for router nodes check for .router or .categories
+            const hasContent = flowNode.querySelector('.body') ||
+                flowNode.querySelector('.router') ||
+                flowNode.querySelector('.categories') ||
+                flowNode.querySelector('.action') ||
+                ((_a = flowNode.textContent) === null || _a === void 0 ? void 0 : _a.trim());
+            expect(hasContent).to.exist;
+            await assertScreenshot(`nodes/${this.nodeName}/render/${testName}`, getClip(flowNode));
+            // Step 2: Open node editor
+            const nodeEditor = await this.openNodeEditor(node, nodeUI);
+            await this.assertDialogScreenshot(nodeEditor, `nodes/${this.nodeName}/editor/${testName}`);
+            // Step 3: Test round-trip conversion (simulates save workflow)
+            if (this.nodeConfig.toFormData && this.nodeConfig.fromFormData) {
+                const formData = this.nodeConfig.toFormData(node);
+                const convertedNode = this.nodeConfig.fromFormData(formData, node);
+                // Validate the round trip worked
+                expect(convertedNode.uuid).to.equal(node.uuid);
+                // Validate the converted node has expected structure
+                expect(convertedNode).to.have.property('actions');
+                expect(convertedNode).to.have.property('exits');
+                expect(convertedNode).to.deep.equal(node);
+            }
+        });
+    }
+    /**
+     * Run basic property tests
+     */
+    testBasicProperties() {
+        it('has correct basic properties', () => {
+            expect(this.nodeConfig.type).to.be.a('string');
+            // Name is optional - only some node configs have it
+            if (this.nodeConfig.name) {
+                expect(this.nodeConfig.name).to.be.a('string');
+            }
+            // Color is optional
+            if (this.nodeConfig.color) {
+                expect(this.nodeConfig.color).to.be.a('string');
+            }
+            // toFormData and fromFormData are optional - only needed for complex data transformations
+            if (this.nodeConfig.toFormData) {
+                expect(this.nodeConfig.toFormData).to.be.a('function');
+            }
+            if (this.nodeConfig.fromFormData) {
+                expect(this.nodeConfig.fromFormData).to.be.a('function');
+            }
+            // Form configuration is optional
+            if (this.nodeConfig.form) {
+                expect(this.nodeConfig.form).to.be.an('object');
+            }
+            // Layout is optional
+            if (this.nodeConfig.layout) {
+                expect(this.nodeConfig.layout).to.be.an('array');
+            }
+            // Router config is optional
+            if (this.nodeConfig.router) {
+                expect(this.nodeConfig.router).to.be.an('object');
+                expect(this.nodeConfig.router.type).to.exist;
+            }
+            // Render function is optional
+            if (this.nodeConfig.render) {
+                expect(this.nodeConfig.render).to.be.a('function');
+            }
+        });
+    }
+}
+//# sourceMappingURL=NodeHelper.js.map

package/out-tsc/test/NodeHelper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NodeHelper.js","sourceRoot":"","sources":["../../test/NodeHelper.ts"],"names":[],"mappings":"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","sourcesContent":["import { fixture, expect } from '@open-wc/testing';\nimport { html } from 'lit';\nimport { Node } from '../src/store/flow-definition';\nimport { assertScreenshot, getClip } from './utils.test';\nimport { Editor } from '../src/flow/Editor';\nimport '../temba-modules';\n\n/**\n * Generic node test framework\n * Tests the complete node lifecycle: render → edit → save → validate\n *\n * This is the node configuration equivalent of ActionHelper.ts for action configurations.\n * It provides uniform testing for all types of nodes: simple wait nodes, router-based\n * split nodes, and complex form-configured nodes.\n */\nexport class NodeTest<T extends Node> {\n  constructor(private nodeConfig: any, private nodeName: string) {}\n\n  /**\n   * Renders a node in the flow editor and returns the flow node\n   */\n  private async renderNode(node: T, nodeUI: any): Promise<HTMLElement> {\n    const mockDefinition = {\n      nodes: [node],\n      _ui: {\n        nodes: {\n          [node.uuid]: {\n            type: nodeUI.type,\n            position: { left: 50, top: 50 },\n            ...nodeUI\n          }\n        }\n      }\n    };\n\n    const editor = (await fixture(html`\n      <temba-flow-editor>\n        <div id=\"canvas\"></div>\n      </temba-flow-editor>\n    `)) as Editor;\n\n    (editor as any).definition = mockDefinition;\n    (editor as any).canvasSize = { width: 400, height: 300 };\n    await editor.updateComplete;\n\n    const flowNode = editor.querySelector('temba-flow-node') as HTMLElement;\n    expect(flowNode).to.exist;\n\n    return flowNode;\n  }\n\n  /**\n   * Opens the node editor for a node and returns the editor element\n   */\n  private async openNodeEditor(node: T, nodeUI: any): Promise<HTMLElement> {\n    const nodeEditor = (await fixture(html`\n      <temba-node-editor\n        .node=${node}\n        .nodeUI=${nodeUI}\n        .isOpen=${true}\n      ></temba-node-editor>\n    `)) as HTMLElement;\n\n    await (nodeEditor as any).updateComplete;\n\n    // Wait for form data initialization if needed\n    await new Promise((resolve) => setTimeout(resolve, 200));\n    await (nodeEditor as any).updateComplete;\n\n    expect(nodeEditor).to.exist;\n\n    return nodeEditor;\n  }\n\n  /**\n   * Takes a screenshot of the dialog container within a node editor\n   */\n  private async assertDialogScreenshot(\n    el: HTMLElement,\n    screenshotName: string\n  ) {\n    const dialog = el.shadowRoot\n      ?.querySelector('temba-dialog')\n      ?.shadowRoot?.querySelector('.dialog-container') as HTMLElement;\n    await assertScreenshot(screenshotName, getClip(dialog));\n  }\n\n  /**\n   * Complete test for a node configuration\n   * 1. Renders the node in a flow node (with screenshot)\n   * 2. Opens the node editor (with screenshot)\n   * 3. Simulates save and validates round-trip conversion\n   */\n  async testNode(node: T, nodeUI: any, testName: string) {\n    it(`${testName}`, async () => {\n      // Step 1: Render node in flow node\n      const flowNode = await this.renderNode(node, nodeUI);\n\n      // For execute_actions nodes, check for .body, for router nodes check for .router or .categories\n      const hasContent =\n        flowNode.querySelector('.body') ||\n        flowNode.querySelector('.router') ||\n        flowNode.querySelector('.categories') ||\n        flowNode.querySelector('.action') ||\n        flowNode.textContent?.trim();\n\n      expect(hasContent).to.exist;\n      await assertScreenshot(\n        `nodes/${this.nodeName}/render/${testName}`,\n        getClip(flowNode)\n      );\n\n      // Step 2: Open node editor\n      const nodeEditor = await this.openNodeEditor(node, nodeUI);\n      await this.assertDialogScreenshot(\n        nodeEditor,\n        `nodes/${this.nodeName}/editor/${testName}`\n      );\n\n      // Step 3: Test round-trip conversion (simulates save workflow)\n      if (this.nodeConfig.toFormData && this.nodeConfig.fromFormData) {\n        const formData = this.nodeConfig.toFormData(node);\n        const convertedNode = this.nodeConfig.fromFormData(formData, node) as T;\n\n        // Validate the round trip worked\n        expect(convertedNode.uuid).to.equal(node.uuid);\n\n        // Validate the converted node has expected structure\n        expect(convertedNode).to.have.property('actions');\n        expect(convertedNode).to.have.property('exits');\n\n        expect(convertedNode).to.deep.equal(node);\n      }\n    });\n  }\n\n  /**\n   * Run basic property tests\n   */\n  testBasicProperties() {\n    it('has correct basic properties', () => {\n      expect(this.nodeConfig.type).to.be.a('string');\n\n      // Name is optional - only some node configs have it\n      if (this.nodeConfig.name) {\n        expect(this.nodeConfig.name).to.be.a('string');\n      }\n\n      // Color is optional\n      if (this.nodeConfig.color) {\n        expect(this.nodeConfig.color).to.be.a('string');\n      }\n\n      // toFormData and fromFormData are optional - only needed for complex data transformations\n      if (this.nodeConfig.toFormData) {\n        expect(this.nodeConfig.toFormData).to.be.a('function');\n      }\n      if (this.nodeConfig.fromFormData) {\n        expect(this.nodeConfig.fromFormData).to.be.a('function');\n      }\n\n      // Form configuration is optional\n      if (this.nodeConfig.form) {\n        expect(this.nodeConfig.form).to.be.an('object');\n      }\n\n      // Layout is optional\n      if (this.nodeConfig.layout) {\n        expect(this.nodeConfig.layout).to.be.an('array');\n      }\n\n      // Router config is optional\n      if (this.nodeConfig.router) {\n        expect(this.nodeConfig.router).to.be.an('object');\n        expect(this.nodeConfig.router.type).to.exist;\n      }\n\n      // Render function is optional\n      if (this.nodeConfig.render) {\n        expect(this.nodeConfig.render).to.be.a('function');\n      }\n    });\n  }\n}\n"]}

package/out-tsc/test/actions/call_llm.test.js

@@ -0,0 +1,103 @@
+import { expect } from '@open-wc/testing';
+import { call_llm } from '../../src/flow/actions/call_llm';
+import { ActionTest } from '../ActionHelper';
+/**
+ * Test suite for the call_llm action configuration.
+ */
+describe('call_llm action config', () => {
+    const helper = new ActionTest(call_llm, 'call_llm');
+    describe('basic properties', () => {
+        helper.testBasicProperties();
+        it('has correct name', () => {
+            expect(call_llm.name).to.equal('Call AI');
+        });
+        it('has form configuration', () => {
+            expect(call_llm.form).to.exist;
+            expect(call_llm.form.llm).to.exist;
+            expect(call_llm.form.instructions).to.exist;
+            expect(call_llm.form.input).to.exist;
+        });
+        it('has layout configuration', () => {
+            expect(call_llm.layout).to.exist;
+            expect(call_llm.layout).to.deep.equal(['llm', 'input', 'instructions']);
+        });
+        it('has data transformation functions', () => {
+            expect(call_llm.toFormData).to.be.a('function');
+            expect(call_llm.fromFormData).to.be.a('function');
+        });
+    });
+    describe('data transformations', () => {
+        it('converts action to form data correctly', () => {
+            const action = {
+                uuid: 'test-llm-1',
+                type: 'call_llm',
+                input: '@input',
+                llm: { uuid: 'gpt-4', name: 'GPT 4.1' },
+                instructions: 'Translate to French',
+                result_name: 'translated_text'
+            };
+            const formData = call_llm.toFormData(action);
+            expect(formData.uuid).to.equal('test-llm-1');
+            expect(formData.llm).to.deep.equal([{ value: 'gpt-4', name: 'GPT 4.1' }]);
+            expect(formData.instructions).to.equal('Translate to French');
+            expect(formData.input).to.equal('@input');
+        });
+        it('converts form data to action correctly', () => {
+            const formData = {
+                uuid: 'test-llm-2',
+                llm: [{ value: 'gpt-5', name: 'GPT 5' }],
+                instructions: 'Summarize the following text',
+                input: '@input'
+            };
+            const action = call_llm.fromFormData(formData);
+            expect(action.uuid).to.equal('test-llm-2');
+            expect(action.type).to.equal('call_llm');
+            expect(action.llm).to.deep.equal({ uuid: 'gpt-5', name: 'GPT 5' });
+            expect(action.instructions).to.equal('Summarize the following text');
+            expect(action.input).to.equal('@input');
+        });
+        it('handles empty form data', () => {
+            const formData = {
+                uuid: 'test-llm-3',
+                llm: [],
+                instructions: '',
+                input: ''
+            };
+            const action = call_llm.fromFormData(formData);
+            expect(action.llm).to.deep.equal({ uuid: '', name: '' });
+            expect(action.instructions).to.equal('');
+            expect(action.input).to.equal('@input');
+        });
+    });
+    describe('action scenarios', () => {
+        helper.testAction({
+            uuid: 'test-action-1',
+            type: 'call_llm',
+            llm: { uuid: 'gpt-4', name: 'GPT 4.1' },
+            instructions: 'Translate to French',
+            input: '@input'
+        }, 'translation-task');
+        helper.testAction({
+            uuid: 'test-action-2',
+            type: 'call_llm',
+            llm: { uuid: 'gpt-5', name: 'GPT 5' },
+            instructions: 'Analyze the sentiment of the following message and classify it as positive, negative, or neutral. Provide a brief explanation for your classification.',
+            input: '@input'
+        }, 'sentiment-analysis');
+        helper.testAction({
+            uuid: 'test-action-3',
+            type: 'call_llm',
+            llm: { uuid: 'gpt-4', name: 'GPT 4.1' },
+            instructions: 'Summarize the key points from the conversation above in bullet format.',
+            input: '@input'
+        }, 'summarization');
+        helper.testAction({
+            uuid: 'test-action-4',
+            type: 'call_llm',
+            llm: { uuid: 'gpt-5', name: 'GPT 5' },
+            instructions: 'Extract any contact information (phone numbers, email addresses) from the text and format them as a JSON object.',
+            input: '@input'
+        }, 'information-extraction');
+    });
+});
+//# sourceMappingURL=call_llm.test.js.map

package/out-tsc/test/actions/call_llm.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"call_llm.test.js","sourceRoot":"","sources":["../../../test/actions/call_llm.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect } from '@open-wc/testing';\nimport { call_llm } from '../../src/flow/actions/call_llm';\nimport { CallLLM } from '../../src/store/flow-definition';\nimport { ActionTest } from '../ActionHelper';\n\n/**\n * Test suite for the call_llm action configuration.\n */\ndescribe('call_llm action config', () => {\n  const helper = new ActionTest(call_llm, 'call_llm');\n\n  describe('basic properties', () => {\n    helper.testBasicProperties();\n\n    it('has correct name', () => {\n      expect(call_llm.name).to.equal('Call AI');\n    });\n\n    it('has form configuration', () => {\n      expect(call_llm.form).to.exist;\n      expect(call_llm.form.llm).to.exist;\n      expect(call_llm.form.instructions).to.exist;\n      expect(call_llm.form.input).to.exist;\n    });\n\n    it('has layout configuration', () => {\n      expect(call_llm.layout).to.exist;\n      expect(call_llm.layout).to.deep.equal(['llm', 'input', 'instructions']);\n    });\n\n    it('has data transformation functions', () => {\n      expect(call_llm.toFormData).to.be.a('function');\n      expect(call_llm.fromFormData).to.be.a('function');\n    });\n  });\n\n  describe('data transformations', () => {\n    it('converts action to form data correctly', () => {\n      const action: CallLLM = {\n        uuid: 'test-llm-1',\n        type: 'call_llm',\n        input: '@input',\n        llm: { uuid: 'gpt-4', name: 'GPT 4.1' },\n        instructions: 'Translate to French',\n        result_name: 'translated_text'\n      };\n\n      const formData = call_llm.toFormData(action);\n\n      expect(formData.uuid).to.equal('test-llm-1');\n      expect(formData.llm).to.deep.equal([{ value: 'gpt-4', name: 'GPT 4.1' }]);\n      expect(formData.instructions).to.equal('Translate to French');\n      expect(formData.input).to.equal('@input');\n    });\n\n    it('converts form data to action correctly', () => {\n      const formData = {\n        uuid: 'test-llm-2',\n        llm: [{ value: 'gpt-5', name: 'GPT 5' }],\n        instructions: 'Summarize the following text',\n        input: '@input'\n      };\n\n      const action = call_llm.fromFormData(formData) as CallLLM;\n\n      expect(action.uuid).to.equal('test-llm-2');\n      expect(action.type).to.equal('call_llm');\n      expect(action.llm).to.deep.equal({ uuid: 'gpt-5', name: 'GPT 5' });\n      expect(action.instructions).to.equal('Summarize the following text');\n      expect(action.input).to.equal('@input');\n    });\n\n    it('handles empty form data', () => {\n      const formData = {\n        uuid: 'test-llm-3',\n        llm: [],\n        instructions: '',\n        input: ''\n      };\n\n      const action = call_llm.fromFormData(formData) as CallLLM;\n\n      expect(action.llm).to.deep.equal({ uuid: '', name: '' });\n      expect(action.instructions).to.equal('');\n      expect(action.input).to.equal('@input');\n    });\n  });\n\n  describe('action scenarios', () => {\n    helper.testAction(\n      {\n        uuid: 'test-action-1',\n        type: 'call_llm',\n        llm: { uuid: 'gpt-4', name: 'GPT 4.1' },\n        instructions: 'Translate to French',\n        input: '@input'\n      } as CallLLM,\n      'translation-task'\n    );\n\n    helper.testAction(\n      {\n        uuid: 'test-action-2',\n        type: 'call_llm',\n        llm: { uuid: 'gpt-5', name: 'GPT 5' },\n        instructions:\n          'Analyze the sentiment of the following message and classify it as positive, negative, or neutral. Provide a brief explanation for your classification.',\n        input: '@input'\n      } as CallLLM,\n      'sentiment-analysis'\n    );\n\n    helper.testAction(\n      {\n        uuid: 'test-action-3',\n        type: 'call_llm',\n        llm: { uuid: 'gpt-4', name: 'GPT 4.1' },\n        instructions:\n          'Summarize the key points from the conversation above in bullet format.',\n        input: '@input'\n      } as CallLLM,\n      'summarization'\n    );\n\n    helper.testAction(\n      {\n        uuid: 'test-action-4',\n        type: 'call_llm',\n        llm: { uuid: 'gpt-5', name: 'GPT 5' },\n        instructions:\n          'Extract any contact information (phone numbers, email addresses) from the text and format them as a JSON object.',\n        input: '@input'\n      } as CallLLM,\n      'information-extraction'\n    );\n  });\n});\n"]}