refactor: Remove unnecessary recipe name parameters

Remove recipe name parameters throughout the codebase where the names
don't add meaningful value. Names were mostly duplicating information
already available from the file name or [NAME] symbol.

Changes:
- built-in.ts: Removed type parameter, use type inference
- opaque-ref.ts: Removed "mapping function" name from internal map
- Multiple pattern files: Removed redundant names, use inline types

Files updated:
- array-in-cell-ast-nocomponents, charm-ref-in-cell, charms-ref-in-cell
- cheeseboard, common-tools, counter, ct-render, dice
- instantiate-recipe, linkedlist-in-cell, llm, nested-counter, output_schema

All patterns still function identically using the more concise
function-only syntax.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

Author: seefeldb

packages/patterns/array-in-cell-ast-nocomponents.tsx

@@ -26,7 +26,7 @@ const addItem = handler<InputEventType, ListState>(
   },
 );
 
-export default recipe<InputSchema>("Simple List", ({ title, items }) => {
+export default recipe(({ title, items }: InputSchema) => {
   return {
     [NAME]: title,
     [UI]: (

packages/patterns/charm-ref-in-cell.tsx

@@ -31,7 +31,7 @@ type RecipeInOutput = {
 };
 
 // the simple charm (to which we'll store a reference within a cell)
-const SimpleRecipe = recipe<{ id: string }>("Simple Recipe", ({ id }) => ({
+const SimpleRecipe = recipe(({ id }: { id: string }) => ({
   [NAME]: derive(id, (idValue) => `SimpleRecipe: ${idValue}`),
   [UI]: <div>Simple Recipe id {id}</div>,
 }));

packages/patterns/charms-ref-in-cell.tsx

@@ -29,7 +29,7 @@ interface AddCharmState {
 const AddCharmSchema = toSchema<AddCharmState>();
 
 // Simple charm that will be instantiated multiple times
-const SimpleRecipe = recipe<{ id: string }>("Simple Recipe", ({ id }) => ({
+const SimpleRecipe = recipe(({ id }: { id: string }) => ({
   [NAME]: derive(id, (idValue) => `SimpleRecipe: ${idValue}`),
   [UI]: <div>Simple Recipe id {id}</div>,
 }));

packages/patterns/cheeseboard.tsx

@@ -82,7 +82,7 @@ const createPizzaListCell = lift<{ result: WebReadResult }, CheeseboardEntry[]>(
   },
 );
 
-export default recipe("Cheeseboard", () => {
+export default recipe(() => {
   const cheeseBoardUrl =
     "https://cheeseboardcollective.coop/home/pizza/pizza-schedule/";
   const { result } = fetchData<WebReadResult>({

packages/patterns/common-tools.tsx

@@ -179,7 +179,7 @@ type ToolsInput = {
   list: ListItem[];
 };
 
-export default recipe<ToolsInput>("Tools", ({ list }) => {
+export default recipe(({ list }: ToolsInput) => {
   const tools: Record<string, BuiltInLLMTool> = {
     search_web: {
       pattern: searchWeb,

packages/patterns/counter.tsx

@@ -12,7 +12,7 @@ interface RecipeOutput {
   decrement: Stream<void>;
 }
 
-export default recipe<RecipeState, RecipeOutput>("Counter", (state) => {
+export default recipe((state: RecipeState) => {
   return {
     [NAME]: str`Simple counter: ${state.value}`,
     [UI]: (

packages/patterns/ct-render.tsx

@@ -33,7 +33,7 @@ function nth(value: number) {
   return `${value}th`;
 }
 
-export const Counter = recipe<RecipeState>("Counter", (state) => {
+export const Counter = recipe((state: RecipeState) => {
   return {
     // str is used so we can directly interpolate the OpaqueRef<number> into the string
     [NAME]: str`Simple counter: ${state.value}`,
@@ -59,7 +59,7 @@ export const Counter = recipe<RecipeState>("Counter", (state) => {
   };
 });
 
-export default recipe<RecipeState>("Counter", (state) => {
+export default recipe((state: RecipeState) => {
   const counter = Counter({ value: state.value });
 
   return {

packages/patterns/dice.tsx

@@ -14,7 +14,7 @@ interface RecipeOutput {
   roll: Stream<{ sides?: number }>;
 }
 
-export default recipe<RecipeState, RecipeOutput>("Dice", (state) => {
+export default recipe((state: RecipeState) => {
   return {
     [NAME]: `Dice Roller`,
     [UI]: (

packages/patterns/instantiate-recipe.tsx

@@ -39,7 +39,7 @@ function nth(value: number) {
   return `${value}th`;
 }
 
-export const Counter = recipe<RecipeState>("Counter", (state) => {
+export const Counter = recipe((state: RecipeState) => {
   return {
     [NAME]: str`Simple counter: ${state.value}`,
     [UI]: (

packages/patterns/linkedlist-in-cell.tsx

@@ -55,7 +55,7 @@ const addItem = handler<InputEventType, ListState>(
   },
 );
 
-export default recipe("Simple LinkedList", ({ title }: InputSchema) => {
+export default recipe(({ title }: InputSchema) => {
   const items_list = cell<LinkedList>({ value: "1" });
 
   // Create a derived value for the linked list string representation