@nyaruka/temba-components 0.129.7 → 0.129.9

package/demo/data/flows/sample-flow.json

@@ -10,17 +10,23 @@
         "uuid": "a229fa3c-16bb-440b-9ae8-b7ee7a723f44",
         "actions": [
           {
+            "uuid": "3d56e4cf-1e88-499a-b0b4-ff48385fc9a5",
+            "type": "send_msg",
+            "text": "What is your favorite color?! @contact.uuid. It works.",
             "attachments": [
-              "image:http://google.com/logo.png"
+              "image/jpeg:http://localhost:9000/temba-attachments/c4e84ebf-fdd7-439b-a2ca-aeb5e54dfc1d-IMG_3245.jpeg",
+              "image/jpeg:http://localhost:9000/temba-attachments/e7d4d3cd-ec89-45c2-bc0b-4f652f1f7fde-IMG_3262.jpeg",
+              "image/jpeg:http://localhost:9000/temba-attachments/ae831575-0d23-40b7-ae0c-531b8775a6bc-IMG_3282.jpeg",
+              "image/png:http://localhost:9000/temba-attachments/d7b04feb-c74e-43a4-a6de-6a4516a4de59-Screenshot 2025-08-19 at 10.23.24 AM.png",
+              "image/jpeg:http://localhost:9000/temba-attachments/d3bdb082-6dab-48ed-9598-f3a7f6b6b06d-IMG_3262.jpeg"
             ],
-            "text": "What is your favorite color?",
-            "type": "send_msg",
             "quick_replies": [
               "Red",
               "Green",
-              "Blue"
-            ],
-            "uuid": "3d56e4cf-1e88-499a-b0b4-ff48385fc9a5"
+              "Blue",
+              "Yellow",
+              "Purple"
+            ]
           }
         ],
         "exits": [
@@ -106,11 +112,11 @@
           },
           {
             "uuid": "59a22734-24ab-4ff4-b6a9-ee6e66431d4b",
-            "destination_uuid": "4efc49e0-ebfe-454d-a1a0-900a911dd5ef"
+            "destination_uuid": null
           },
           {
             "uuid": "3dfd68c4-0184-49d8-b2a4-0bbb62425f33",
-            "destination_uuid": "425c4757-bead-440f-92aa-a1cc3fcd7d35"
+            "destination_uuid": null
           },
           {
             "uuid": "ae901cf0-f7a1-491c-a56a-1922e242efa0",
@@ -135,7 +141,7 @@
               "Content-Type": "application/json",
               "Authorization": "Bearer token here"
             },
-            "body": "@(json(object(\n  \"contact\", object(\n    \"uuid\", contact.uuid, \n    \"name\", contact.name, \n    \"urn\", contact.urn\n  ),\n  \"flow\", object(\n    \"uuid\", run.flow.uuid, \n    \"name\", run.flow.name\n  ),\n  \"results\", foreach_value(results, extract_object, \"value\", \"category\")\n)))"
+            "body": "@(json(object(\n  \"contact\", object(\n    \"uuid\", contact.uuid, \n    \"name\", contact.name, \n    \"urn\", contact.urn\n  ),\n  \"flow\", object(\n    \"uuid\", run.flow.uuid, \n    \"name\", run.flow.name\n  ),\n  \"results\", foreach_value(results, extract_object, \"value\", \"category\")\n)))ast"
           }
         ],
         "router": {
@@ -181,53 +187,17 @@
       {
         "uuid": "4efc49e0-ebfe-454d-a1a0-900a911dd5ef",
         "actions": [
-          {
-            "uuid": "ffe1c2d3-4e5f-6a7b-8c9d-e0f1a2b3c4d5",
-            "type": "remove_contact_groups",
-            "groups": [
-              {
-                "uuid": "f80ed7b6-5e6a-49eb-94b6-4631a9677cd8",
-                "name": "Reporters",
-                "query": null,
-                "status": "ready",
-                "count": 0
-              },
-              {
-                "uuid": "a3f2990b-4096-452e-a586-dc06a9434dde",
-                "name": "Empty",
-                "query": null,
-                "status": "ready",
-                "count": 0
-              },
-              {
-                "uuid": "76e7a094-22ea-441d-91c4-283d8168e8e3",
-                "name": "Some Really Long Group Name",
-                "count": 2028
-              },
-              {
-                "uuid": "66e7a094-22ea-441d-91c4-283d8168e8e4",
-                "name": "The Poots",
-                "query": "name ~ \"poots\" OR name ~ \"dave\"",
-                "status": "ready",
-                "count": 1028
-              },
-              {
-                "uuid": "94e3ff12-9206-4ce8-87ab-934a864a1819",
-                "name": "Youth",
-                "query": "age <= 18",
-                "status": "ready",
-                "count": 174
-              }
-            ],
-            "all_groups": false
-          },
           {
             "uuid": "9963160a-a007-4c7b-8c9e-7325e1b69ed8",
             "type": "send_msg",
             "text": "Excellent choices.",
+            "attachments": [
+              "image:@contact.profile_url"
+            ],
             "quick_replies": [
-              "blooooop",
-              "bleep"
+              "Red",
+              "Green",
+              "Blue"
             ]
           },
           {
@@ -242,29 +212,55 @@
                 "count": 0
               },
               {
-                "uuid": "76e7a094-22ea-441d-91c4-283d8168e8e3",
-                "name": "Some Really Long Group Name",
-                "count": 2028
+                "uuid": "f80ed7b6-5e6a-49eb-94b6-4631a9677cd8",
+                "name": "Reporters",
+                "query": null,
+                "status": "ready",
+                "count": 0
               }
             ]
           },
           {
+            "uuid": "b32fe165-e0cc-475c-a7c4-7f484fcce2f4",
             "type": "set_run_result",
-            "name": "Color",
-            "value": "Black",
-            "category": "",
-            "uuid": "b32fe165-e0cc-475c-a7c4-7f484fcce2f4"
+            "name": "Make",
+            "value": "Rivian",
+            "category": "Electric"
+          },
+          {
+            "uuid": "ffe1c2d3-4e5f-6a7b-8c9d-e0f1a2b3c4d5",
+            "type": "remove_contact_groups",
+            "groups": [
+              {
+                "uuid": "a3f2990b-4096-452e-a586-dc06a9434dde",
+                "name": "Empty",
+                "query": null,
+                "status": "ready",
+                "count": 0
+              }
+            ],
+            "all_groups": false
           },
           {
+            "uuid": "d0d1571c-bf9e-4156-ac7c-984789c71472",
             "type": "add_input_labels",
             "labels": [
               {
                 "uuid": "61cae99b-56e1-4f3e-a2b9-07fb5cf2be9e",
+                "name": "Important",
+                "count": 234
+              },
+              {
+                "uuid": "76e7a094-22ea-441d-91c4-283d8168e8e3",
+                "name": "Follow Up",
+                "count": 128
+              },
+              {
+                "uuid": "f80ed7b6-5e6a-49eb-94b6-4631a9677cd8",
                 "name": "Spam",
                 "count": 0
               }
-            ],
-            "uuid": "d0d1571c-bf9e-4156-ac7c-984789c71472"
+            ]
           },
           {
             "uuid": "28c288f3-fb46-4c32-8a47-563132a2e8db",
@@ -325,7 +321,7 @@
         "exits": [
           {
             "uuid": "99fbc988-714e-4ea8-bf93-5bdaf397b37c",
-            "destination_uuid": "2c60c381-487d-42cd-80be-a31f44c36fd9"
+            "destination_uuid": null
           }
         ]
       },
@@ -403,11 +399,11 @@
         "exits": [
           {
             "uuid": "7bda8b65-f797-4377-ba93-c92566e87c2e",
-            "destination_uuid": "66171418-2368-44b9-95db-fdf7cd5cf4fe"
+            "destination_uuid": null
           },
           {
             "uuid": "2361f0e4-9ad8-4db3-ba37-d7fb02726307",
-            "destination_uuid": "66171418-2368-44b9-95db-fdf7cd5cf4fe"
+            "destination_uuid": null
           }
         ]
       },
@@ -432,11 +428,11 @@
         "exits": [
           {
             "uuid": "ec491209-44e9-417c-aea7-ca665e9d8441",
-            "destination_uuid": "66171418-2368-44b9-95db-fdf7cd5cf4fe"
+            "destination_uuid": "145eb3d3-b841-4e66-abac-297ae525c7ad"
           },
           {
             "uuid": "bdf64af3-8585-45ce-a3ba-10aab8dcc4fd",
-            "destination_uuid": "66171418-2368-44b9-95db-fdf7cd5cf4fe"
+            "destination_uuid": null
           }
         ]
       },
@@ -655,7 +651,7 @@
           },
           {
             "uuid": "e3314f8b-5598-4592-b5f9-2999c4a28a4f",
-            "destination_uuid": "66171418-2368-44b9-95db-fdf7cd5cf4fe"
+            "destination_uuid": null
           }
         ]
       },
@@ -665,13 +661,12 @@
           {
             "uuid": "bb664e68-91ab-4ee9-ab2b-a68b35adc9f0",
             "type": "call_llm",
+            "input": "@input",
             "llm": {
               "uuid": "a5f05e3e-4f9c-4f24-96ff-13676b82ac95",
               "name": "GPT 4o"
             },
-            "input": "@input",
-            "instructions": "Translate to French",
-            "output_local": "_llm_output"
+            "instructions": "Take this cat fact and expand on it. Embellish it with lies. Feel free to make up words or use phrasing to make it sound more scientific, but make sure not to use playful fake words based on furr, purr, kitten, etc. Your result should read as a statement of fact. Do not lead on that you made anything up. Your \"fact\" should not be able to be easily disproven. Your fact can range from one to three sentences. Try to keep it under 70 words."
           }
         ],
         "router": {
@@ -705,7 +700,7 @@
         "exits": [
           {
             "uuid": "9285a0af-c70e-4945-9829-e620069830d2",
-            "destination_uuid": "425c4757-bead-440f-92aa-a1cc3fcd7d35"
+            "destination_uuid": null
           },
           {
             "uuid": "3c3cccef-9865-4246-802f-90d9e76af9bf",
@@ -746,14 +741,14 @@
             "uuid": "a7f21fc4-8bf1-47ab-a6c7-3e072f88afe7",
             "type": "open_ticket",
             "topic": {
-              "uuid": "bf4b568d-97b8-4d20-aed5-ad8150270af8",
+              "uuid": "1b1cb507-e079-4b30-818c-1898edcbd178",
               "name": "General"
             },
-            "note": "This is a note",
             "assignee": {
-              "email": "agent1@textit.com",
-              "name": "Agnes McAgent"
-            }
+              "uuid": "ae79dd5b-8c34-4602-a2c1-1e4db2419f0f",
+              "name": "Eric Newcomer"
+            },
+            "note": ""
           }
         ],
         "router": {
@@ -792,13 +787,124 @@
             "destination_uuid": null
           }
         ]
+      },
+      {
+        "uuid": "145eb3d3-b841-4e66-abac-297ae525c7ad",
+        "actions": [
+          {
+            "type": "call_llm",
+            "uuid": "145eb3d3-b841-4e66-abac-297ae525c7ad",
+            "llm": {
+              "uuid": "4399e7d6-fcdf-4e47-a835-f3bdb7f80938",
+              "name": "GPT 5"
+            },
+            "instructions": "@(prompt(\"categorize\", slice(node.categories, 0, -2)))",
+            "input": "@input",
+            "output_local": "_llm_output"
+          }
+        ],
+        "router": {
+          "type": "switch",
+          "categories": [
+            {
+              "uuid": "96d0d4c4-5830-4a6d-b20b-6730b1e10679",
+              "name": "Cat",
+              "exit_uuid": "ea2e15d3-d398-421f-bc51-26e094f97325"
+            },
+            {
+              "uuid": "4632b796-f8ab-4a35-80d1-a1b53a6db803",
+              "name": "Dog",
+              "exit_uuid": "abbdcff7-4296-4f01-907f-f709fa4a1444"
+            },
+            {
+              "uuid": "7091cae1-2677-494a-967c-d9502476d4e4",
+              "name": "Oyster",
+              "exit_uuid": "377e720a-4815-4fa5-83cc-b6471765a9b4"
+            },
+            {
+              "uuid": "8e4624ee-57fe-43cd-8fa3-fa630c22cd72",
+              "name": "Other",
+              "exit_uuid": "c7ecba49-7542-4862-a91a-9f2f8a10e222"
+            },
+            {
+              "uuid": "b3a625e7-97f2-461d-a481-20dec52bd609",
+              "name": "Failure",
+              "exit_uuid": "3484a407-9e62-4a55-be44-a2290270000f"
+            }
+          ],
+          "default_category_uuid": "8e4624ee-57fe-43cd-8fa3-fa630c22cd72",
+          "operand": "@locals._llm_output",
+          "cases": [
+            {
+              "uuid": "055e63a4-5eae-4325-b436-ca013e20ae17",
+              "type": "has_only_text",
+              "arguments": [
+                "Cat"
+              ],
+              "category_uuid": "96d0d4c4-5830-4a6d-b20b-6730b1e10679"
+            },
+            {
+              "uuid": "f0795c37-977e-4d0f-9136-378626a40173",
+              "type": "has_only_text",
+              "arguments": [
+                "Dog"
+              ],
+              "category_uuid": "4632b796-f8ab-4a35-80d1-a1b53a6db803"
+            },
+            {
+              "uuid": "87a8ccff-c153-4ff6-8a59-4d164b8bb2a8",
+              "type": "has_only_text",
+              "arguments": [
+                "Oyster"
+              ],
+              "category_uuid": "7091cae1-2677-494a-967c-d9502476d4e4"
+            },
+            {
+              "uuid": "8fd5f13b-0398-4286-b18a-a92b5a2ea19d",
+              "type": "has_only_text",
+              "arguments": [
+                "<ERROR>"
+              ],
+              "category_uuid": "b3a625e7-97f2-461d-a481-20dec52bd609"
+            }
+          ]
+        },
+        "exits": [
+          {
+            "uuid": "ea2e15d3-d398-421f-bc51-26e094f97325",
+            "destination_uuid": "66171418-2368-44b9-95db-fdf7cd5cf4fe"
+          },
+          {
+            "uuid": "abbdcff7-4296-4f01-907f-f709fa4a1444",
+            "destination_uuid": null
+          },
+          {
+            "uuid": "377e720a-4815-4fa5-83cc-b6471765a9b4",
+            "destination_uuid": null
+          },
+          {
+            "uuid": "c7ecba49-7542-4862-a91a-9f2f8a10e222",
+            "destination_uuid": "66171418-2368-44b9-95db-fdf7cd5cf4fe"
+          },
+          {
+            "uuid": "3484a407-9e62-4a55-be44-a2290270000f",
+            "destination_uuid": null
+          }
+        ]
       }
     ],
     "_ui": {
       "nodes": {
+        "145eb3d3-b841-4e66-abac-297ae525c7ad": {
+          "position": {
+            "left": 720,
+            "top": 500
+          },
+          "type": "split_by_llm_categorize"
+        },
         "a229fa3c-16bb-440b-9ae8-b7ee7a723f44": {
           "position": {
-            "left": 260,
+            "left": 220,
             "top": 0
           },
           "type": "execute_actions"
@@ -806,8 +912,8 @@
         "ef1a5b06-1331-4c0d-9f46-58b1e5baf671": {
           "type": "wait_for_response",
           "position": {
-            "left": 260,
-            "top": 160
+            "left": 220,
+            "top": 200
           },
           "config": {
             "cases": {}
@@ -816,23 +922,23 @@
         "e1f22e97-a170-44b4-a79b-98ab916f4c34": {
           "type": "split_by_webhook",
           "position": {
-            "left": 800,
-            "top": 0
+            "left": 840,
+            "top": 20
           },
           "config": {}
         },
         "4efc49e0-ebfe-454d-a1a0-900a911dd5ef": {
           "position": {
-            "left": 240,
-            "top": 340
+            "left": 220,
+            "top": 380
           },
           "type": "execute_actions"
         },
         "2c60c381-487d-42cd-80be-a31f44c36fd9": {
           "type": "split_by_subflow",
           "position": {
-            "left": 520,
-            "top": 680
+            "left": 460,
+            "top": 740
           },
           "config": {}
         },
@@ -840,7 +946,7 @@
           "type": "split_by_contact_field",
           "position": {
             "left": 1020,
-            "top": 220
+            "top": 140
           },
           "config": {
             "operand": {
@@ -854,8 +960,8 @@
         "b85000c4-1990-4d86-807a-1318ea512708": {
           "type": "split_by_expression",
           "position": {
-            "left": 720,
-            "top": 240
+            "left": 740,
+            "top": 200
           },
           "config": {
             "cases": {}
@@ -864,7 +970,7 @@
         "8ecec688-f154-4b80-a0b3-3cbff0fac892": {
           "type": "split_by_random",
           "position": {
-            "left": 940,
+            "left": 1020,
             "top": 360
           },
           "config": null
@@ -872,8 +978,8 @@
         "66171418-2368-44b9-95db-fdf7cd5cf4fe": {
           "type": "split_by_run_result",
           "position": {
-            "left": 800,
-            "top": 600
+            "left": 780,
+            "top": 660
           },
           "config": {
             "operand": {
@@ -887,8 +993,8 @@
         "5f1394c1-4b8c-4357-8863-db24817b2aa3": {
           "type": "split_by_groups",
           "position": {
-            "left": 500,
-            "top": 360
+            "left": 480,
+            "top": 380
           },
           "config": {
             "cases": {}
@@ -897,8 +1003,8 @@
         "e780a7ef-9dad-45a3-abda-11200a9afbf4": {
           "type": "split_by_scheme",
           "position": {
-            "left": 480,
-            "top": 560
+            "left": 460,
+            "top": 600
           },
           "config": {
             "cases": {}
@@ -907,23 +1013,23 @@
         "3dfe9cf2-72d1-496f-8d20-d5743af0f9c8": {
           "type": "split_by_llm",
           "position": {
-            "left": 520,
-            "top": 1020
+            "left": 460,
+            "top": 900
           },
           "config": {}
         },
         "425c4757-bead-440f-92aa-a1cc3fcd7d35": {
           "position": {
-            "left": 760,
-            "top": 840
+            "left": 780,
+            "top": 800
           },
           "type": "execute_actions"
         },
         "21ff86c2-5276-4448-afb6-54d1f832ba0c": {
           "type": "split_by_ticket",
           "position": {
-            "left": 820,
-            "top": 980
+            "left": 780,
+            "top": 920
           },
           "config": {}
         }
@@ -941,7 +1047,7 @@
         "598a87e4-f20b-48ba-aac5-bb365d8f1509": {
           "position": {
             "left": 0,
-            "top": 400
+            "top": 440
           },
           "title": "Blue Note",
           "body": "Did you know stickies can have different colors? I just realized that and I'm pretty happy to report that this expands really nicely. It seems to be working okay I think. This.",
@@ -950,7 +1056,7 @@
         "598a87e4-f20b-48ba-aac5-bb365d8f1501": {
           "position": {
             "left": 0,
-            "top": 720
+            "top": 780
           },
           "title": "Green Note",
           "body": "They also come in green, do I like them better? Maybe I do. There is a standard height, they will have to get used to it.",
@@ -959,7 +1065,7 @@
         "598a87e4-f20b-48ba-aac5-bb365d8f1502": {
           "position": {
             "left": 0,
-            "top": 580
+            "top": 640
           },
           "title": "Pinky Note",
           "body": "This is a test. How much do I like writing in pink? Seems pretty nice honestly! I think Imma go with it",
@@ -968,7 +1074,7 @@
         "598a87e4-f20b-48ba-aac5-bb365d8f1503": {
           "position": {
             "left": 0,
-            "top": 280
+            "top": 320
           },
           "title": "Gray Note",
           "body": "And a nice, little gray message to go with it.",