Output schema id from data

Author: ajhai

llmstack/client/src/components/apps/AppEditor.jsx

@@ -36,6 +36,7 @@ export function AppEditor(props) {
         label: "1. Input",
         items: schema,
         pillPrefix: "[1] Input / ",
+        id: "_inputs1",
       },
       ...processors.map((p, index) => {
         return {
@@ -44,6 +45,7 @@ export function AppEditor(props) {
             p.api_backend?.name
           } / `,
           items: p.api_backend?.output_schema,
+          id: p.id || `_inputs${index + 1}`,
         };
       }),
     ]);

llmstack/client/src/components/apps/TextFieldWithVars.jsx

@@ -239,7 +239,7 @@ export function TextFieldWithVars(props) {
         .map((schema, index) =>
           generateTreeItemsFromSchema(
             schema.items,
-            `_inputs${index}`,
+            schema.id,
             (e, k, widget) => {
               let templateString = `{{${k}}}`;
               if (widget === "output_image") {