[pull] main from commontoolsinc:main

packages/patterns/chatbot-list-view.tsx

@@ -0,0 +1,176 @@
+/// <cts-enable />
+import {
+  Cell,
+  cell,
+  Default,
+  derive,
+  h,
+  handler,
+  ID,
+  ifElse,
+  lift,
+  NAME,
+  navigateTo,
+  recipe,
+  UI,
+} from "commontools";
+
+import Chat from "./chatbot.tsx";
+
+type CharmEntry = {
+  [ID]: string; // randomId is a string
+  local_id: string; // same as ID but easier to access
+  charm: any;
+};
+
+type Input = {
+  selectedCharm: Default<{ charm: any }, { charm: undefined }>;
+  charmsList: Default<CharmEntry[], []>;
+};
+
+type Output = Input;
+
+// this will be called whenever charm or selectedCharm changes
+// pass isInitialized to make sure we dont call this each time
+// we change selectedCharm, otherwise creates a loop
+const storeCharm = lift(
+  {
+    type: "object",
+    properties: {
+      charm: { type: "object" },
+      selectedCharm: {
+        type: "object",
+        properties: {
+          charm: { type: "object" },
+        },
+        asCell: true,
+      },
+      charmsList: {
+        type: "array",
+        items: {
+          type: "object",
+          properties: {
+            local_id: { type: "string" }, // display ID for the charm
+            charm: { type: "object" },
+          },
+        },
+        asCell: true,
+      },
+      isInitialized: { type: "boolean", asCell: true },
+    },
+  },
+  undefined,
+  ({ charm, selectedCharm, charmsList, isInitialized }) => {
+    if (!isInitialized.get()) {
+      console.log(
+        "storeCharm storing charm:",
+        JSON.stringify(charm),
+      );
+      selectedCharm.set({ charm });
+
+      // create the chat charm with a custom name including a random suffix
+      const randomId = Math.random().toString(36).substring(2, 10); // Random 8-char string
+      charmsList.push({ [ID]: randomId, local_id: randomId, charm });
+
+      isInitialized.set(true);
+      return charm;
+    } else {
+      console.log("storeCharm: already initialized");
+    }
+    return undefined;
+  },
+);
+
+const createChatRecipe = handler<
+  unknown,
+  { selectedCharm: Cell<{ charm: any }>; charmsList: Cell<CharmEntry[]> }
+>(
+  (_, { selectedCharm, charmsList }) => {
+    const isInitialized = cell(false);
+
+    const charm = Chat({
+      messages: [],
+      tools: undefined,
+    });
+    // store the charm ref in a cell (pass isInitialized to prevent recursive calls)
+    return storeCharm({ charm, selectedCharm, charmsList, isInitialized });
+  },
+);
+
+const selectCharm = handler<
+  unknown,
+  { selectedCharm: Cell<{ charm: any }>; charm: any }
+>(
+  (_, { selectedCharm, charm }) => {
+    console.log("selectCharm: updating selectedCharm to ", charm);
+    selectedCharm.set({ charm });
+    return selectedCharm;
+  },
+);
+
+const logCharmsList = lift(
+  {
+    type: "object",
+    properties: {
+      charmsList: {
+        type: "array",
+        items: {
+          type: "object",
+          properties: {
+            local_id: { type: "string" }, // display ID for the charm
+            charm: { type: "object" },
+          },
+        },
+        asCell: true,
+      },
+    },
+  },
+  undefined,
+  ({ charmsList }) => {
+    console.log("logCharmsList: ", charmsList.get());
+    return charmsList;
+  },
+);
+
+// create the named cell inside the recipe body, so we do it just once
+export default recipe<Input, Output>(
+  "Launcher",
+  ({ selectedCharm, charmsList }) => {
+    logCharmsList({ charmsList });
+
+    return {
+      [NAME]: "Launcher",
+      [UI]: (
+        <div>
+          <ct-button onClick={createChatRecipe({ selectedCharm, charmsList })}>
+            Create New Chat
+          </ct-button>
+
+          <div>
+            <h3>Chat List</h3>
+          </div>
+          <div>
+            {charmsList.map((charmEntry, i) => (
+              <div>
+                index={i} chat ID: {charmEntry.local_id}
+                <ct-button
+                  onClick={selectCharm({
+                    selectedCharm: selectedCharm,
+                    charm: charmEntry.charm,
+                  })}
+                >
+                  LOAD
+                </ct-button>
+              </div>
+            ))}
+          </div>
+
+          <div>--- end chat list ---</div>
+          <div>{selectedCharm.charm}</div>
+        </div>
+      ),
+      selectedCharm,
+      charmsList,
+    };
+  },
+);

packages/runner/src/builtins/if-else.ts

@@ -27,6 +27,7 @@ export function ifElse(
     const ref = inputsWithLog.key(condition ? 1 : 2)
       .getAsLink({ base: result });
 
-    resultWithLog.send(ref);
+    // When writing links, we need to use setRaw
+    resultWithLog.setRaw(ref);
   };
 }

packages/runner/src/builtins/map.ts

@@ -76,7 +76,7 @@ export function map(
 
     // .getRaw() because we want the recipe itself and avoid following the
     // aliases in the recipe
-    const opRecipe = op.getRaw() as any;
+    const opRecipe = op.getRaw();
 
     // If the result's value is undefined, set it to the empty array.
     if (resultWithLog.get() === undefined) {
@@ -98,6 +98,11 @@ export function map(
     }
 
     const newArrayValue = resultWithLog.get().slice(0, initializedUpTo);
+    // If we rollback a change to result cell, and that causes it to be
+    // shorter, we need to re-initialize some cells.
+    if (initializedUpTo > newArrayValue.length) {
+      initializedUpTo = newArrayValue.length;
+    }
     // Add values that have been appended
     while (initializedUpTo < list.length) {
       const resultCell = runtime.getCell(