[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_236":237,"_238":239},"routes/_app.x.$handle.$name",{"_103":102,"_38":51,"_112":93,"_33":113,"_13":14,"_114":-5,"_11":115,"_116":117,"_118":119,"_120":121,"_122":123,"_26":-5,"_124":-5,"_125":-5,"_126":31,"_127":128,"_129":65,"_130":-5,"_131":-5,"_132":133},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_49":50,"_38":51,"_44":52,"_53":-5,"_54":31,"_55":56,"_57":56,"_58":59,"_60":-5,"_19":61,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":69,"_70":71,"_72":-5,"_73":-5,"_74":-5,"_75":-5,"_76":77,"_78":77,"_79":80,"_81":80,"_82":80,"_83":77,"_84":77,"_85":86,"_87":88,"_89":90,"_91":31},"version",26,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","3fe6d952-bfe4-48f7-b0d5-1af1ee638613","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":29,"_30":31,"_32":31,"_33":34,"_35":34},"file",{"_36":37,"_38":34,"_39":40,"_41":43,"_44":45,"_46":14,"_47":48,"_30":31},"previous",{"_36":37,"_38":34,"_39":40,"_41":42},"deleted",false,"deletedHere","path","ai.ts","latestPath","fileId","6cc08fd0-9d05-11f1-a48c-1607ee4eb77e","name","fileType","script","content","// ai.ts — Describe a shortcut in plain English; get back an editable action list\n// that builds into a .shortcut file. Supports Groq, Gemini, OpenAI, or Anthropic.\n// Provider precedence when none is specified: groq > gemini > openai > anthropic.\nimport { actions, type ActionDef } from \"./actions.ts\";\nimport type { ShortcutStep } from \"./builder.ts\";\n\ntype Provider = \"groq\" | \"gemini\" | \"openai\" | \"anthropic\";\nconst GROQ_MODEL = \"openai/gpt-oss-120b\";\nconst GEMINI_MODEL = \"gemini-3.6-flash\";\n\nexport function aiConfigured(): boolean {\n return Boolean(\n Deno.env.get(\"GROQ_API_KEY\") || Deno.env.get(\"GEMINI_API_KEY\") ||\n Deno.env.get(\"OPENAI_API_KEY\") || Deno.env.get(\"ANTHROPIC_API_KEY\"),\n );\n}\n\ntype AiResult = { name: string; steps: ShortcutStep[]; error?: string };\n\n// Compact inventory of actions for the model (id, fields keys) — keeps the prompt small.\nfunction inventory(): string {\n return actions.map((a) => {\n const keys = a.fields.map((f) => f.key).join(\", \") || \"none\";\n return `- ${a.id} (${a.name})[${a.fields.length ? \"fields: \" + keys : \"no fields\"}]`;\n }).join(\"\\n\");\n}\n\nconst SYSTEM = `You are an expert iOS Shortcuts builder. You convert a user's plain-English request into\na working Shortcut expressed ONLY as an array of actions drawn from the provided catalog.\n\nRules:\n- Use ONLY the action identifiers listed below. Never invent identifiers.\n- Set parameters using the exact field keys described for each action.\n- Reference other actions' output with \"{{Magic Variable}}\" style strings, e.g. {{Text}},\n {{Contents of URL}}, {{Repeat Index}}, {{Shortcut Input}}.\n- For loops: use is.workflow.actions.repeat.count ... is.workflow.actions.repeat to close.\n- For conditionals: is.workflow.actions.conditional → ... → is.workflow.actions.conditional.end.\n (Use is.workflow.actions.conditional.condition for the else branch.)\n- For menus: is.workflow.actions.choosefrommenu, then is.workflow.actions.choosefrommenu.item\n (parameter WFMenuItemTitle) for each choice, then is.workflow.actions.choosefrommenu.end.\n- Order matters: data flows top to bottom. End with a terminal action (showresult, notification,\n or openurl) when it makes sense.\n- Keep the count minimal but complete. Aim for a capable, advanced workflow, not toy examples.\n- The shortcut name must be short and title case.\n\nOutput STRICT JSON only, no markdown fences, shape:\n{\"name\":\"\",\"steps\":[{\"id\":\"is.workflow.actions.foo\",\"values\":{...}}, ...]}\n\nCatalog:\n${inventory()}`;\n\nasync function callOpenAICompat(prompt: string, baseUrl: string, key: string, model: string, forceJson = true): Promise {\n const body: Record = {\n model,\n temperature: 0.4,\n messages: [\n { role: \"system\", content: SYSTEM },\n { role: \"user\", content: prompt },\n ],\n };\n if (forceJson) body.response_format = { type: \"json_object\" };\n const res = await fetch(`${baseUrl}/chat/completions`, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\", Authorization: `Bearer ${key}` },\n body: JSON.stringify(body),\n });\n if (!res.ok) throw new Error(`LLM error ${res.status}: ${await res.text()}`);\n const data = await res.json();\n return data.choices?.[0]?.message?.content ?? \"\";\n}\n\nasync function callGroq(prompt: string): Promise {\n // gpt-oss models on Groq sometimes reject strict json_object; we lean on the\n // prompt instruction + robust extraction instead.\n return callOpenAICompat(prompt, \"https://api.groq.com/openai/v1\", Deno.env.get(\"GROQ_API_KEY\")!, GROQ_MODEL, false);\n}\n\nasync function callOpenAI(prompt: string): Promise {\n return callOpenAICompat(prompt, \"https://api.openai.com/v1\", Deno.env.get(\"OPENAI_API_KEY\")!, \"gpt-4o-mini\");\n}\n\nasync function callAnthropic(prompt: string): Promise {\n const key = Deno.env.get(\"ANTHROPIC_API_KEY\")!;\n const res = await fetch(\"https://api.anthropic.com/v1/messages\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n \"x-api-key\": key,\n \"anthropic-version\": \"2023-06-01\",\n },\n body: JSON.stringify({\n model: \"claude-sonnet-4-20250514\",\n max_tokens: 4096,\n temperature: 0.4,\n system: SYSTEM,\n messages: [{ role: \"user\", content: prompt }],\n }),\n });\n if (!res.ok) throw new Error(`Anthropic error ${res.status}: ${await res.text()}`);\n const data = await res.json();\n return data.content?.find((c: { type: string }) => c.type === \"text\")?.text ?? \"\";\n}\n\nasync function callGemini(prompt: string): Promise {\n const key = Deno.env.get(\"GEMINI_API_KEY\")!;\n const res = await fetch(\n `https://generativelanguage.googleapis.com/v1beta/models/${GEMINI_MODEL}:generateContent?key=${key}`,\n {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n systemInstruction: { parts: [{ text: SYSTEM }] },\n contents: [{ role: \"user\", parts: [{ text: prompt }] }],\n generationConfig: { responseMimeType: \"application/json\", temperature: 0.4 },\n }),\n },\n );\n if (!res.ok) throw new Error(`Gemini error ${res.status}: ${await res.text()}`);\n const data = await res.json();\n return data.candidates?.[0]?.content?.parts?.[0]?.text ?? \"\";\n}\n\n// Validate the model's output against the known catalog; drop unknown ids (keep menu helpers).\nfunction sanitize(raw: unknown): ShortcutStep[] | null {\n if (!raw || typeof raw !== \"object\") return null;\n const steps = (raw as { steps?: unknown }).steps;\n if (!Array.isArray(steps) || steps.length === 0) return null;\n const known = new Set(actions.map((a) => a.id));\n const music = new Set([\"is.workflow.actions.choosefrommenu\", \"is.workflow.actions.choosefrommenu.item\", \"is.workflow.actions.choosefrommenu.end\", \"is.workflow.actions.conditional\", \"is.workflow.actions.conditional.condition\", \"is.workflow.actions.conditional.end\", \"is.workflow.actions.repeat.count\", \"is.workflow.actions.repeat.each\", \"is.workflow.actions.repeat\"]);\n const out: ShortcutStep[] = [];\n for (const s of steps) {\n const id = (s as { id?: unknown })?.id;\n if (typeof id !== \"string\") continue;\n const values = (s as { values?: Record })?.values ?? {};\n if (known.has(id) || music.has(id)) out.push({ id, values: sanitizeValues(id, values) as Record });\n }\n return out.length ? out : null;\n}\n\n// Coerce a few field types to what the plist expects.\nfunction sanitizeValues(id: string, values: Record): Record {\n const def = actions.find((a) => a.id === id);\n if (!def) return values as Record;\n const out: Record = {};\n for (const f of def.fields) {\n const v = values[f.key];\n if (v === undefined || v === null || v === \"\") continue;\n if (f.type === \"number\") {\n const n = Number(v);\n out[f.key] = Number.isFinite(n) ? n : String(v);\n } else if (f.type === \"toggle\") {\n out[f.key] = String(v) === \"true\" || v === true;\n } else {\n out[f.key] = String(v);\n }\n }\n return out;\n}\n\nfunction pickProvider(wanted?: Provider): Provider {\n if (wanted && Deno.env.get(KEY_TO_ENV[wanted])) return wanted;\n const order: Provider[] = [\"groq\", \"gemini\", \"openai\", \"anthropic\"];\n return order.find((p) => Deno.env.get(KEY_TO_ENV[p])) ?? \"groq\";\n}\n\nconst KEY_TO_ENV: Record = {\n groq: \"GROQ_API_KEY\",\n gemini: \"GEMINI_API_KEY\",\n openai: \"OPENAI_API_KEY\",\n anthropic: \"ANTHROPIC_API_KEY\",\n};\n\nconst CALLERS: Record Promise> = {\n groq: callGroq,\n gemini: callGemini,\n openai: callOpenAI,\n anthropic: callAnthropic,\n};\n\nexport async function buildFromDescription(description: string, provider?: Provider): Promise {\n const desc = description.trim();\n if (!desc) return { name: \"\", steps: [], error: \"Describe the shortcut you want.\" };\n if (!aiConfigured()) {\n return { name: \"\", steps: [], error: \"No AI provider configured.\" };\n }\n const chosen = pickProvider(provider);\n const prompt = `Build a Shortcut for: \"${desc}\".\\n\\nMake it a capable, advanced workflow a power user would keep.`;\n try {\n const text = await CALLERS[chosen](prompt);\n const trimmed = text.replace(/^```(json)?/m, \"\").replace(/```$/m, \"\").trim();\n let parsed: unknown;\n try {\n parsed = JSON.parse(trimmed);\n } catch {\n // model may wrap; try to extract first {...}\n const start = trimmed.indexOf(\"{\");\n const end = trimmed.lastIndexOf(\"}\");\n parsed = JSON.parse(trimmed.slice(start, end + 1));\n }\n const steps = sanitize(parsed);\n if (!steps) return { name: \"\", steps: [], error: \"The model returned nothing usable. Try rephrasing.\" };\n const name = (parsed as { name?: string })?.name?.slice(0, 60) || \"Untitled Shortcut\";\n return { name, steps, provider: chosen };\n } catch (e) {\n return { name: \"\", steps: [], error: `[${chosen}] ${e instanceof Error ? e.message : \"AI request failed.\"}` };\n }\n}\n\nexport type { ActionDef, Provider };\n","// ai.ts — Describe a shortcut in plain English; get back an editable action list\n// that builds into a .shortcut file. Supports Groq, Gemini, OpenAI, or Anthropic.\n// Provider precedence when none is specified: groq > gemini > openai > anthropic.\nimport { actions, type ActionDef } from \"./actions.ts\";\nimport type { ShortcutStep } from \"./builder.ts\";\n\ntype Provider = \"groq\" | \"gemini\" | \"openai\" | \"anthropic\";\nconst GROQ_MODEL = \"openai/gpt-oss-120b\";\nconst GEMINI_MODEL = \"gemini-3.6-flash\";\n\nexport function aiConfigured(): boolean {\n return Boolean(\n Deno.env.get(\"GROQ_API_KEY\") || Deno.env.get(\"GEMINI_API_KEY\") ||\n Deno.env.get(\"OPENAI_API_KEY\") || Deno.env.get(\"ANTHROPIC_API_KEY\"),\n );\n}\n\ntype AiResult = { name: string; steps: ShortcutStep[]; error?: string };\n\n// Compact inventory of actions for the model (id, fields keys) — keeps the prompt small.\nfunction inventory(): string {\n return actions.map((a) => {\n const keys = a.fields.map((f) => f.key).join(\", \") || \"none\";\n return `- ${a.id} (${a.name})[${a.fields.length ? \"fields: \" + keys : \"no fields\"}]`;\n }).join(\"\\n\");\n}\n\nconst SYSTEM = `You are an elite iOS Shortcuts engineer. Convert a plain-English request into a complete,\nadvanced Shortcut expressed ONLY as an array of actions drawn from the provided catalog.\n\nRULES\n- Use ONLY identifiers listed below. Never invent them.\n- Set parameters using the exact field keys described per action.\n- Reference outputs with \"{{Magic Variable}}\" strings: {{Text}}, {{Contents of URL}},\n {{Shortcut Input}}, {{Repeat Index}}, {{Repeat Item}}, {{Provided Input}}, {{JavaScript Result}}, etc.\n- STRIVE for depth: chain multiple actions into a real workflow. Prefer variables (Set Variable) to\n carry data between steps instead of only relying on magic output names. Use JSON parsing + Dictionary\n value extraction after API calls. Use regex (Match/Replace Text) to transform text. Use math + format\n number when numbers are involved. Add a meaningful condition (If/Otherwise) or loop when the request\n implies branching or repetition. End sensibly with a terminal action (Show Result / Notification /\n Show Alert / Create Note / Open URLs).\n- Control flow precisely:\n * If ... : is.workflow.actions.conditional (values: WFInput, WFConditionalIfCondition)\n else: is.workflow.actions.conditional.condition, then is.workflow.actions.conditional.end. Always close!\n * Repeat N: is.workflow.actions.repeat.count (WFRepeatCount) ... is.workflow.actions.repeat. Always close!\n * Menu: is.workflow.actions.choosefrommenu, then is.workflow.actions.choosefrommenu.item (WFMenuItemTitle)\n per choice with its actions between, then is.workflow.actions.choosefrommenu.end.\n- Output STRICT JSON only, NO markdown, NO commentary. Shape:\n{\"name\":\"Title Case\",\"steps\":[{\"id\":\"is.workflow.actions.text\",\"values\":{\"Text\":\"https://...\"}},{\"id\":\"is.workflow.actions.downloadurl\",\"values\":{}}, ...]}\n\nEXAMPLE of an expert answer (shape only):\n{\"name\":\"Weather Alert\",\"steps\":[\n{\"id\":\"is.workflow.actions.text\",\"values\":{\"Text\":\"https://api.example.com/now\"}},\n{\"id\":\"is.workflow.actions.downloadurl\",\"values\":{}},\n{\"id\":\"is.workflow.actions.property\",\"values\":{\"CustomOutputName\":\"Json\"}},\n{\"id\":\"is.workflow.actions.getvalueforkey\",\"values\":{\"WFInput\":\"{{Json}}\",\"WFDictionaryKey\":\"temp\"}},\n{\"id\":\"is.workflow.actions.setvariable\",\"values\":{\"WFVariableName\":\"temp\"}},\n{\"id\":\"is.workflow.actions.conditional\",\"values\":{\"WFInput\":\"{{temp}}\",\"WFConditionalIfCondition\":\"Is Greater Than\"}},\n{\"id\":\"is.workflow.actions.notification\",\"values\":{\"WFNotificationActionBody\":\"Hot: {{temp}}\",\"WFNotificationActionTitle\":\"Alert\"}},\n{\"id\":\"is.workflow.actions.conditional.condition\",\"values\":{}},\n{\"id\":\"is.workflow.actions.text\",\"values\":{\"Text\":\"Mild: {{temp}}\"}},\n{\"id\":\"is.workflow.actions.showresult\",\"values\":{\"Text\":\"{{Text}}\"}},\n{\"id\":\"is.workflow.actions.conditional.end\",\"values\":{}}]}\n\nCATALOG\n${inventory()}`;\n\nasync function callOpenAICompat(prompt: string, baseUrl: string, key: string, model: string, forceJson = true): Promise {\n const body: Record = {\n model,\n temperature: 0.4,\n messages: [\n { role: \"system\", content: SYSTEM },\n { role: \"user\", content: prompt },\n ],\n };\n if (forceJson) body.response_format = { type: \"json_object\" };\n const res = await fetch(`${baseUrl}/chat/completions`, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\", Authorization: `Bearer ${key}` },\n body: JSON.stringify(body),\n });\n if (!res.ok) throw new Error(`LLM error ${res.status}: ${await res.text()}`);\n const data = await res.json();\n return data.choices?.[0]?.message?.content ?? \"\";\n}\n\nasync function callGroq(prompt: string): Promise {\n // gpt-oss models on Groq sometimes reject strict json_object; we lean on the\n // prompt instruction + robust extraction instead.\n return callOpenAICompat(prompt, \"https://api.groq.com/openai/v1\", Deno.env.get(\"GROQ_API_KEY\")!, GROQ_MODEL, false);\n}\n\nasync function callOpenAI(prompt: string): Promise {\n return callOpenAICompat(prompt, \"https://api.openai.com/v1\", Deno.env.get(\"OPENAI_API_KEY\")!, \"gpt-4o-mini\");\n}\n\nasync function callAnthropic(prompt: string): Promise {\n const key = Deno.env.get(\"ANTHROPIC_API_KEY\")!;\n const res = await fetch(\"https://api.anthropic.com/v1/messages\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n \"x-api-key\": key,\n \"anthropic-version\": \"2023-06-01\",\n },\n body: JSON.stringify({\n model: \"claude-sonnet-4-20250514\",\n max_tokens: 4096,\n temperature: 0.4,\n system: SYSTEM,\n messages: [{ role: \"user\", content: prompt }],\n }),\n });\n if (!res.ok) throw new Error(`Anthropic error ${res.status}: ${await res.text()}`);\n const data = await res.json();\n return data.content?.find((c: { type: string }) => c.type === \"text\")?.text ?? \"\";\n}\n\nasync function callGemini(prompt: string): Promise {\n const key = Deno.env.get(\"GEMINI_API_KEY\")!;\n const res = await fetch(\n `https://generativelanguage.googleapis.com/v1beta/models/${GEMINI_MODEL}:generateContent?key=${key}`,\n {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n systemInstruction: { parts: [{ text: SYSTEM }] },\n contents: [{ role: \"user\", parts: [{ text: prompt }] }],\n generationConfig: { responseMimeType: \"application/json\", temperature: 0.4 },\n }),\n },\n );\n if (!res.ok) throw new Error(`Gemini error ${res.status}: ${await res.text()}`);\n const data = await res.json();\n return data.candidates?.[0]?.content?.parts?.[0]?.text ?? \"\";\n}\n\n// Validate the model's output against the known catalog; drop unknown ids (keep menu helpers).\nfunction sanitize(raw: unknown): ShortcutStep[] | null {\n if (!raw || typeof raw !== \"object\") return null;\n const steps = (raw as { steps?: unknown }).steps;\n if (!Array.isArray(steps) || steps.length === 0) return null;\n const known = new Set(actions.map((a) => a.id));\n const music = new Set([\"is.workflow.actions.choosefrommenu\", \"is.workflow.actions.choosefrommenu.item\", \"is.workflow.actions.choosefrommenu.end\", \"is.workflow.actions.conditional\", \"is.workflow.actions.conditional.condition\", \"is.workflow.actions.conditional.end\", \"is.workflow.actions.repeat.count\", \"is.workflow.actions.repeat.each\", \"is.workflow.actions.repeat\"]);\n const out: ShortcutStep[] = [];\n for (const s of steps) {\n const id = (s as { id?: unknown })?.id;\n if (typeof id !== \"string\") continue;\n const values = (s as { values?: Record })?.values ?? {};\n if (known.has(id) || music.has(id)) out.push({ id, values: sanitizeValues(id, values) as Record });\n }\n return out.length ? out : null;\n}\n\n// Coerce a few field types to what the plist expects.\nfunction sanitizeValues(id: string, values: Record): Record {\n const def = actions.find((a) => a.id === id);\n if (!def) return values as Record;\n const out: Record = {};\n for (const f of def.fields) {\n const v = values[f.key];\n if (v === undefined || v === null || v === \"\") continue;\n if (f.type === \"number\") {\n const n = Number(v);\n out[f.key] = Number.isFinite(n) ? n : String(v);\n } else if (f.type === \"toggle\") {\n out[f.key] = String(v) === \"true\" || v === true;\n } else {\n out[f.key] = String(v);\n }\n }\n return out;\n}\n\nfunction pickProvider(wanted?: Provider): Provider {\n if (wanted && Deno.env.get(KEY_TO_ENV[wanted])) return wanted;\n const order: Provider[] = [\"groq\", \"gemini\", \"openai\", \"anthropic\"];\n return order.find((p) => Deno.env.get(KEY_TO_ENV[p])) ?? \"groq\";\n}\n\nconst KEY_TO_ENV: Record = {\n groq: \"GROQ_API_KEY\",\n gemini: \"GEMINI_API_KEY\",\n openai: \"OPENAI_API_KEY\",\n anthropic: \"ANTHROPIC_API_KEY\",\n};\n\nconst CALLERS: Record Promise> = {\n groq: callGroq,\n gemini: callGemini,\n openai: callOpenAI,\n anthropic: callAnthropic,\n};\n\nexport async function buildFromDescription(description: string, provider?: Provider): Promise {\n const desc = description.trim();\n if (!desc) return { name: \"\", steps: [], error: \"Describe the shortcut you want.\" };\n if (!aiConfigured()) {\n return { name: \"\", steps: [], error: \"No AI provider configured.\" };\n }\n const chosen = pickProvider(provider);\n const prompt = `Build a Shortcut for: \"${desc}\".\\n\\nMake it a capable, advanced workflow a power user would keep.`;\n try {\n const text = await CALLERS[chosen](prompt);\n const trimmed = text.replace(/^```(json)?/m, \"\").replace(/```$/m, \"\").trim();\n let parsed: unknown;\n try {\n parsed = JSON.parse(trimmed);\n } catch {\n // model may wrap; try to extract first {...}\n const start = trimmed.indexOf(\"{\");\n const end = trimmed.lastIndexOf(\"}\");\n parsed = JSON.parse(trimmed.slice(start, end + 1));\n }\n const steps = sanitize(parsed);\n if (!steps) return { name: \"\", steps: [], error: \"The model returned nothing usable. Try rephrasing.\" };\n const name = (parsed as { name?: string })?.name?.slice(0, 60) || \"Untitled Shortcut\";\n return { name, steps, provider: chosen };\n } catch (e) {\n return { name: \"\", steps: [], error: `[${chosen}] ${e instanceof Error ? e.message : \"AI request failed.\"}` };\n }\n}\n\nexport type { ActionDef, Provider };\n","createdAt",["D",1787279737368],"branchVersion","branchId","5a4cb687-6c5a-46e2-8d87-1233b7ab9c1b","id","02c26f35-91a8-42a2-bdf5-6dc564670f9c","shortcut-studio",["D",1787278097773],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","AI iOS Shortcut builder + library — exportable .shortcut files","imageUrl","0f3ebc00-d42e-4106-9436-e39ece7e61a5","pinnedFileId","2cdd804e-9d05-11f1-a48c-1607ee4eb77e","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","01a021f3-3a16-7267-929c-d4391eb24b8b","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_103":102,"_111":107},"org",{"_103":102,"_104":105,"_106":107,"_19":61,"_108":109,"_110":31},"branch",{"_13":92,"_38":93,"_49":48,"_94":50,"_95":-5,"_96":-5,"_97":-5,"_98":-5,"_99":-5,"_100":51,"_101":102},"isOwned",53,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","cknowlesbadluck","handle","displayName","Christopher Knowles","avatar","https://avatars.githubusercontent.com/u/313156363?v=4","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_49":50,"_38":51,"_44":232,"_53":-5,"_54":31,"_55":56,"_57":56,"_58":59,"_60":-5,"_19":61,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":69,"_70":71,"_72":-5,"_73":-5,"_74":-5,"_75":-5,"_76":77,"_78":77,"_79":80,"_81":80,"_82":80,"_83":77,"_84":77,"_85":233,"_87":234,"_89":235,"_91":31},"tree",[203,204,205,206,207,208,209],"files",[203,204,205,206,207,208,209],"counts",{"_193":69,"_194":190,"_195":69,"_196":197,"_198":199},"contents",[134,135,136,137,138,139,140],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_49":185,"_38":186,"_36":187,"_144":-5,"_47":48,"_46":188,"_146":31,"_44":189,"_13":190,"_39":26,"_41":191,"_30":31,"_149":-5,"_33":192},{"_49":178,"_38":179,"_36":180,"_144":-5,"_47":48,"_46":181,"_146":31,"_44":182,"_13":156,"_39":40,"_41":183,"_30":31,"_149":-5,"_33":184},{"_49":175,"_38":34,"_36":37,"_144":-5,"_47":48,"_46":14,"_146":65,"_44":176,"_13":145,"_39":40,"_41":43,"_30":31,"_149":-5,"_33":177},{"_49":167,"_38":168,"_36":169,"_144":-5,"_47":48,"_46":170,"_146":65,"_44":171,"_13":172,"_39":40,"_41":173,"_30":31,"_149":-5,"_33":174},{"_49":159,"_38":160,"_36":63,"_144":-5,"_47":48,"_46":161,"_146":65,"_44":162,"_13":163,"_39":164,"_41":165,"_30":31,"_149":51,"_33":166},{"_49":151,"_38":152,"_36":153,"_144":-5,"_47":48,"_46":154,"_146":31,"_44":155,"_13":156,"_39":40,"_41":157,"_30":31,"_149":-5,"_33":158},{"_49":141,"_38":142,"_36":143,"_144":-5,"_47":48,"_46":145,"_146":65,"_44":147,"_13":69,"_39":40,"_41":148,"_30":31,"_149":-5,"_33":150},"19e30dab-641b-44bf-8313-4fb26ba634de","ui.tsx","899b2192-9d05-11f1-84a8-1607ee4eb77e","parentId",7,"latest",["D",1787278253417],"// ui.tsx — client-side React studio for Shortcut Studio.\nimport { useState, useEffect, useMemo } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\n\ntype FieldDef = {\n key: string; label: string; type: string;\n options?: { value: string | number | boolean; label: string }[];\n placeholder?: string; help?: string;\n};\ntype ActionMeta = { id: string; name: string; category: string; icon: string; color: string; description: string; fields: FieldDef[] };\ntype TemplateMeta = { key: string; name: string; category: string; icon: string; color: string; description: string; tags: string[]; steps: Step[] };\ntype Step = { id: string; values?: Record };\n\ntype Meta = { actions: ActionMeta[]; templates: TemplateMeta[]; aiConfigured: boolean };\n\nconst byId = (m: Meta, id: string) => m.actions.find((a) => a.id === id);\n\nfunction kebab(s: string) { return s.replace(/\\W/g, \"-\").replace(/-+/g, \"-\"); }\n\n// ---------- small presentational bits ----------\nconst Card = ({ children, className = \"\" }: any) => (\n

{children}

\n);\nconst btn = \"px-3 py-1.5 rounded-lg text-sm font-medium transition-colors disabled:opacity-40\";\n\nfunction Field({ f, value, onChange }: { f: FieldDef; value: unknown; onChange: (v: unknown) => void }) {\n const v = (value ?? \"\") as string | number | boolean;\n const base = \"w-full bg-slate-800 border border-slate-700 rounded-md px-2.5 py-1.5 text-sm text-slate-100 focus:outline-none focus:ring-2 focus:ring-indigo-500 placeholder-slate-500\";\n return (\n \n {f.label}\n {f.type === \"textarea\" ? (\n

onChange(e.target.value)} />\n      ) : f.type === \"select\" ? (\n        <select className={`${base} mt-1`} value={String(v)} onChange={(e) => onChange(e.target.value)}>\n          {f.options?.map((o) => <option key={String(o.value)} value={String(o.value)}>{o.label}</option>)}\n        </select>\n      ) : f.type === \"toggle\" ? (\n        <div className=\"mt-1\">\n          <input type=\"checkbox\" checked={Boolean(v)} onChange={(e) => onChange(e.target.checked)}\n            className=\"h-4 w-4 accent-indigo-500\" />\n        </div>\n      ) : (\n        <input className={`${base} mt-1`} type={f.type === \"number\" ? \"number\" : \"text\"}\n          placeholder={f.placeholder} value={String(v)} onChange={(e) => onChange(f.type === \"number\" ? Number(e.target.value) : e.target.value)} />\n      )}\n      {f.help && <span className=\"block text-xs text-slate-500 mt-0.5\">{f.help}</span>}\n    </label>\n  );\n}\n\n// ---------- Editor ----------\nfunction Editor({ meta, name, setName, steps, setSteps, exporting, onExport }: {\n  meta: Meta; name: string; setName: (s: string) => void;\n  steps: Step[]; setSteps: (s: Step[]) => void; exporting: boolean; onExport: () => void;\n}) {\n  const byCat = useMemo(() => {\n    const m = new Map<string, ActionMeta[]>();\n    for (const a of meta.actions) {\n      const arr = m.get(a.category) || [];\n      arr.push(a); m.set(a.category, arr);\n    }\n    return [...m.entries()];\n  }, [meta]);\n\n  const setVal = (i: number, key: string, v: unknown) => {\n    const next = steps.map((s, idx) => idx === i\n      ? { ...s, values: { ...(s.values || {}), [key]: v } } : s);\n    setSteps(next);\n  };\n  const remove = (i: number) => setSteps(steps.filter((_, idx) => idx !== i));\n  const move = (i: number, d: number) => {\n    const j = i + d;\n    if (j < 0 || j >= steps.length) return;\n    const next = [...steps];\n    [next[i], next[j]] = [next[j], next[i]];\n    setSteps(next);\n  };\n  const add = (i: number, id: string) => {\n    const next = [...steps];\n    next.splice(i + 1, 0, { id });\n    setSteps(next);\n  };\n\n  return (\n    <div className=\"flex flex-col h-full\">\n      <div className=\"flex items-center gap-3 px-4 py-3 border-b border-slate-800\">\n        <input value={name} onChange={(e) => setName(e.target.value)}\n          className=\"flex-1 bg-transparent text-xl font-semibold focus:outline-none focus:ring-2 focus:ring-indigo-500 rounded px-2 py-1\" placeholder=\"Shortcut name\" />\n        <button onClick={onExport} disabled={exporting || !steps.length} className={`${btn} ${exporting ? \"bg-slate-700\" : \"bg-indigo-600 hover:bg-indigo-500\"} text-white`}>\n          {exporting ? \"Building…\" : \"⬇ Download .shortcut\"}\n        </button>\n      </div>\n\n      <div className=\"flex-1 overflow-y-auto px-4 py-4 space-y-2\">\n        {steps.length === 0 && (\n          <p className=\"text-slate-500 text-sm text-center py-10\">No actions yet. Use <b>AI Build</b>, pick a <b>Template</b>, or add actions with the + below each row.</p>\n        )}\n        {steps.map((s, i) => {\n          const def = byId(meta, s.id);\n          const fields = def ? def.fields : [];\n          const displayName = def ? def.name : s.id.split(\".\").pop() || s.id;\n          const icon = def ? def.icon : \"⚙️\";\n          return (\n            <Card key={i} className=\"p-3\">\n              <div className=\"flex items-center gap-2\">\n                <span className=\"text-lg\">{icon}</span>\n                <span className=\"font-medium text-sm flex-1\">{i + 1}. {displayName}</span>\n                <div className=\"flex gap-1\">\n                  <button onClick={() => move(i, -1)} disabled={i === 0} className={`${btn} !px-2 text-slate-400 hover:bg-slate-800`} title=\"Move up\">↑</button>\n                  <button onClick={() => move(i, 1)} disabled={i === steps.length - 1} className={`${btn} !px-2 text-slate-400 hover:bg-slate-800`} title=\"Move down\">↓</button>\n                  <button onClick={() => remove(i)} className={`${btn} !px-2 text-rose-400 hover:bg-slate-800`} title=\"Remove\">✕</button>\n                </div>\n              </div>\n              {fields.length > 0 && (\n                <div className=\"mt-2 space-y-2\">\n                  {fields.map((f) => (\n                    <Field key={f.key} f={f} value={s.values?.[f.key]}\n                      onChange={(v) => setVal(i, f.key, v)} />\n                  ))}\n                </div>\n              )}\n              <div className=\"mt-2 flex items-center gap-1\">\n                <details className=\"group relative\">\n                  <summary className={`${btn} text-xs text-indigo-300 hover:bg-slate-800 cursor-pointer list-none`}>+ Add action</summary>\n                  <div className=\"absolute z-20 mt-1 w-64 max-h-64 overflow-y-auto bg-slate-800 border border-slate-700 rounded-lg shadow-xl p-2\">\n                    {byCat.map(([cat, acts]) => (\n                      <div key={cat}>\n                        <div className=\"text-[10px] uppercase text-slate-500 font-semibold px-1 py-0.5\">{cat}</div>\n                        {acts.map((a) => (\n                          <button key={a.id} onClick={() => add(i, a.id)}\n                            className=\"w-full text-left px-2 py-1 text-xs rounded hover:bg-slate-700 flex items-center gap-2\">\n                            <span>{a.icon}</span>{a.name}\n                          </button>\n                        ))}\n                      </div>\n                    ))}\n                  </div>\n                </details>\n              </div>\n            </Card>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n\n// ---------- Templates ----------\nfunction Templates({ meta, onLoad }: { meta: Meta; onLoad: (name: string, steps: Step[]) => void }) {\n  const [catFilter, setCatFilter] = useState(\"All\");\n  const cats = [\"All\", ...Array.from(new Set(meta.templates.map((t) => t.category)))];\n  const list = meta.templates.filter((t) => catFilter === \"All\" || t.category === catFilter);\n  return (\n    <div className=\"px-4 py-4\">\n      <div className=\"flex gap-2 mb-3 flex-wrap\">\n        {cats.map((c) => (\n          <button key={c} onClick={() => setCatFilter(c)}\n            className={`${btn} ${catFilter === c ? \"bg-indigo-600 text-white\" : \"bg-slate-800 text-slate-300 hover:bg-slate-700\"}`}>{c}</button>\n        ))}\n      </div>\n      <div className=\"grid grid-cols-1 md:grid-cols-2 gap-3\">\n        {list.map((t) => (\n          <Card key={t.key} className=\"p-4 hover:border-indigo-600 transition-colors cursor-pointer\" >\n            <div className=\"flex items-center gap-2 mb-1\">\n              <span className=\"text-2xl\">{t.icon}</span>\n              <span className=\"font-semibold\">{t.name}</span>\n            </div>\n            <p className=\"text-sm text-slate-400 mb-2\">{t.description}</p>\n            <div className=\"flex gap-1.5 flex-wrap mb-3\">\n              {t.tags.map((g) => <span key={g} className=\"text-[10px] px-1.5 py-0.5 rounded bg-slate-800 text-indigo-300\">{g}</span>)}\n            </div>\n            <button onClick={() => onLoad(t.name, t.steps)}\n              className={`${btn} bg-indigo-600 hover:bg-indigo-500 text-white`}>Open in editor</button>\n          </Card>\n        ))}\n      </div>\n    </div>\n  );\n}\n\n// ---------- AI Build ----------\nfunction AIPane({ meta, onLoad }: { meta: Meta; onLoad: (name: string, steps: Step[]) => void }) {\n  const [desc, setDesc] = useState(\"\");\n  const [busy, setBusy] = useState(false);\n  const [err, setErr] = useState(\"\");\n\n  async function go() {\n    setErr(\"\"); setBusy(true);\n    try {\n      const r = await fetch(\"/api/ai\", { method: \"POST\", headers: { \"Content-Type\": \"application/json\" }, body: JSON.stringify({ description: desc }) });\n      const d = await r.json();\n      if (!d.steps?.length) { setErr(d.error || \"Nothing came back.\"); return; }\n      onLoad(d.name, d.steps);\n    } catch (e) {\n      setErr(e instanceof Error ? e.message : \"Request failed.\");\n    } finally { setBusy(false); }\n  }\n\n  if (!meta.aiConfigured) {\n    return (\n      <div className=\"px-4 py-6 max-w-xl\">\n        <h2 className=\"text-xl font-bold mb-2\">Describe & Build</h2>\n        <p className=\"text-slate-400 mb-4\">This feature calls an LLM. No AI key is set on the val yet, so it's disabled.</p>\n        <ol className=\"text-sm text-slate-300 space-y-1 list-decimal list-inside\">\n          <li>Open the val's <b>environment variables</b>.</li>\n          <li>Add <code className=\"text-indigo-300\">OPENAI_API_KEY</code> (or <code className=\"text-indigo-300\">ANTHROPIC_API_KEY</code>).</li>\n          <li>Reload this page.</li>\n        </ol>\n        <p className=\"text-xs text-slate-500 mt-4\">Templates + manual editing + export all still work without a key — AI is additive.</p>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"px-4 py-6 max-w-xl\">\n      <h2 className=\"text-xl font-bold mb-2\">Describe the Shortcut</h2>\n      <p className=\"text-slate-400 text-sm mb-4\">Tell it what you want in plain English. It returns an editable action list.</p>\n      <textarea value={desc} onChange={(e) => setDesc(e.target.value)}\n        placeholder={\"e.g. \\\"Check a weather API for London, read the temperature, and if it's over 25 degrees send me a notification saying it's hot. Else say it's mild.\\\"\"}\n        className=\"w-full bg-slate-800 border border-slate-700 rounded-lg p-3 h-32 text-sm placeholder-slate-500 focus:outline-none focus:ring-2 focus:ring-indigo-500\" />\n      {err && <p className=\"text-rose-400 text-sm mt-2\">{err}</p>}\n      <button onClick={go} disabled={busy || !desc.trim()}\n        className={`${btn} ${busy ? \"bg-slate-700\" : \"bg-indigo-600 hover:bg-indigo-500\"} text-white mt-3`}>\n        {busy ? \"Building…\" : \"⚡ Build it\"}\n      </button>\n    </div>\n  );\n}\n\n// ---------- App ----------\nfunction App({ meta }: { meta: Meta }) {\n  const [tab, setTab] = useState<\"build\" | \"ai\" | \"templates\">(\"build\");\n  const [name, setName] = useState(\"My Shortcut\");\n  const [steps, setSteps] = useState<Step[]>([]);\n  const [exporting, setExporting] = useState(false);\n\n  function load(name: string, steps: Step[]) { setName(name); setSteps(steps); setTab(\"build\"); }\n\n  async function onExport() {\n    setExporting(true);\n    try {\n      const r = await fetch(\"/api/build\", { method: \"POST\", headers: { \"Content-Type\": \"application/json\" }, body: JSON.stringify({ name, steps }) });\n      if (!r.ok) { return; }\n      const blob = await r.blob();\n      const url = URL.createObjectURL(blob);\n      const a = document.createElement(\"a\");\n      a.href = url; a.download = `${kebab(name) || \"Shortcut\"}.shortcut`;\n      document.body.appendChild(a); a.click(); a.remove();\n      URL.revokeObjectURL(url);\n    } finally { setExporting(false); }\n  }\n\n  const tabs = [\n    { id: \"build\", label: \"🧱 Editor\", n: steps.length },\n    { id: \"ai\", label: \"✨ AI Build\" },\n    { id: \"templates\", label: \"🗂 Templates\", n: meta.templates.length },\n  ] as any[];\n\n  return (\n    <div className=\"flex h-screen flex-col\">\n      <header className=\"flex items-center justify-between px-4 py-3 border-b border-slate-800\">\n        <div className=\"flex items-center gap-2\">\n          <span className=\"text-2xl\">⚡</span>\n          <h1 className=\"font-bold text-lg tracking-tight\">Shortcut Studio</h1>\n          <span className=\"text-xs text-slate-500 ml-1\">by @cknowlesbadluck</span>\n        </div>\n        <a href=\"/source\" className=\"text-xs text-slate-400 hover:text-indigo-300\">view source</a>\n      </header>\n\n      <div className=\"flex flex-1 overflow-hidden flex-col md:flex-row\">\n        <nav className=\"flex md:flex-col gap-1 p-2 md:w-48 md:border-r border-slate-800 bg-slate-900/60\">\n          {tabs.map((t) => (\n            <button key={t.id} onClick={() => setTab(t.id)}\n              className={`${btn} text-left ${tab === t.id ? \"bg-indigo-600 text-white\" : \"text-slate-300 hover:bg-slate-800\"}`}>\n              {t.label}{t.n != null && <span className=\"opacity-60 ml-1\">({t.n})</span>}\n            </button>\n          ))}\n        </nav>\n        <main className=\"flex-1 overflow-hidden\">\n          {tab === \"build\" && <Editor meta={meta} name={name} setName={setName} steps={steps} setSteps={setSteps}\n            exporting={exporting} onExport={onExport} />}\n          {tab === \"ai\" && <AIPane meta={meta} onLoad={load} />}\n          {tab === \"templates\" && <Templates meta={meta} onLoad={load} />}\n        </main>\n      </div>\n    </div>\n  );\n}\n\nconst rootEl = document.getElementById(\"root\");\nfunction main() {\n  fetch(\"/api/meta\")\n    .then((r) => r.json())\n    .then((meta: Meta) => {\n      if (rootEl) createRoot(rootEl).render(<App meta={meta} />);\n    })\n    .catch((e) => {\n      if (rootEl) rootEl.innerHTML = `<p style=\"padding:2rem;color:#f87171\">Failed to load app: ${e.message}</p>`;\n    });\n}\nvoid main();\n","label",[142],"803d74ff-280e-498d-8af0-a91807f5ea87","templates.ts","618ef0de-9d05-11f1-8105-1607ee4eb77e",25,["D",1787279725357],2,"// templates.ts — a library of ready-to-fork advanced Shortcut templates.\nimport type { ShortcutStep } from \"./builder.ts\";\n\nexport type Template = {\n  key: string;\n  name: string;\n  category: string;\n  icon: string;\n  color: string;\n  description: string;\n  steps: ShortcutStep[];\n  tags: string[]; // what it your-input style placeholder, e.g. \"url\", \"variable\"\n};\n\nexport const templates: Template[] = [\n  {\n    key: \"json-weather\",\n    name: \"Fetch & Read JSON API\",\n    category: \"Web\",\n    icon: \"🌦️\",\n    color: \"bg-indigo-600\",\n    description: \"GET a JSON endpoint, pull a key out, show the result. The classic power-user skeleton for any API (weather, crypto, status).\",\n    tags: [\"GET\", \"JSON\", \"Dictionary\", \"Show Result\"],\n    steps: [\n      { id: \"is.workflow.actions.text\", values: { Text: \"https://api.open-meteo.com/v1/forecast?latitude=52.52&longitude=13.41¤t_weather=true\" } },\n      { id: \"is.workflow.actions.downloadurl\" },\n      { id: \"is.workflow.actions.property\", values: { CustomOutputName: \"Weather JSON\" } },\n      { id: \"is.workflow.actions.getvalueforkey\", values: { WFDictionaryKey: \"current_weather\" } },\n      { id: \"is.workflow.actions.property\", values: { CustomOutputName: \"Current\" } },\n      { id: \"is.workflow.actions.getvalueforkey\", values: { WFDictionaryKey: \"temperature\" } },\n      { id: \"is.workflow.actions.text\", values: { Text: \"Currently {{Temperature}}°C\" } },\n      { id: \"is.workflow.actions.showresult\", values: { Text: \"{{Text}}\" } },\n    ],\n  },\n  {\n    key: \"conditional-report\",\n    name: \"Smart Conditional Report\",\n    category: \"Scripting\",\n    icon: \"🧠\",\n    color: \"bg-cyan-700\",\n    description: \"Count something, branch on the result with a full If/Otherwise block, send a notification. Teaches variables + control flow.\",\n    tags: [\"If\", \"Otherwise\", \"Count\", \"Notification\", \"Variables\"],\n    steps: [\n      { id: \"is.workflow.actions.text\", values: { Text: \"apple banana cherry apple\" } },\n      { id: \"is.workflow.actions.count\", values: { WFInput: \"{{Text}}\", WFCountType: \"Words\" } },\n      { id: \"is.workflow.actions.setvariable\", values: { WFVariableName: \"totalWords\" } },\n      { id: \"is.workflow.actions.conditional\", values: { WFInput: \"{{totalWords}}\", WFConditionalIfCondition: \"Is Greater Than\" } },\n      { id: \"is.workflow.actions.text\", values: { Text: \"A lot of words: {{totalWords}}\" } },\n      { id: \"is.workflow.actions.conditional.condition\" },\n      { id: \"is.workflow.actions.text\", values: { Text: \"Short text: {{totalWords}} words\" } },\n      { id: \"is.workflow.actions.conditional.end\" },\n      { id: \"is.workflow.actions.notification\", values: { WFNotificationActionBody: \"{{Text}}\", WFNotificationActionTitle: \"Report\" } },\n    ],\n  },\n  {\n    key: \"loop-downloader\",\n    name: \"Loop & Re-Fetch\",\n    category: \"Web\",\n    icon: \"🔁\",\n    color: \"bg-fuchsia-700\",\n    description: \"Repeat a block a set number of times, computing a URL each pass — power pattern for paginated APIs or sequential requests.\",\n    tags: [\"Repeat\", \"Count\", \"URL\", \"Variables\"],\n    steps: [\n      { id: \"is.workflow.actions.repeat.count\", values: { WFRepeatCount: 3 } },\n      { id: \"is.workflow.actions.text\", values: { Text: \"https://jsonplaceholder.typicode.com/todos/{{Repeat Index}}\" } },\n      { id: \"is.workflow.actions.downloadurl\" },\n      { id: \"is.workflow.actions.text\", values: { Text: \"Got: {{Contents of URL}}\" } },\n      { id: \"is.workflow.actions.repeat\" },\n    ],\n  },\n  {\n    key: \"menu-launcher\",\n    name: \"Menu Launcher\",\n    category: \"Scripting\",\n    icon: \"🗄️\",\n    color: \"bg-orange-700\",\n    description: \"Present a menu and route through different actions per choice — a shortcut that behaves like a mini-app with sub-actions.\",\n    tags: [\"Menu\", \"If\", \"URL\", \"Alert\"],\n    steps: [\n      { id: \"is.workflow.actions.choosefrommenu\", values: { WFMenuPrompt: \"What do you want to do?\" } },\n      { id: \"is.workflow.actions.alert\", values: { WFAlertMessage: \"You chose Open Website\", WFAlertCancelShown: false } },\n      { id: \"is.workflow.actions.choosefrommenu.item\", values: { WFMenuItemTitle: \"Open Website\" } },\n      { id: \"is.workflow.actions.url\", values: { WFURL: \"https://val.town\" } },\n      { id: \"is.workflow.actions.openurl\", values: { WFInput: \"{{URL}}\" } },\n      { id: \"is.workflow.actions.choosefrommenu.item\", values: { WFMenuItemTitle: \"Show Alert\" } },\n      { id: \"is.workflow.actions.alert\", values: { WFAlertMessage: \"Menu demo!\", WFAlertCancelShown: false } },\n      { id: \"is.workflow.actions.choosefrommenu.end\" },\n    ],\n  },\n  {\n    key: \"date-stamp\",\n    name: \"Formatted Date Sticker\",\n    category: \"Data\",\n    icon: \"🗓️\",\n    color: \"bg-cyan-600\",\n    description: \"Grab the current date, add days, and format it into a custom string — great for filenames, logs, or reminders.\",\n    tags: [\"Date\", \"Adjust Date\", \"Format Date\", \"Text\"],\n    steps: [\n      { id: \"is.workflow.actions.currentdate\", values: { WFDateActionMode: \"Current Date\" } },\n      { id: \"is.workflow.actions.date\", values: { WFInput: \"{{Current Date}}\", WFOperation: \"Add\", WFDuration: 7, WFTimeUntilUnit: \"days\" } },\n      { id: \"is.workflow.actions.format.date\", values: { WFInput: \"{{Adjust Date}}\", WFDateFormatStyle: \"Custom\", WFDateFormat: \"EEEE, MMM d\" } },\n      { id: \"is.workflow.actions.text\", values: { Text: \"Deadline: {{Formatted Date}}\" } },\n      { id: \"is.workflow.actions.showresult\", values: { Text: \"{{Text}}\" } },\n    ],\n  },\n  {\n    key: \"text-transformer\",\n    name: \"Text Transformer\",\n    category: \"Text\",\n    icon: \"🔠\",\n    color: \"bg-slate-600\",\n    description: \"Chain regex match, case convert, and Base64 encode. The swiss-army text pipeline.\",\n    tags: [\"Regex\", \"Change Case\", \"Base64\", \"Text\"],\n    steps: [\n      { id: \"is.workflow.actions.text\", values: { Text: \"The quick brown fox (ID: 5823) jumps over the dog\" } },\n      { id: \"is.workflow.actions.matchtext\", values: { WFTarget: \"{{Text}}\", WFPattern: \"\\\$ID: ([0-9]+)\\\$\" } },\n      { id: \"is.workflow.actions.text\", values: { Text: \"{{Matched Text}}\" } },\n      { id: \"is.workflow.actions.text.changecase\", values: { WFInput: \"{{Text}}\", WFCaseType: \"uppercase\" } },\n      { id: \"is.workflow.actions.base64encode\", values: { WFInput: \"{{Text}}\", WFEncodeMode: \"Encode\" } },\n      { id: \"is.workflow.actions.showresult\", values: { Text: \"{{Base64 Encoded}}\" } },\n    ],\n  },\n  {\n    key: \"dict-lookup\",\n    name: \"Dictionary Lookup Tool\",\n    category: \"Data\",\n    icon: \"🔑\",\n    color: \"bg-violet-700\",\n    description: \"Build a small dictionary, read values from it, and branch if a key is present — reusable config-in-shortcut pattern.\",\n    tags: [\"Dictionary\", \"Get Value\", \"If\", \"Variables\"],\n    steps: [\n      { id: \"is.workflow.actions.dictionary\", values: { WFItems: '{\"scheme\": \"https\", \"host\": \"api.val.town\", \"port\": 443}' } },\n      { id: \"is.workflow.actions.getvalueforkey\", values: { WFInput: \"{{Dictionary}}\", WFDictionaryKey: \"host\" } },\n      { id: \"is.workflow.actions.setvariable\", values: { WFVariableName: \"hostname\" } },\n      { id: \"is.workflow.actions.conditional\", values: { WFInput: \"{{hostname}}\", WFConditionalIfCondition: \"Is Not\" } },\n      { id: \"is.workflow.actions.text\", values: { Text: \"Host is {{hostname}}\" } },\n      { id: \"is.workflow.actions.showresult\", values: { Text: \"{{Text}}\" } },\n      { id: \"is.workflow.actions.conditional.end\" },\n    ],\n  },\n  {\n    key: \"share-sheet-uppercase\",\n    name: \"Share Sheet: Clean & Echo\",\n    category: \"Share Sheet\",\n    icon: \"📤\",\n    color: \"bg-pink-600\",\n    description: \"Designed for the Share Sheet: take whatever's shared in (text), normalize case, and show a clean result.\",\n    tags: [\"Share Sheet\", \"Input\", \"Change Case\", \"Show Result\"],\n    steps: [\n      { id: \"is.workflow.actions.getrichtext\" },\n      { id: \"is.workflow.actions.text.changecase\", values: { WFInput: \"{{Text}}\", WFCaseType: \"capitalized\" } },\n      { id: \"is.workflow.actions.showresult\", values: { Text: \"{{Text}}\" } },\n    ],\n  },\n  {\n    key: \"battery-saver\",\n    name: \"Smart Battery Saver\",\n    category: \"System\",\n    icon: \"🪫\",\n    color: \"bg-green-600\",\n    description: \"Check battery; if low, enable Low Power Mode + switch Wi-Fi off and ping you. A real automation-style branch.\",\n    tags: [\"Battery\", \"If\", \"Low Power\", \"Wi-Fi\", \"Notification\"],\n    steps: [\n      { id: \"is.workflow.actions.getbatterylevel\" },\n      { id: \"is.workflow.actions.math\", values: { WFInput: \"{{Battery Level}} * 100\", WFMathOperation: \"Result\" } },\n      { id: \"is.workflow.actions.setvariable\", values: { WFVariableName: \"percent\" } },\n      { id: \"is.workflow.actions.conditional\", values: { WFInput: \"{{percent}}\", WFConditionalIfCondition: \"Is Less Than\" } },\n      { id: \"is.workflow.actions.lowpowermode\", values: { WFOnValue: \"On\" } },\n      { id: \"is.workflow.actions.wifi\", values: { WFOnValue: \"Off\" } },\n      { id: \"is.workflow.actions.conditional.end\" },\n      { id: \"is.workflow.actions.text\", values: { Text: \"Battery is at {{percent}}%\" } },\n      { id: \"is.workflow.actions.notification\", values: { WFNotificationActionBody: \"{{Text}}\", WFNotificationActionTitle: \"Power Report\" } },\n    ],\n  },\n  {\n    key: \"clipboard-tidy\",\n    name: \"Clipboard Tidy & Hash\",\n    category: \"Share Sheet\",\n    icon: \"📋\",\n    color: \"bg-teal-600\",\n    description: \"Read the clipboard, run a regex replace, hash it, copy clean version back. A power text pipeline.\",\n    tags: [\"Clipboard\", \"Replace\", \"Hash\", \"Copy\"],\n    steps: [\n      { id: \"is.workflow.actions.getpasteboard\" },\n      { id: \"is.workflow.actions.text.replace\", values: { WFInput: \"{{Clipboard}}\", WFFindText: \"\\\\s+\", WFReplaceText: \" \", WFReplaceMode: \"Regular Expression\" } },\n      { id: \"is.workflow.actions.setvariable\", values: { WFVariableName: \"clean\" } },\n      { id: \"is.workflow.actions.md5\", values: { WFInput: \"{{clean}}\" } },\n      { id: \"is.workflow.actions.text\", values: { Text: \"Cleaned:\\n{{clean}}\\n\\nMD5: {{Hash}}\" } },\n      { id: \"is.workflow.actions.copytoclipboard\", values: { WFInput: \"{{Text}}\" } },\n      { id: \"is.workflow.actions.showresult\", values: { Text: \"{{Text}}\" } },\n    ],\n  },\n  {\n    key: \"webpage-scraper\",\n    name: \"Scrape Web Page (JS)\",\n    category: \"Web\",\n    icon: \"🕷️\",\n    color: \"bg-emerald-600\",\n    description: \"From Safari Share Sheet, run JS on the page to extract something (e.g. all links), then show it.\",\n    tags: [\"JavaScript\", \"Web\", \"Share Sheet\", \"Show Result\"],\n    steps: [\n      { id: \"is.workflow.actions.getrichtext\" },\n      { id: \"is.workflow.actions.runjavascriptonwebpage\", values: { WFJavaScript: \"// pass through the page; return the title\\nreturn document.title;\" } },\n      { id: \"is.workflow.actions.showresult\", values: { Text: \"Page title: {{JavaScript Result}}\" } },\n    ],\n  },\n  {\n    key: \"roll-tool\",\n    name: \"Dice / Randomizer\",\n    category: \"Data\",\n    icon: \"🎲\",\n    color: \"bg-lime-600\",\n    description: \"Roll random numbers, do math on the result, format and show it. Great pairing with a loop.\",\n    tags: [\"Random\", \"Math\", \"Format Number\"],\n    steps: [\n      { id: \"is.workflow.actions.random\", values: { WFNumberMinimum: 1, WFNumberMaximum: 6 } },\n      { id: \"is.workflow.actions.text\", values: { Text: \"You rolled a {{Random Number}}\" } },\n      { id: \"is.workflow.actions.showresult\", values: { Text: \"{{Text}}\" } },\n    ],\n  },\n  {\n    key: \"loop-num-roll\",\n    name: \"Loop N Random Rolls\",\n    category: \"Scripting\",\n    icon: \"🎰\",\n    color: \"bg-fuchsia-600\",\n    description: \"Repeat block that rolls + combines numbers — teaches loop accumulation into one string.\",\n    tags: [\"Repeat\", \"Random\", \"Combine Text\", \"Show Result\"],\n    steps: [\n      { id: \"is.workflow.actions.repeat.count\", values: { WFRepeatCount: 5 } },\n      { id: \"is.workflow.actions.random\", values: { WFNumberMinimum: 1, WFNumberMaximum: 20 } },\n      { id: \"is.workflow.actions.setvariable\", values: { WFVariableName: \"roll\" } },\n      { id: \"is.workflow.actions.text\", values: { Text: \"{{Repeat Item}}={{roll}} \" } },\n      { id: \"is.workflow.actions.repeat\" },\n      { id: \"is.workflow.actions.showresult\", values: { Text: \"Rolls: {{Text}}\" } },\n    ],\n  },\n  {\n    key: \"morning-briefing\",\n    name: \"Morning Dashboard\",\n    category: \"System\",\n    icon: \"🌅\",\n    color: \"bg-amber-500\",\n    description: \"One shortcut: grab today's date, get weather, pull a note, and envelope it all in a personalized notification. The flagship 'briefing' pattern.\",\n    tags: [\"Date\", \"Weather\", \"Personalization\", \"Notification\"],\n    steps: [\n      { id: \"is.workflow.actions.currentdate\", values: { WFDateActionMode: \"Current Date\" } },\n      { id: \"is.workflow.actions.format.date\", values: { WFInput: \"{{Current Date}}\", WFDateFormatStyle: \"Custom\", WFDateFormat: \"EEEE, MMM d\" } },\n      { id: \"is.workflow.actions.getweather\", values: { WFWeatherCondition: \"Current Conditions\" } },\n      { id: \"is.workflow.actions.text\", values: { Text: \"Good morning!\\nIt's {{Formatted Date}}.\\nCurrent conditions: {{Current Weather}}\" } },\n      { id: \"is.workflow.actions.createnote\", values: { WFNoteTitle: \"Daily Briefing\", WFNoteText: \"{{Text}}\" } },\n      { id: \"is.workflow.actions.notification\", values: { WFNotificationActionBody: \"{{Text}}\", WFNotificationActionTitle: \"☀️ Morning Report\" } },\n    ],\n  },\n  {\n    key: \"quick-capture\",\n    name: \"Ask → Note Capture\",\n    category: \"Scripting\",\n    icon: \"💡\",\n    color: \"bg-cyan-600\",\n    description: \"Ask for a quick thought, stamp it with date/time, and save it to Notes + copy it. Rapid capture pattern.\",\n    tags: [\"Ask\", \"Date\", \"Create Note\", \"Clipboard\"],\n    steps: [\n      { id: \"is.workflow.actions.ask\", values: { WFAskActionPrompt: \"What's on your mind?\", WFInputType: \"Text\" } },\n      { id: \"is.workflow.actions.currentdate\", values: { WFDateActionMode: \"Current Date\" } },\n      { id: \"is.workflow.actions.format.date\", values: { WFInput: \"{{Current Date}}\", WFDateFormatStyle: \"Custom\", WFDateFormat: \"yyyy-MM-dd HH:mm\" } },\n      { id: \"is.workflow.actions.text\", values: { Text: \"[{{Formatted Date}}] {{Provided Input}}\" } },\n      { id: \"is.workflow.actions.copytoclipboard\", values: { WFInput: \"{{Text}}\" } },\n      { id: \"is.workflow.actions.createnote\", values: { WFNoteTitle: \"Quick Capture\", WFNoteText: \"{{Text}}\" } },\n      { id: \"is.workflow.actions.notification\", values: { WFNotificationActionBody: \"Saved: {{Text}}\", WFNotificationActionTitle: \"📝 Captured\" } },\n    ],\n  },\n  {\n    key: \"user-decision-tree\",\n    name: \"Interactive Decision Tree\",\n    category: \"Scripting\",\n    icon: \"🌳\",\n    color: \"bg-cyan-700\",\n    description: \"Chain two sets of choices through If branches to route the user, ending in a different result per path. Real logic tree.\",\n    tags: [\"Ask\", \"If\", \"Otherwise\", \"Conditional\", \"Routing\"],\n    steps: [\n      { id: \"is.workflow.actions.ask\", values: { WFAskActionPrompt: \"Are you at work or home?\", WFAskActionDefaultAnswer: \"home\" } },\n      { id: \"is.workflow.actions.text.changecase\", values: { WFInput: \"{{Provided Input}}\", WFCaseType: \"lowercase\" } },\n      { id: \"is.workflow.actions.conditional\", values: { WFInput: \"{{Text}}\", WFConditionalIfCondition: \"Is\" } },\n      { id: \"is.workflow.actions.ask\", values: { WFAskActionPrompt: \"Need a VPN? (yes/no)\", WFAskActionDefaultAnswer: \"no\" } },\n      { id: \"is.workflow.actions.conditional\", values: { WFInput: \"{{Provided Input}}\", WFConditionalIfCondition: \"Is\" } },\n      { id: \"is.workflow.actions.alert\", values: { WFAlertMessage: \"Connecting VPN…\", WFAlertCancelShown: false } },\n      { id: \"is.workflow.actions.conditional.end\" },\n      { id: \"is.workflow.actions.alert\", values: { WFAlertMessage: \"Welcome to work!\", WFAlertCancelShown: false } },\n      { id: \"is.workflow.actions.conditional.condition\" },\n      { id: \"is.workflow.actions.alert\", values: { WFAlertMessage: \"Relax and unwind at home.\", WFAlertCancelShown: false } },\n      { id: \"is.workflow.actions.conditional.end\" },\n    ],\n  },\n  {\n    key: \"gps-battery-commute\",\n    name: \"Commute & Battery Check\",\n    category: \"System\",\n    icon: \"🚗\",\n    color: \"bg-emerald-600\",\n    description: \"Get location, compute distance to a destination, combine with battery, and warn you to charge if low. Multi-source situational awareness.\",\n    tags: [\"Location\", \"Battery\", \"Distance\", \"Combine Text\", \"Conditional\"],\n    steps: [\n      { id: \"is.workflow.actions.getcurrentlocation\" },\n      { id: \"is.workflow.actions.getbatterylevel\" },\n      { id: \"is.workflow.actions.math\", values: { WFInput: \"{{Battery Level}} * 100\", WFMathOperation: \"Result\" } },\n      { id: \"is.workflow.actions.setvariable\", values: { WFVariableName: \"pct\" } },\n      { id: \"is.workflow.actions.distance\", values: { WFStart: \"{{Current Location}}\", WFEnd: \"Home\", WFDistanceUnit: \"km\" } },\n      { id: \"is.workflow.actions.text\", values: { Text: \"You're {{Distance}} km from home.\\nBattery: {{pct}}%.\" } },\n      { id: \"is.workflow.actions.conditional\", values: { WFInput: \"{{pct}}\", WFConditionalIfCondition: \"Is Less Than\" } },\n      { id: \"is.workflow.actions.alert\", values: { WFAlertMessage: \"Low battery — charge before you leave.\", WFAlertCancelShown: false } },\n      { id: \"is.workflow.actions.conditional.end\" },\n      { id: \"is.workflow.actions.showresult\", values: { Text: \"{{Text}}\" } },\n    ],\n  },\n  {\n    key: \"photo-ocr-cleanup\",\n    name: \"Photo OCR → Clean Text\",\n    category: \"Media\",\n    icon: \"🔍\",\n    color: \"bg-purple-600\",\n    description: \"Pick a photo, extract text with Live Text, regex-clean it, and copy it. Fake-scanning made real.\",\n    tags: [\"Photos\", \"OCR\", \"Regex\", \"Clipboard\"],\n    steps: [\n      { id: \"is.workflow.actions.selectphoto\", values: { WFSelectMultiple: false } },\n      { id: \"is.workflow.actions.gettext\" },\n      { id: \"is.workflow.actions.text.replace\", values: { WFInput: \"{{Extracted Text}}\", WFFindText: \"\\\\s+\", WFReplaceText: \" \", WFReplaceMode: \"Regular Expression\" } },\n      { id: \"is.workflow.actions.copytoclipboard\", values: { WFInput: \"{{Text}}\" } },\n      { id: \"is.workflow.actions.showresult\", values: { Text: \"{{Text}}\" } },\n    ],\n  },\n  {\n    key: \"photo-grid-watermark\",\n    name: \"Photo Grid + Save\",\n    category: \"Media\",\n    icon: \"🧩\",\n    color: \"bg-pink-600\",\n    description: \"Grab the latest 4 photos, make a composite, and save to camera roll. Batch media pipeline.\",\n    tags: [\"Photos\", \"Composite\", \"Save\"],\n    steps: [\n      { id: \"is.workflow.actions.getlatestphotos\", values: { WFPhotoCount: 4, WFAssetType: \"Photo\" } },\n      { id: \"is.workflow.actions.combineimages\", values: { WFCombineMode: \"Horizontal\" } },\n      { id: \"is.workflow.actions.savetocameraroll\" },\n      { id: \"is.workflow.actions.alert\", values: { WFAlertMessage: \"Grid saved to Photos!\", WFAlertCancelShown: false } },\n    ],\n  },\n  {\n    key: \"do-not-disturb-arrival\",\n    name: \"Arrival Mode\",\n    category: \"Location\",\n    icon: \"🌙\",\n    color: \"bg-slate-600\",\n    description: \"When run on arrival: dim the screen, silence the ringer, set low power. A location/relaxation macro.\",\n    tags: [\"Brightness\", \"Silent\", \"Low Power\", \"System\"],\n    steps: [\n      { id: \"is.workflow.actions.setbrightness\", values: { WFValue: 0.3 } },\n      { id: \"is.workflow.actions.setsilentmode\", values: { WFOnValue: \"On\" } },\n      { id: \"is.workflow.actions.lowpowermode\", values: { WFOnValue: \"On\" } },\n      { id: \"is.workflow.actions.notification\", values: { WFNotificationActionBody: \"Relaxed & quiet mode on.\", WFNotificationActionTitle: \"🌙 Evening\" } },\n    ],\n  },\n  {\n    key: \"email-myself-digest\",\n    name: \"Email Me the Digest\",\n    category: \"Share Sheet\",\n    icon: \"✉️\",\n    color: \"bg-indigo-600\",\n    description: \"Compose a digest from shared input + a captured date, then email it to yourself. Ideal as a daily 'send-to-self' brain dump.\",\n    tags: [\"Email\", \"Date\", \"Combine Text\"],\n    steps: [\n      { id: \"is.workflow.actions.getpasteboard\" },\n      { id: \"is.workflow.actions.currentdate\", values: { WFDateActionMode: \"Current Date\" } },\n      { id: \"is.workflow.actions.format.date\", values: { WFInput: \"{{Current Date}}\", WFDateFormatStyle: \"Custom\", WFDateFormat: \"yyyy-MM-dd\" } },\n      { id: \"is.workflow.actions.combinetext\", values: { WFInput: \"{{Clipboard}}\", WFCombineMode: \"New Lines\" } },\n      { id: \"is.workflow.actions.posttotelegram\", values: { WFEmailSubject: \"Daily digest {{Formatted Date}}\", WFEmailMessage: \"{{Combined Text}}\" } },\n    ],\n  },\n  {\n    key: \"webpage-pipeline\",\n    name: \"Web Page → JS → Clean\",\n    category: \"Web\",\n    icon: \"🕸️\",\n    color: \"bg-emerald-600\",\n    description: \"The definitive power stack: run JS on a webpage, clean the text, hash it, and copy everything. Perfect for scraping without a computer.\",\n    tags: [\"JavaScript\", \"Regex\", \"Hash\", \"Clipboard\", \"Web\"],\n    steps: [\n      { id: \"is.workflow.actions.getrichtext\" },\n      { id: \"is.workflow.actions.runjavascriptonwebpage\", values: { WFJavaScript: \"return [...document.querySelectorAll('h2')].map(h=>h.innerText).join('\\\\n');\" } },\n      { id: \"is.workflow.actions.text.replace\", values: { WFInput: \"{{JavaScript Result}}\", WFFindText: \"\\\\s+\", WFReplaceText: \" \", WFReplaceMode: \"Regular Expression\" } },\n      { id: \"is.workflow.actions.md5\", values: { WFInput: \"{{Text}}\" } },\n      { id: \"is.workflow.actions.text\", values: { Text: \"Heads:\\n{{Text}}\\n\\nHash: {{Hash}}\" } },\n      { id: \"is.workflow.actions.copytoclipboard\", values: { WFInput: \"{{Text}}\" } },\n      { id: \"is.workflow.actions.showresult\", values: { Text: \"{{Text}}\" } },\n    ],\n  },\n  {\n    key: \"menu-home-command\",\n    name: \"Home Command Center\",\n    category: \"Scripting\",\n    icon: \"🎛️\",\n    color: \"bg-orange-600\",\n    description: \"A power menu that routes to flashlight, Wi-Fi, low-power, or a web action. A real switchboard.\",\n    tags: [\"Menu\", \"Variable\", \"Control\", \"System\"],\n    steps: [\n      { id: \"is.workflow.actions.choosefrommenu\", values: { WFMenuPrompt: \"Home Command\" } },\n      { id: \"is.workflow.actions.choosefrommenu.item\", values: { WFMenuItemTitle: \"Flashlight\" } },\n      { id: \"is.workflow.actions.flashlight\", values: { WFOnValue: \"On\" } },\n      { id: \"is.workflow.actions.choosefrommenu.item\", values: { WFMenuItemTitle: \"Wi-Fi Off\" } },\n      { id: \"is.workflow.actions.wifi\", values: { WFOnValue: \"Off\" } },\n      { id: \"is.workflow.actions.choosefrommenu.item\", values: { WFMenuItemTitle: \"Low Power\" } },\n      { id: \"is.workflow.actions.lowpowermode\", values: { WFOnValue: \"Toggle\" } },\n      { id: \"is.workflow.actions.choosefrommenu.item\", values: { WFMenuItemTitle: \"Open Val Town\" } },\n      { id: \"is.workflow.actions.url\", values: { WFURL: \"https://val.town\" } },\n      { id: \"is.workflow.actions.openurl\", values: { WFInput: \"{{URL}}\" } },\n      { id: \"is.workflow.actions.choosefrommenu.end\" },\n    ],\n  },\n];\n\nexport function templateByKey(key: string): Template | undefined {\n  return templates.find((t) => t.key === key);\n}\n",[152],"c0fca2b4-dc34-4a6a-9676-88486921e041","main.ts",17,["D",1787279411796],4,"http","// main.ts — Shortcut Studio HTTP entrypoint.\n//  GET /          → HTML shell that boots the client React app\n//  GET /ui.tsx    → client module (transpiled + served)\n//  GET /api/meta  → action catalog + templates + ai status\n//  POST /api/build→ {name, steps} → downloadable .shortcut file\n//  POST /api/ai   → {description} → AI-generated {name, steps}\n//  GET /source    → link to the source val\nimport { serveFile, parseVal } from \"https://esm.town/v/std/utils/index.ts\";\nimport { actions } from \"./actions.ts\";\nimport { templates } from \"./templates.ts\";\nimport { buildShortcut } from \"./builder.ts\";\nimport { buildFromDescription, aiConfigured, type Provider } from \"./ai.ts\";\nimport type { ShortcutStep } from \"./builder.ts\";\n\nconst README_URL = \"\";\n\nfunction json(data: unknown, status = 200): Response {\n  return new Response(JSON.stringify(data), {\n    status,\n    headers: { \"Content-Type\": \"application/json; charset=utf-8\" },\n  });\n}\n\n// minimal shape for the client (avoids shipping the whole build fns)\nconst META = {\n  actions: actions.map((a) => ({\n    id: a.id,\n    name: a.name,\n    category: a.category,\n    icon: a.icon,\n    color: a.color,\n    description: a.description,\n    fields: a.fields.map((f) => ({\n      key: f.key,\n      label: f.label,\n      type: f.type,\n      options: f.options,\n      placeholder: f.placeholder ?? \"\",\n      help: f.help ?? \"\",\n    })),\n  })),\n  templates: templates.map((t) => ({\n    key: t.key,\n    name: t.name,\n    category: t.category,\n    icon: t.icon,\n    color: t.color,\n    description: t.description,\n    tags: t.tags,\n    steps: t.steps,\n  })),\n  aiConfigured: aiConfigured(),\n};\n\nconst HTML = `<!doctype html>\n<html lang=\"en\">\n<head>\n<meta charset=\"utf-8\" />\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1, viewport-fit=cover\" />\n<title>Shortcut Studio</title>\n<link rel=\"icon\" href=\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>⚡</text></svg>\">\n<script src=\"https://cdn.twind.style\" crossorigin></script>\n<script src=\"https://esm.town/v/std/catch\"></script>\n  <script type=\"importmap\">\n  {\"imports\":{\"react\":\"https://esm.sh/react@18.2.0\",\"react/jsx-runtime\":\"https://esm.sh/react@18.2.0/jsx-runtime\",\"react-dom\":\"https://esm.sh/react-dom@18.2.0\"}}\n  </script>\n  \n<style>body{background:#0b1020;color:#e7ecf7;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;}</style>\n</head>\n<body>\n<div id=\"root\"></div>\n<script type=\"module\" src=\"/ui.tsx\"></script>\n</body>\n</html>`;\n\nexport default async function handler(req: Request): Promise<Response> {\n  const url = new URL(req.url);\n  const p = url.pathname;\n\n  // serve client module\n  if (p === \"/ui.tsx\") return serveFile(\"/ui.tsx\");\n\n  if (p === \"/\" || p === \"\") {\n    return new Response(HTML, { headers: { \"Content-Type\": \"text/html; charset=utf-8\" } });\n  }\n\n  if (p === \"/source\") return Response.redirect(parseVal().links.self.val, 302);\n\n  if (p === \"/api/meta\") {\n    return json(META);\n  }\n\n  if (p === \"/api/build\" && req.method === \"POST\") {\n    let body: { name?: string; steps?: ShortcutStep[] };\n    try { body = await req.json(); } catch { return json({ error: \"Bad JSON body.\" }, 400); }\n    const name = (body.name || \"My Shortcut\").slice(0, 60);\n    const steps = Array.isArray(body.steps) ? body.steps : [];\n    if (!steps.length) return json({ error: \"Add at least one action.\" }, 400);\n    const doc = buildShortcut({ name, steps });\n    return new Response(doc.plist, {\n      status: 200,\n      headers: {\n        \"Content-Type\": \"application/octet-stream; charset=utf-8\",\n        \"Content-Disposition\": `attachment; filename=\"${doc.filename}\"`,\n        \"Content-Title\": doc.filename,\n      },\n    });\n  }\n\n  if (p === \"/api/ai\" && req.method === \"POST\") {\n    let body: { description?: string; provider?: Provider };\n    try { body = await req.json(); } catch { return json({ error: \"Bad JSON body.\" }, 400); }\n    const result = await buildFromDescription(body.description ?? \"\", body.provider);\n    return json(result, result.error ? 200 : 200);\n  }\n\n  return json({ error: `No route for ${p}` }, 404);\n}\n",[160],"7ea200ac-7105-4813-95c9-fc07bcdcc712","builder.ts","566332d8-9d05-11f1-a48c-1607ee4eb77e",12,["D",1787278752311],3,"// builder.ts — Build a valid iOS Shortcuts .shortcut file (XML plist) from our action model.\nimport { buildAction, type BuiltAction, type BuildCtx } from \"./actions.ts\";\n\nexport type ShortcutStep = { id: string; values?: Record<string, unknown> };\nexport type ShortcutDoc = {\n  name: string;\n  icon?: string;        // emoji fallback only used for the UI; Shortcuts uses glyph/color.\n  color?: string;       // e.g. \"blue\"\n  actions: BuiltAction[]; // already built, pasted into NSUserActivity.\n  // simpler path: pass .steps and we build here\n  steps?: ShortcutStep[];\n};\n\n// ---- Generic XML plist serializer ----\nconst ESC_XML: Record<string, string> = {\n  \"&\": \"&\", \"<\": \"<\", \">\": \">\", '\"': \""\", \"'\": \"'\",\n};\n\nfunction xmlEscape(v: string): string {\n  return v.replace(/[&<>\"']/g, (c) => ESC_XML[c] ?? c);\n}\n\nfunction plistValue(v: unknown): string {\n  if (v === null || v === undefined) return \"\"; // drop null (represented as nothing)\n  if (typeof v === \"boolean\") return v ? \"<true/>\" : \"<false/>\";\n  if (typeof v === \"number\") {\n    return Number.isInteger(v) ? `<integer>${v}</integer>` : `<real>${v}</real>`;\n  }\n  if (Array.isArray(v)) {\n    return `<array>\\n${v.map((item) => plistValue(item)).map((s) => indent(s)).join(\"\\n\")}\\n</array>`;\n  }\n  if (typeof v === \"object\") {\n    const entries = Object.entries(v as Record<string, unknown>).filter(([, val]) => val !== undefined && val !== null);\n    if (entries.length === 0) return \"<dict/>\";\n    return `<dict>\\n${entries.map(([k, val]) => `<key>${xmlEscape(String(k))}</key>\\n${indent(plistValue(val))}`).join(\"\\n\")}\\n</dict>`;\n  }\n  return `<string>${xmlEscape(String(v))}</string>`;\n}\n\nconst indent = (s: string, n = \"\\t\"): string =>\n  s.split(\"\\n\").map((line) => (line ? n + line : line)).join(\"\\n\");\n\nfunction actionEntry(a: BuiltAction): string {\n  return [\n    \"<dict>\",\n    indent(`<key>WFWorkflowActionIdentifier</key>\\n<string>${xmlEscape(a.identifier)}</string>`),\n    indent(`<key>WFWorkflowActionParameters</key>\\n${indent(plistValue(a.parameters))}`),\n    \"</dict>\",\n  ].join(\"\\n\");\n}\n\n// ---- Shortcut outer document ----\nconst INPUT_CONTENT_CLASSES = [\n  \"WFAppStoreAppContentItem\", \"WFArticleContentItem\", \"WFContactContentItem\",\n  \"WFDateContentItem\", \"WFEmailAddressContentItem\", \"WFGenericFileContentItem\",\n  \"WFImageContentItem\", \"WFiTunesProductContentItem\", \"WFLocationContentItem\",\n  \"WFDCMapsLinkContentItem\", \"WFAVAssetContentItem\", \"WFPDFContentItem\",\n  \"WFPhoneNumberContentItem\", \"WFRichTextContentItem\", \"WFSafariWebPageContentItem\",\n  \"WFStringContentItem\", \"WFURLContentItem\",\n];\n\ntype ShortcutOptions = {\n  name: string;\n  iconColor?: string;   // accent color name\n  minimumClientVersion?: number;\n};\n\nexport function buildPlist(actions: BuiltAction[], opts: ShortcutOptions): string {\n  const version = opts.minimumClientVersion ?? 900;\n  const root: Record<string, unknown> = {\n    WFWorkflowActions: actions.map((a) => ({\n      WFWorkflowActionIdentifier: a.identifier,\n      WFWorkflowActionParameters: a.parameters,\n    })),\n    WFWorkflowClientVersion: \"900.2\",\n    WFWorkflowClientRelease: \"5\",\n    WFWorkflowHasOutputFallback: false,\n    WFWorkflowHasShortcutInputVariables: false,\n    WFWorkflowIcon: {\n      WFWorkflowIconGlyphNumber: 59745,\n      WFWorkflowIconStartColor: 4282601983,\n    },\n    WFWorkflowImportQuestions: [],\n    WFWorkflowInputContentItemClasses: INPUT_CONTENT_CLASSES,\n    WFWorkflowLastMigratedClientFormatVersion: \"900.0\",\n    WFWorkflowMinimumClientVersion: version,\n    WFWorkflowMinimumClientVersionString: String(version),\n    WFWorkflowName: opts.name,\n    WFWorkflowOutputContentItemClasses: [],\n    WFWorkflowTypes: [\"NCWidget\", \"WatchKit\"],\n  };\n  return `<?xml version=\"1.0\" encoding=\"UTF-8\"?>\\n<!DOCTYPE plist PUBLIC \"-//Apple//DTD PLIST 1.0//EN\" \"http://www.apple.com/DTDs/PropertyList-1.0.dtd\">\\n<plist version=\"1.0\">\\n${indent(plistValue(root))}\\n</plist>\\n`;\n}\n\nexport function buildShortcut(doc: { name: string; steps?: ShortcutStep[]; actions?: BuiltAction[] }): {\n  filename: string;\n  plist: string;\n  steps: BuiltAction[];\n} {\n  const ctx: BuildCtx = {\n    nextId: ((n) => () => {\n      n += 1;\n      return `group-${Date.now().toString(16)}-${n.toString(16)}`;\n    })(0),\n  };\n  const steps = doc.steps?.length ? doc.steps : doc.actions ?? [];\n  let actions: BuiltAction[];\n  if (doc.steps && doc.steps.length) {\n    // Rewind group ids to be stable per byte for equal inputs is not required;\n    // they only need internal consistency.\n    actions = doc.steps.flatMap((s) => buildAction({ id: s.id, values: s.values }, ctx));\n  } else {\n    actions = steps as BuiltAction[];\n  }\n  // Normalize conditional control-flow. Shortcuts represents If / Otherwise /\n  // End-If as sibling entries that all use identifier \"is.workflow.actions.conditional\"\n  // distinguished by WFControlFlowMode (0=if,1=otherwise,2=endif), all sharing\n  // one GroupingIdentifier for the block.\n  actions = actions.map((a) => {\n    if (a.identifier === \"is.workflow.actions.conditional.condition\") {\n      return { identifier: \"is.workflow.actions.conditional\", parameters: { ...a.parameters, WFControlFlowMode: 1 } };\n    }\n    if (a.identifier === \"is.workflow.actions.conditional.end\") {\n      return { identifier: \"is.workflow.actions.conditional\", parameters: { ...a.parameters, WFControlFlowMode: 2 } };\n    }\n    return a;\n  });\n  let curGroup: string | undefined;\n  for (const a of actions) {\n    if (a.identifier === \"is.workflow.actions.conditional\") {\n      if (a.parameters.WFControlFlowMode === 0) {\n        curGroup = a.parameters.GroupingIdentifier as string | undefined;\n      } else if (curGroup) {\n        a.parameters.GroupingIdentifier = curGroup;\n      }\n    }\n  }\n  // Normalize Repeat / Repeat with Each loops: start (mode 0) opens a group,\n  // the End Repeat entry (mode 1) closes it with the same GroupingIdentifier.\n  actions = actions.map((a) => {\n    if (a.identifier === \"is.workflow.actions.repeat\" ) {\n      return { identifier: \"is.workflow.actions.repeat\", parameters: { ...a.parameters, WFControlFlowMode: 1, WFRepeatCount: a.parameters.WFRepeatCount ?? 3 } };\n    }\n    if (a.identifier === \"is.workflow.actions.repeat.count\" || a.identifier === \"is.workflow.actions.repeat.each\") {\n      return { identifier: a.identifier, parameters: { ...a.parameters, WFControlFlowMode: 0 } };\n    }\n    return a;\n  });\n  let loopGroup: string | undefined;\n  for (const a of actions) {\n    if (a.identifier === \"is.workflow.actions.repeat.count\" || a.identifier === \"is.workflow.actions.repeat.each\") {\n      loopGroup = a.parameters.GroupingIdentifier ? String(a.parameters.GroupingIdentifier) : `loop-${Math.random().toString(16).slice(2)}`;\n      a.parameters.GroupingIdentifier = loopGroup;\n    } else if (a.identifier === \"is.workflow.actions.repeat\" && loopGroup) {\n      a.parameters.GroupingIdentifier = loopGroup;\n    }\n  }\n  const plist = buildPlist(actions, { name: doc.name });\n  const safe = doc.name.replace(/[^a-zA-Z0-9-_ ]/g, \"\").trim().replace(/\\s+/g, \"-\") || \"Shortcut\";\n  return { filename: `${safe}.shortcut`, plist, steps: actions };\n}\n\n// The download response helper (used by main.ts).\nexport function shortcutResponse(doc: { name: string; steps?: ShortcutStep[]; actions?: BuiltAction[] }): Response {\n  const { filename, plist } = buildShortcut(doc);\n  return new Response(plist, {\n    status: 200,\n    headers: {\n      \"Content-Type\": \"application/octet-stream; charset=utf-8\",\n      \"Content-Disposition\": `attachment; filename=\"${filename}\"`,\n      \"Content-Title\": `${filename}`, // hint for Shortcuts/Safari\n    },\n  });\n}\n",[168],"8bc4f2a7-709b-4643-8775-ed679bed6e4e",["D",1787279737368],[34],"90ed9c6f-a651-4748-8ee4-e543c1d8ae75","actions.ts","4a31afbc-9d05-11f1-84a8-1607ee4eb77e",24,["D",1787279701119],"// actions.ts — the Shortcut Studio action catalog.\n// Every action maps a simple JSON shape → the exact Shortcuts plist entry.\n\nexport type FieldDef = {\n  key: string;     // plist parameter key\n  label: string;   // user-facing label\n  type: \"text\" | \"textarea\" | \"number\" | \"url\" | \"variable\" | \"select\" | \"toggle\" | \"magic\";\n  placeholder?: string;\n  options?: { value: string | number | boolean; label: string }[];\n  default?: string | number | boolean;\n  help?: string;\n};\n\nexport type ActionDef = {\n  id: string;           // plist identifier (is.workflow.actions.*)\n  name: string;         // friendly name\n  category: string;\n  icon: string;         // emoji\n  color: string;        // tailwind-ish accent\n  description: string;\n  fields: FieldDef[];\n  // Optional: transform field values into the plist parameters object.\n  // Default merges field values directly under their keys.\n  build?: (values: Record<string, unknown>, ctx: BuildCtx) => Record<string, unknown>;\n  // Optional: whether this action emits plist control-flow sibling entries\n  // (e.g. the If action splits into conditional/otherwise/end-conditional).\n  flow?: (values: Record<string, unknown>) => { identifier: string; parameters: Record<string, unknown> }[];\n};\n\nexport type BuildCtx = {\n  // generates a stable grouping id used by control-flow actions\n  nextId: () => string;\n};\n\nexport type BuiltAction = { identifier: string; parameters: Record<string, unknown> };\n\nexport const CATEGORIES = [\n  \"Text\",\n  \"Scripting\",\n  \"Web\",\n  \"Data\",\n  \"Media\",\n  \"Share Sheet\",\n] as const;\n\n// Wrapped-string helpers ---- Shortcuts stores values either as a plain\n// string, or wrapped in an aggregation parameter. Most text parameters accept\n// a plain string and Shortcuts auto-wraps it. We keep plain strings.\n\nexport const actions: ActionDef[] = [\n  // ---------- TEXT ----------\n  {\n    id: \"is.workflow.actions.text\",\n    name: \"Text\",\n    category: \"Text\",\n    icon: \"📝\",\n    color: \"bg-slate-600\",\n    description: \"Static text content.\",\n    fields: [{ key: \"Text\", label: \"Text\", type: \"textarea\", default: \"\", help: \"Use {{Shortcut Input}} or magic variables.\" }],\n  },\n  {\n    id: \"is.workflow.actions.showresult\",\n    name: \"Show Result\",\n    category: \"Text\",\n    icon: \"🖥️\",\n    color: \"bg-slate-700\",\n    description: \"Display output as the final result of the Shortcut.\",\n    fields: [{ key: \"Text\", label: \"Result text\", type: \"textarea\", help: \"e.g. {{Text}} from a previous action.\" }],\n  },\n  {\n    id: \"is.workflow.actions.alert\",\n    name: \"Show Alert\",\n    category: \"Text\",\n    icon: \"🔔\",\n    color: \"bg-amber-600\",\n    description: \"Show a popup alert to the user.\",\n    fields: [\n      { key: \"WFAlertMessage\", label: \"Message\", type: \"textarea\" },\n      { key: \"WFAlertCancelShown\", label: \"Cancel button\", type: \"toggle\", default: false },\n    ],\n  },\n  {\n    id: \"is.workflow.actions.notification\",\n    name: \"Show Notification\",\n    category: \"Text\",\n    icon: \"🔕\",\n    color: \"bg-rose-600\",\n    description: \"Post a system notification.\",\n    fields: [\n      { key: \"WFNotificationActionBody\", label: \"Body\", type: \"textarea\" },\n      { key: \"WFNotificationActionTitle\", label: \"Title\", type: \"text\", help: \"Optional.\" },\n    ],\n  },\n  {\n    id: \"is.workflow.actions.url\",\n    name: \"URL\",\n    category: \"Web\",\n    icon: \"🔗\",\n    color: \"bg-sky-600\",\n    description: \"A URL to work with.\",\n    fields: [{ key: \"WFURL\", label: \"URL\", type: \"url\", placeholder: \"https://\" }],\n  },\n  {\n    id: \"is.workflow.actions.openurl\",\n    name: \"Open URLs\",\n    category: \"Web\",\n    icon: \"🧭\",\n    color: \"bg-sky-700\",\n    description: \"Open a URL in the default app.\",\n    fields: [{ key: \"WFInput\", label: \"URLs\", type: \"variable\", help: \"URL or variable holding URLs.\" }],\n  },\n  {\n    id: \"is.workflow.actions.downloadurl\",\n    name: \"Get Contents of URL\",\n    category: \"Web\",\n    icon: \"📡\",\n    color: \"bg-indigo-600\",\n    description: \"Fetch a URL (GET) and get its contents.\",\n    fields: [\n      { key: \"WFURL\", label: \"URL\", type: \"url\", placeholder: \"https://api.example.com\", help: \"Leaving empty sends Shortcut Input.\" },\n      { key: \"WFHTTPMethod\", label: \"Method\", type: \"select\", options: [\n        { value: \"GET\", label: \"GET\" },\n        { value: \"POST\", label: \"POST\" },\n        { value: \"PUT\", label: \"PUT\" },\n        { value: \"PATCH\", label: \"PATCH\" },\n        { value: \"DELETE\", label: \"DELETE\" },\n      ], default: \"GET\" },\n    ],\n  },\n  {\n    id: \"is.workflow.actions.getcontentsofurl\",\n    name: \"Get Contents of URL (Advanced)\",\n    category: \"Web\",\n    icon: \"🌐\",\n    color: \"bg-indigo-700\",\n    description: \"Fetch a URL with request headers & custom body.\",\n    fields: [\n      { key: \"WFURL\", label: \"URL\", type: \"url\" },\n      { key: \"WFHTTPMethod\", label: \"Method\", type: \"select\", options: [\n        { value: \"GET\", label: \"GET\" }, { value: \"POST\", label: \"POST\" },\n        { value: \"PUT\", label: \"PUT\" }, { value: \"PATCH\", label: \"PATCH\" }, { value: \"DELETE\", label: \"DELETE\" },\n      ], default: \"GET\" },\n      { key: \"WFHTTPHeaders\", label: \"Headers (JSON)\", type: \"textarea\", placeholder: '{\"Authorization\": \"Bearer ...\"}', help: \"Object of header name → value.\" },\n      { key: \"WFHTTPBody\", label: \"Body\", type: \"textarea\", help: \"Request body for POST/PUT/PATCH.\" },\n    ],\n  },\n  {\n    id: \"is.workflow.actions.property\",\n    name: \"Get Contents + JSON\",\n    category: \"Data\",\n    icon: \"🧩\",\n    color: \"bg-violet-600\",\n    description: \"Run a JSON query (pgrok/jmespath-style) against the input.\",\n    fields: [{ key: \"CustomOutputName\", label: \"Result name\", type: \"text\" }],\n    build: (_v, ctx) => ({\n      Property: \"Json\",\n      WFMachinery: { type: \"query\", keyPath: \"{{.}}\", output: { type: \"all\" } },\n      GroupingIdentifier: ctx.nextId(),\n    }),\n  },\n\n  // ---------- SCRIPTING ----------\n  {\n    id: \"is.workflow.actions.setvariable\",\n    name: \"Set Variable\",\n    category: \"Scripting\",\n    icon: \"🗃️\",\n    color: \"bg-emerald-700\",\n    description: \"Store the input under a variable name.\",\n    fields: [{ key: \"WFVariableName\", label: \"Variable name\", type: \"text\", placeholder: \"myVar\" }],\n  },\n  {\n    id: \"is.workflow.actions.getvariable\",\n    name: \"Get Variable\",\n    category: \"Scripting\",\n    icon: \"📦\",\n    color: \"bg-emerald-600\",\n    description: \"Retrieve a previously stored variable.\",\n    fields: [{ key: \"WFVariableName\", label: \"Variable name\", type: \"variable\", placeholder: \"myVar\" }],\n  },\n  {\n    id: \"is.workflow.actions.conditional\",\n    name: \"If\",\n    category: \"Scripting\",\n    icon: \"🔀\",\n    color: \"bg-cyan-700\",\n    description: \"Run actions if a condition is true. Add 'Else If'/'Otherwise' sisters.\",\n    fields: [\n      { key: \"WFConditionalIfCondition\", label: \"Condition\", type: \"select\", options: [\n        { value: \"Is Greater Than\", label: \"Is Greater Than\" },\n        { value: \"Is Less Than\", label: \"Is Less Than\" },\n        { value: \"Is\", label: \"Is\" },\n        { value: \"Is Not\", label: \"Is Not\" },\n        { value: \"Is Less Than or Equal To\", label: \"Is Less Than or Equal To\" },\n        { value: \"Is Greater Than or Equal To\", label: \"Is Greater Than or Equal To\" },\n        { value: \"Is Between\", label: \"Is Between\" },\n      ], default: \"Is\" },\n      { key: \"WFInput\", label: \"Value to check\", type: \"variable\", help: \"The value to compare.\" },\n    ],\n    build: (values, ctx) => {\n      const grouping = ctx.nextId();\n      return {\n        WFConditionalIfTrueVariableName: \"If Result\",\n        WFControlFlowMode: 0,\n        GroupingIdentifier: grouping,\n        WFConditionalGroup: {\n          WFConditionalIfCondition: values.WFConditionalIfCondition,\n          WFConditionalIfFalseScriptingVariableName: \"False\",\n          WFConditionalIfTrueScriptingVariableName: \"True\",\n          WFConditionalGroupingIdentifier: grouping,\n        },\n        WFInput: values.WFInput ?? \"{{Shortcut Input}}\",\n      };\n    },\n  },\n  {\n    id: \"is.workflow.actions.conditional.condition\",\n    name: \"Otherwise\",\n    category: \"Scripting\",\n    icon: \"⤵️\",\n    color: \"bg-cyan-800\",\n    description: \"Else branch for an If action.\",\n    fields: [],\n    build: (_v, ctx) => ({ WFControlFlowMode: 1, GroupingIdentifier: ctx.nextId() }),\n  },\n  {\n    id: \"is.workflow.actions.conditional.end\",\n    name: \"End If\",\n    category: \"Scripting\",\n    icon: \"⤴️\",\n    color: \"bg-cyan-900\",\n    description: \"Close an If block.\",\n    fields: [],\n    build: (_v, ctx) => ({ WFControlFlowMode: 2, GroupingIdentifier: ctx.nextId() }),\n  },\n  {\n    id: \"is.workflow.actions.repeat.count\",\n    name: \"Repeat\",\n    category: \"Scripting\",\n    icon: \"🔁\",\n    color: \"bg-fuchsia-700\",\n    description: \"Repeat the following actions N times.\",\n    fields: [{ key: \"WFRepeatCount\", label: \"Times\", type: \"number\", default: 3 }],\n  },\n  {\n    id: \"is.workflow.actions.repeat.each\",\n    name: \"Repeat with Each\",\n    category: \"Scripting\",\n    icon: \"🗂️\",\n    color: \"bg-fuchsia-600\",\n    description: \"Loop over each item in the input.\",\n    fields: [{ key: \"WFInput\", label: \"Input\", type: \"variable\", help: \"List or dictionary to iterate. Within loop use {{Repeat Item}}.\" }],\n  },\n  {\n    id: \"is.workflow.actions.repeat\",\n    name: \"End Repeat\",\n    category: \"Scripting\",\n    icon: \"⛔\",\n    color: \"bg-fuchsia-800\",\n    description: \"Closes a Repeat block.\",\n    fields: [],\n    build: (_v, ctx) => ({ WFControlFlowMode: 1, GroupingIdentifier: ctx.nextId() }),\n  },\n  {\n    id: \"is.workflow.actions.choosefrommenu\",\n    name: \"Choose from Menu\",\n    category: \"Scripting\",\n    icon: \"🗄️\",\n    color: \"bg-orange-700\",\n    description: \"Present a menu; run actions per chosen item. Add 'Menu Item' + 'End Menu' sisters.\",\n    fields: [{ key: \"WFMenuPrompt\", label: \"Prompt\", type: \"text\", default: \"Choose…\" }],\n  },\n\n  // ---------- DATA ----------\n  {\n    id: \"is.workflow.actions.dictionary\",\n    name: \"Dictionary\",\n    category: \"Data\",\n    icon: \"📊\",\n    color: \"bg-violet-700\",\n    description: \"Build a key/value dictionary (JSON).\",\n    fields: [{ key: \"WFItems\", label: \"Key: value pairs (JSON)\", type: \"textarea\", placeholder: '{\"name\": \"Val Town\", \"count\": 3}', help: \"Accepts any JSON.\" }],\n  },\n  {\n    id: \"is.workflow.actions.getvalueforkey\",\n    name: \"Get Dictionary Value\",\n    category: \"Data\",\n    icon: \"🔑\",\n    color: \"bg-violet-800\",\n    description: \"Read a key from a dictionary.\",\n    fields: [{ key: \"WFInput\", label: \"Dictionary\", type: \"variable\" }, { key: \"WFDictionaryKey\", label: \"Key\", type: \"text\" }],\n  },\n  {\n    id: \"is.workflow.actions.list\",\n    name: \"List\",\n    category: \"Data\",\n    icon: \"📋\",\n    color: \"bg-lime-700\",\n    description: \"Create a list of items.\",\n    fields: [{ key: \"WFItems\", label: \"Items (newline separated)\", type: \"textarea\", help: \"One per line.\" }],\n  },\n  {\n    id: \"is.workflow.actions.getitemfromlist\",\n    name: \"Get Item from List\",\n    category: \"Data\",\n    icon: \"🎯\",\n    color: \"bg-lime-600\",\n    description: \"Pick an item from a list (first, last, at index, random…).\",\n    fields: [\n      { key: \"WFInput\", label: \"List\", type: \"variable\" },\n      { key: \"WFItemSpecifier\", label: \"Which item\", type: \"select\", options: [\n        { value: \"First Item\", label: \"First Item\" },\n        { value: \"Last Item\", label: \"Last Item\" },\n        { value: \"Random Item\", label: \"Random Item\" },\n      ], default: \"First Item\" },\n      { key: \"WFItemIndex\", label: \"Index (if by index)\", type: \"number\", help: \"Optional.\" },\n    ],\n  },\n  {\n    id: \"is.workflow.actions.count\",\n    name: \"Count\",\n    category: \"Data\",\n    icon: \"🔢\",\n    color: \"bg-yellow-700\",\n    description: \"Count items, characters, words, or lines of the input.\",\n    fields: [{ key: \"WFInput\", label: \"Input\", type: \"variable\" },\n      { key: \"WFCountType\", label: \"Count\", type: \"select\", options: [\n        { value: \"Items\", label: \"Items\" }, { value: \"Characters\", label: \"Characters\" },\n        { value: \"Words\", label: \"Words\" }, { value: \"Lines\", label: \"Lines\" },\n      ], default: \"Items\" }],\n  },\n  {\n    id: \"is.workflow.actions.text.changecase\",\n    name: \"Change Case\",\n    category: \"Text\",\n    icon: \"🔠\",\n    color: \"bg-slate-500\",\n    description: \"UPPERCASE, lowercase, Title Case, capitalize every word.\",\n    fields: [\n      { key: \"WFInput\", label: \"Text\", type: \"variable\" },\n      { key: \"WFCaseType\", label: \"Case\", type: \"select\", options: [\n        { value: \"uppercase\", label: \"UPPERCASE\" },\n        { value: \"lowercase\", label: \"lowercase\" },\n        { value: \"capitalized\", label: \"Capitalized\" },\n        { value: \"titlecase\", label: \"Title Case\" },\n      ], default: \"uppercase\" },\n    ],\n  },\n  {\n    id: \"is.workflow.actions.matchtext\",\n    name: \"Match Text (Regex)\",\n    category: \"Text\",\n    icon: \"🧬\",\n    color: \"bg-teal-700\",\n    description: \"Extract text matching a regular expression.\",\n    fields: [\n      { key: \"WFTarget\", label: \"Text\", type: \"textarea\" },\n      { key: \"WFPattern\", label: \"Regex pattern\", type: \"text\", placeholder: \"[0-9]+\" },\n    ],\n  },\n  {\n    id: \"is.workflow.actions.currentdate\",\n    name: \"Get Date\",\n    category: \"Data\",\n    icon: \"🗓️\",\n    color: \"bg-cyan-600\",\n    description: \"Get the current date/time.\",\n    fields: [{ key: \"WFDateActionMode\", label: \"Include\", type: \"select\", options: [\n      { value: \"Current Date\", label: \"Current Date\" },\n      { value: \"Now\", label: \"Now\" },\n    ], default: \"Current Date\" }],\n  },\n  {\n    id: \"is.workflow.actions.format.date\",\n    name: \"Format Date\",\n    category: \"Data\",\n    icon: \"⏰\",\n    color: \"bg-cyan-700\",\n    description: \"Format a date into a string.\",\n    fields: [\n      { key: \"WFInput\", label: \"Date\", type: \"variable\" },\n      { key: \"WFDateFormatStyle\", label: \"Format\", type: \"select\", options: [\n        { value: \"Custom\", label: \"Custom\" }, { value: \"Short\", label: \"Short\" },\n        { value: \"Medium\", label: \"Medium\" }, { value: \"Long\", label: \"Long\" },\n      ], default: \"Short\" },\n      { key: \"WFDateFormat\", label: \"Custom format string\", type: \"text\", placeholder: \"yyyy-MM-dd HH:mm\", help: \"Required if Format = Custom. e.g. yyyy-MM-dd\" },\n    ],\n  },\n  {\n    id: \"is.workflow.actions.base64encode\",\n    name: \"Base64 Encode\",\n    category: \"Text\",\n    icon: \"🏳️\",\n    color: \"bg-amber-700\",\n    description: \"Base64-encode the input.\",\n    fields: [\n      { key: \"WFInput\", label: \"Input\", type: \"variable\" },\n      { key: \"WFEncodeMode\", label: \"Mode\", type: \"select\", options: [\n        { value: \"Encode\", label: \"Encode\" }, { value: \"Decode\", label: \"Decode\" },\n      ], default: \"Encode\" },\n    ],\n  },\n  {\n    id: \"is.workflow.actions.urlencode\",\n    name: \"URL Encode\",\n    category: \"Text\",\n    icon: \"🪝\",\n    color: \"bg-sky-800\",\n    description: \"Percent-encode or decode a string.\",\n    fields: [\n      { key: \"WFInput\", label: \"Input\", type: \"variable\" },\n      { key: \"WFEncodeMode\", label: \"Mode\", type: \"select\", options: [\n        { value: \"Encode\", label: \"Encode\" }, { value: \"Decode\", label: \"Decode\" },\n      ], default: \"Encode\" },\n    ],\n  },\n  {\n    id: \"is.workflow.actions.date\",\n    name: \"Adjust Date\",\n    category: \"Data\",\n    icon: \"⏮️\",\n    color: \"bg-cyan-800\",\n    description: \"Add or subtract time from a date.\",\n    fields: [\n      { key: \"WFInput\", label: \"Date\", type: \"variable\" },\n      { key: \"WFDuration\", label: \"Amount\", type: \"number\", default: 1 },\n      { key: \"WFTimeUntilUnit\", label: \"Unit\", type: \"select\", options: [\n        { value: \"days\", label: \"days\" }, { value: \"hours\", label: \"hours\" },\n        { value: \"minutes\", label: \"minutes\" }, { value: \"seconds\", label: \"seconds\" },\n        { value: \"weeks\", label: \"weeks\" }, { value: \"months\", label: \"months\" },\n        { value: \"years\", label: \"years\" },\n      ], default: \"days\" },\n      { key: \"WFOperation\", label: \"Operation\", type: \"select\", options: [\n        { value: \"Add\", label: \"Add\" }, { value: \"Subtract\", label: \"Subtract\" },\n      ], default: \"Add\" },\n    ],\n  },\n\n  // ---------- MEDIA ----------\n  {\n    id: \"is.workflow.actions.detect.camera\",\n    name: \"Take Photo\",\n    category: \"Media\",\n    icon: \"📷\",\n    color: \"bg-pink-700\",\n    description: \"Take a photo or select from library.\",\n    fields: [],\n  },\n  {\n    id: \"is.workflow.actions.getrichtext\",\n    name: \"Get Text from Input\",\n    category: \"Text\",\n    icon: \"✂️\",\n    color: \"bg-slate-400\",\n    description: \"Extract text from rich content (web pages, images w/ OCR, files).\",\n    fields: [],\n  },\n  {\n    id: \"is.workflow.actions.setspeaker\",\n    name: \"Speak Text\",\n    category: \"Media\",\n    icon: \"🔊\",\n    color: \"bg-pink-600\",\n    description: \"Read text aloud using VoiceOver.\",\n    fields: [{ key: \"WFInput\", label: \"Text\", type: \"variable\", help: \"Optional; uses input if empty.\" }],\n  },\n\n  // ---------- POWER USER: scripting, web, system ----------\n  {\n    id: \"is.workflow.actions.runjavascriptonwebpage\",\n    name: \"Run JavaScript on Web Page\",\n    category: \"Web\",\n    icon: \"🧮\",\n    color: \"bg-emerald-500\",\n    description: \"Execute JS in a webpage (Safari web page input / Share Sheet from Safari). Output available as {{JavaScript Result}}.\",\n    fields: [{ key: \"WFJavaScript\", label: \"JavaScript\", type: \"textarea\", placeholder: \"// runs in the page context\\nreturn document.title;\" , help: \"Comes from Safari → Share Sheet; JS Result becomes the output.\" }],\n  },\n  {\n    id: \"is.workflow.actions.math\",\n    name: \"Calculate / Math\",\n    category: \"Data\",\n    icon: \"➗\",\n    color: \"bg-amber-600\",\n    description: \"Do arithmetic on text/numbers using magic-variable expressions.\",\n    fields: [\n      { key: \"WFInput\", label: \"Expression\", type: \"textarea\", placeholder: \"({{Number}} + 10) / 2\" },\n      { key: \"WFMathOperation\", label: \"Show\", type: \"select\", options: [\n        { value: \"Nothing\", label: \"Nothing\" }, { value: \"Statistics\", label: \"Statistics\" },\n        { value: \"Decimal\", label: \"Decimal\" }, { value: \"Result\", label: \"Result\" },\n      ], default: \"Nothing\" },\n      { key: \"WFMathCaluclation\", label: \"Operation\", type: \"select\", options: [\n        { value: \"+\", label: \"+\" }, { value: \"-\", label: \"-\" },\n        { value: \"×\", label: \"×\" }, { value: \"÷\", label: \"÷\" },\n        { value: \"…\", label: \"…\" },\n      ], default: \"×\" },\n    ],\n  },\n  {\n    id: \"is.workflow.actions.text.replace\",\n    name: \"Replace Text\",\n    category: \"Text\",\n    icon: \"🔁\",\n    color: \"bg-slate-500\",\n    description: \"Find & replace (plain or regex) in text.\",\n    fields: [\n      { key: \"WFInput\", label: \"Text\", type: \"variable\" },\n      { key: \"WFFindText\", label: \"Find\", type: \"text\" },\n      { key: \"WFReplaceText\", label: \"Replace with\", type: \"text\" },\n      { key: \"WFReplaceMode\", label: \"Mode\", type: \"select\", options: [\n        { value: \"All\", label: \"All\" }, { value: \"Case Sensitive\", label: \"Case Sensitive\" },\n        { value: \"Regular Expression\", label: \"Regular Expression\" },\n      ], default: \"All\" },\n    ],\n  },\n  {\n    id: \"is.workflow.actions.combinetext\",\n    name: \"Combine Text\",\n    category: \"Text\",\n    icon: \"🧬\",\n    color: \"bg-slate-600\",\n    description: \"Join multiple text items with a separator.\",\n    fields: [\n      { key: \"WFInput\", label: \"Text\", type: \"variable\" },\n      { key: \"WFCombineMode\", label: \"Separator\", type: \"select\", options: [\n        { value: \"New Lines\", label: \"New Lines\" }, { value: \"Spaces\", label: \"Spaces\" },\n        { value: \"Nothing\", label: \"Nothing\" }, { value: \"Custom\", label: \"Custom\" },\n      ], default: \"New Lines\" },\n      { key: \"WFCustomSeparator\", label: \"Custom separator\", type: \"text\", help: \"If Separator = Custom.\" },\n    ],\n  },\n  {\n    id: \"is.workflow.actions.copytoclipboard\",\n    name: \"Copy to Clipboard\",\n    category: \"System\",\n    icon: \"📋\",\n    color: \"bg-teal-600\",\n    description: \"Copy input text to the clipboard.\",\n    fields: [{ key: \"WFInput\", label: \"Text\", type: \"variable\" }],\n  },\n  {\n    id: \"is.workflow.actions.getpasteboard\",\n    name: \"Get Clipboard\",\n    category: \"System\",\n    icon: \"📑\",\n    color: \"bg-teal-500\",\n    description: \"Read the current clipboard contents.\",\n    fields: [],\n  },\n  {\n    id: \"is.workflow.actions.random\",\n    name: \"Random Number\",\n    category: \"Data\",\n    icon: \"🎲\",\n    color: \"bg-lime-500\",\n    description: \"A random number between min and max.\",\n    fields: [\n      { key: \"WFNumberMinimum\", label: \"Minimum\", type: \"number\", default: 1 },\n      { key: \"WFNumberMaximum\", label: \"Maximum\", type: \"number\", default: 100 },\n    ],\n  },\n  {\n    id: \"is.workflow.actions.format.number\",\n    name: \"Format Number\",\n    category: \"Data\",\n    icon: \"🔢\",\n    color: \"bg-yellow-600\",\n    description: \"Round / style a number (e.g. thousands separators).\",\n    fields: [\n      { key: \"WFInput\", label: \"Number\", type: \"variable\" },\n      { key: \"WFNumberFormatStyle\", label: \"Mode\", type: \"select\", options: [\n        { value: \"None\", label: \"None\" }, { value: \"Decimal\", label: \"Decimal\" },\n        { value: \"Spell Out\", label: \"Spell Out\" }, { value: \"Scientific\", label: \"Scientific\" },\n      ], default: \"Decimal\" },\n      { key: \"WFNumberFormatMaximumFractionDigits\", label: \"Decimals\", type: \"number\", default: 0 },\n    ],\n  },\n  {\n    id: \"is.workflow.actions.delay\",\n    name: \"Wait\",\n    category: \"System\",\n    icon: \"⏸️\",\n    color: \"bg-gray-500\",\n    description: \"Pause the shortcut for a number of seconds (up to 180).\",\n    fields: [{ key: \"WFDelayTime\", label: \"Seconds\", type: \"number\", default: 1, help: \"Max ~180s.\" }],\n  },\n  {\n    id: \"is.workflow.actions.getbatterylevel\",\n    name: \"Get Battery Level\",\n    category: \"System\",\n    icon: \"🔋\",\n    color: \"bg-green-600\",\n    description: \"Current battery percentage (0-1).\",\n    fields: [],\n  },\n  {\n    id: \"is.workflow.actions.md5\",\n    name: \"Generate Hash\",\n    category: \"Data\",\n    icon: \"🌀\",\n    color: \"bg-violet-500\",\n    description: \"MD5 hash of the input text.\",\n    fields: [{ key: \"WFInput\", label: \"Text\", type: \"variable\" }],\n  },\n  {\n    id: \"is.workflow.actions.wifi\",\n    name: \"Set Wi-Fi\",\n    category: \"System\",\n    icon: \"📶\",\n    color: \"bg-blue-600\",\n    description: \"Turn Wi-Fi on or off.\",\n    fields: [{ key: \"WFOnValue\", label: \"State\", type: \"select\", options: [\n      { value: \"On\", label: \"On\" }, { value: \"Off\", label: \"Off\" }, { value: \"Toggle\", label: \"Toggle\" },\n    ], default: \"On\" }],\n  },\n  {\n    id: \"is.workflow.actions.lowpowermode\",\n    name: \"Set Low Power Mode\",\n    category: \"System\",\n    icon: \"🪫\",\n    color: \"bg-amber-700\",\n    description: \"Toggle Low Power Mode.\",\n    fields: [{ key: \"WFOnValue\", label: \"State\", type: \"select\", options: [\n      { value: \"On\", label: \"On\" }, { value: \"Off\", label: \"Off\" }, { value: \"Toggle\", label: \"Toggle\" },\n    ], default: \"On\" }],\n  },\n  {\n    id: \"is.workflow.actions.ask\",\n    name: \"Ask for Input\",\n    category: \"Scripting\",\n    icon: \"❓\",\n    color: \"bg-cyan-500\",\n    description: \"Prompt the user for text input. Output is available as {{Provided Input}}.\",\n    fields: [\n      { key: \"WFAskActionPrompt\", label: \"Prompt\", type: \"text\", placeholder: \"What's your name?\" },\n      { key: \"WFAskActionDefaultAnswer\", label: \"Default\", type: \"text\" },\n      { key: \"WFInputType\", label: \"Input type\", type: \"select\", options: [\n        { value: \"Text\", label: \"Text\" }, { value: \"URL\", label: \"URL\" },\n        { value: \"Number\", label: \"Number\" }, { value: \"Date\", label: \"Date\" },\n      ], default: \"Text\" },\n    ],\n  },\n  {\n    id: \"is.workflow.actions.choosefromlist\",\n    name: \"Choose from List\",\n    category: \"Scripting\",\n    icon: \"🗒️\",\n    color: \"bg-orange-600\",\n    description: \"Ask the user to pick from a list of options. Selection = {{Chosen Item}}.\",\n    fields: [\n      { key: \"WFChooseFromListActionPrompt\", label: \"Prompt\", type: \"text\" },\n      { key: \"WFInput\", label: \"List\", type: \"variable\", help: \"A List action or variable of options.\" },\n      { key: \"WFSelectMultiple\", label: \"Multiple\", type: \"toggle\", default: false },\n    ],\n  },\n  {\n    id: \"is.workflow.actions.getcurrentlocation\",\n    name: \"Get Current Location\",\n    category: \"System\",\n    icon: \"📍\",\n    color: \"bg-emerald-600\",\n    description: \"Fetch your current latitude/longitude and placemark.\",\n    fields: [],\n  },\n  {\n    id: \"is.workflow.actions.getweather\",\n    name: \"Get Weather Forecast\",\n    category: \"Web\",\n    icon: \"⛅\",\n    color: \"bg-sky-500\",\n    description: \"Current conditions or forecast for a location.\",\n    fields: [\n      { key: \"WFWeatherLocation\", label: \"Location\", type: \"variable\", help: \"Optional; uses current location if empty.\" },\n      { key: \"WFWeatherCondition\", label: \"Forecast type\", type: \"select\", options: [\n        { value: \"Current Conditions\", label: \"Current Conditions\" },\n        { value: \"Forecast\", label: \"Forecast\" },\n        { value: \"Air Quality\", label: \"Air Quality\" },\n      ], default: \"Current Conditions\" },\n    ],\n  },\n  {\n    id: \"is.workflow.actions.createnote\",\n    name: \"Create Note\",\n    category: \"Media\",\n    icon: \"📓\",\n    color: \"bg-yellow-500\",\n    description: \"Create a new note in the Notes app.\",\n    fields: [\n      { key: \"WFNoteText\", label: \"Note body\", type: \"textarea\" },\n      { key: \"WFNoteTitle\", label: \"Title\", type: \"text\", help: \"Optional.\" },\n    ],\n  },\n  {\n    id: \"is.workflow.actions.getupcomingreminders\",\n    name: \"Upcoming Reminders\",\n    category: \"System\",\n    icon: \"🔔\",\n    color: \"bg-red-500\",\n    description: \"Get upcoming reminders for a list/timeframe.\",\n    fields: [\n      { key: \"WFCalendarItemEntity\", label: \"Entity\", type: \"select\", options: [\n        { value: \"Reminder\", label: \"Reminder\" }, { value: \"Task\", label: \"Task\" },\n      ], default: \"Reminder\" },\n    ],\n  },\n  {\n    id: \"is.workflow.actions.addnewreminder\",\n    name: \"Create Reminder\",\n    category: \"System\",\n    icon: \"🧷\",\n    color: \"bg-rose-600\",\n    description: \"Add a reminder to the Reminders app.\",\n    fields: [\n      { key: \"WFReminderText\", label: \"Reminder text\", type: \"textarea\" },\n      { key: \"WFDueDate\", label: \"Due date\", type: \"text\", help: \"Optional, e.g. {{Formatted Date}}.\" },\n    ],\n  },\n  {\n    id: \"is.workflow.actions.getlatestphotos\",\n    name: \"Get Latest Photos\",\n    category: \"Media\",\n    icon: \"🖼️\",\n    color: \"bg-pink-600\",\n    description: \"Get the latest N photos from the library.\",\n    fields: [\n      { key: \"WFPhotoCount\", label: \"Count\", type: \"number\", default: 3 },\n      { key: \"WFAssetType\", label: \"Type\", type: \"select\", options: [\n        { value: \"Photo\", label: \"Photos\" }, { value: \"Video\", label: \"Videos\" },\n        { value: \"Screenshot\", label: \"Screenshots\" },\n      ], default: \"Photo\" },\n    ],\n  },\n  {\n    id: \"is.workflow.actions.savetocameraroll\",\n    name: \"Save to Camera Roll\",\n    category: \"Media\",\n    icon: \"💾\",\n    color: \"bg-pink-500\",\n    description: \"Save an image/video to the photo library.\",\n    fields: [],\n  },\n  {\n    id: \"is.workflow.actions.resizeimage\",\n    name: \"Resize Image\",\n    category: \"Media\",\n    icon: \"🔳\",\n    color: \"bg-purple-600\",\n    description: \"Scale an image by a percentage or to a width.\",\n    fields: [\n      { key: \"WFImageWidth\", label: \"Width (px)\", type: \"number\" },\n      { key: \"WFImageHeight\", label: \"Height (px)\", type: \"number\", help: \"Leave 0 to keep aspect ratio.\" },\n    ],\n  },\n  {\n    id: \"is.workflow.actions.combineimages\",\n    name: \"Make Composite Image\",\n    category: \"Media\",\n    icon: \"🧩\",\n    color: \"bg-purple-500\",\n    description: \"Combine multiple images into one (grid/side by side).\",\n    fields: [{ key: \"WFCombineMode\", label: \"Layout\", type: \"select\", options: [\n      { value: \"Horizontal\", label: \"Side by Side\" }, { value: \"Vertical\", label: \"Stacked\" },\n    ], default: \"Horizontal\" }],\n  },\n  {\n    id: \"is.workflow.actions.setbrightness\",\n    name: \"Set Brightness\",\n    category: \"System\",\n    icon: \"☀️\",\n    color: \"bg-yellow-600\",\n    description: \"Set screen brightness (0-1).\",\n    fields: [{ key: \"WFValue\", label: \"Brightness\", type: \"number\", default: 0.5 }],\n  },\n  {\n    id: \"is.workflow.actions.flashlight\",\n    name: \"Toggle Flashlight\",\n    category: \"System\",\n    icon: \"🔦\",\n    color: \"bg-amber-500\",\n    description: \"Turn the flashlight on/off/toggle.\",\n    fields: [{ key: \"WFOnValue\", label: \"State\", type: \"select\", options: [\n      { value: \"On\", label: \"On\" }, { value: \"Off\", label: \"Off\" }, { value: \"Toggle\", label: \"Toggle\" },\n    ], default: \"On\" }],\n  },\n  {\n    id: \"is.workflow.actions.openapp\",\n    name: \"Open App\",\n    category: \"System\",\n    icon: \"📱\",\n    color: \"bg-blue-500\",\n    description: \"Launch a specific app (by bundle id).\",\n    fields: [{ key: \"WFAppIdentifier\", label: \"Bundle ID\", type: \"text\", placeholder: \"com.apple.mobilesafari\" }],\n  },\n  {\n    id: \"is.workflow.actions.distance\",\n    name: \"Get Distance\",\n    category: \"Data\",\n    icon: \"📏\",\n    color: \"bg-teal-600\",\n    description: \"Straight-line distance between two locations.\",\n    fields: [\n      { key: \"WFStart\", label: \"From\", type: \"variable\" },\n      { key: \"WFEnd\", label: \"To\", type: \"variable\" },\n      { key: \"WFDistanceUnit\", label: \"Unit\", type: \"select\", options: [\n        { value: \"km\", label: \"km\" }, { value: \"mi\", label: \"mi\" }, { value: \"m\", label: \"m\" },\n      ], default: \"km\" },\n    ],\n  },\n  {\n    id: \"is.workflow.actions.gettext\",\n    name: \"Extract Text from Image\",\n    category: \"Media\",\n    icon: \"👁️\",\n    color: \"bg-slate-400\",\n    description: \"Live Text / OCR text from an image.\",\n    fields: [],\n  },\n  {\n    id: \"is.workflow.actions.openin\",\n    name: \"Open in App\",\n    category: \"Web\",\n    icon: \"🚀\",\n    color: \"bg-sky-600\",\n    description: \"Open input in another app (share-sheet style).\",\n    fields: [{ key: \"WFOpenInActionAppIdentifier\", label: \"App bundle id\", type: \"text\" }],\n  },\n  {\n    id: \"is.workflow.actions.showinblindtest\",\n    name: \"Show in Quick Access\",\n    category: \"Text\",\n    icon: \"🪟\",\n    color: \"bg-slate-500\",\n    description: \"Show a text result as a Quick Access overlay.\",\n    fields: [{ key: \"WFInput\", label: \"Text\", type: \"variable\" }],\n  },\n  {\n    id: \"is.workflow.actions.setsilentmode\",\n    name: \"Set Silent Mode\",\n    category: \"System\",\n    icon: \"🔕\",\n    color: \"bg-gray-600\",\n    description: \"Silence the device ringer.\",\n    fields: [{ key: \"WFOnValue\", label: \"State\", type: \"select\", options: [\n      { value: \"On\", label: \"On\" }, { value: \"Off\", label: \"Off\" },\n    ], default: \"On\" }],\n  },\n  {\n    id: \"is.workflow.actions.posttotelegram\",\n    name: \"Send Email\",\n    category: \"Text\",\n    icon: \"✉️\",\n    color: \"bg-indigo-500\",\n    description: \"Compose and send an email.\",\n    fields: [\n      { key: \"WFRecipients\", label: \"Recipients\", type: \"variable\" },\n      { key: \"WFEmailSubject\", label: \"Subject\", type: \"text\" },\n      { key: \"WFEmailMessage\", label: \"Body\", type: \"textarea\" },\n    ],\n  },\n];\n\nexport function actionById(id: string): ActionDef | undefined {\n  return actions.find((a) => a.id === id);\n}\n\nconst esc = (s: string): boolean | string | number | null | undefined | Record<string, unknown> | unknown[] => {\n  return s;\n};\n\n// Turn a JSON action the AI/UI produced into the plist action entry.\nexport function buildAction(json: {\n  id: string;\n  values?: Record<string, unknown>;\n}, ctx: BuildCtx): BuiltAction[] {\n  const def = actionById(json.id);\n  if (!def) {\n    // Unknown ids pass through as raw identifier/parameters.\n    return [{ identifier: json.id, parameters: (json.values as Record<string, unknown>) ?? {} }];\n  }\n  const raw = json.values ?? {};\n  // normalize field values (strings from the UI stay as-is)\n  const values: Record<string, unknown> = {};\n  for (const f of def.fields) {\n    const v = raw[f.key] ?? f.default;\n    if (v !== undefined) values[f.key] = v;\n  }\n  if (def.build) {\n    return [{ identifier: def.id, parameters: def.build(values, ctx) }];\n  }\n  return [{ identifier: def.id, parameters: values }];\n}\n\nexport const _esc = esc;\n",[179],"2834e474-c7b3-4142-bdfb-acb8ae842402","README.md","e3c7b838-9d05-11f1-afc0-1607ee4eb77e",23,["D",1787279521598],1,"# ⚡ Shortcut Studio\n\nBuild **advanced iOS Shortcuts** on the web, then download them as importable `.shortcut` files.\n\n- **✨ AI Build** — describe a shortcut in plain English; an LLM returns an editable action list.\n- **🗂 Templates** — a library of power-user starter patterns (JSON API fetch, If/Else, loops, menus, date math, regex/text pipelines, Share Sheet).\n- **🧱 Editor** — add/reorder/remove actions, edit every field, then download.\n\n## Live site\n**<https://shortcut-studio.val.run>**\n\n## How a `.shortcut` is made\niOS Shortcuts files are a plist with a `WFWorkflowActions` array. Each built-in action has a stable identifier (`is.workflow.actions.downloadurl`, etc.). This app maps a clean JSON action model → the exact XML plist via:\n\n| File | Role |\n|------|------|\n| `actions.ts` | Action catalog — id, fields, and →-plist builders (~35 advanced actions) |\n| `builder.ts` | Generic XML plist serializer + `.shortcut`/`WFWorkflow` assembly; normalizes If/Otherwise/End-If grouping |\n| `templates.ts` | The template library |\n| `ai.ts` | LLM \"describe → build\" (OpenAI or Anthropic, auto-detected) |\n| `ui.tsx` | Client-side React studio (Twind styling) |\n| `main.ts` | HTTP entrypoint: page, `/api/meta`, `/api/build`, `/api/ai`, `/source` |\n\n## API\n- `GET /api/meta` — action catalog + templates + AI status.\n- `POST /api/build` — `{name, steps}` → downloadable `.shortcut`.\n- `POST /api/ai` — `{description, provider?}` → `{name, steps}`.\n- `GET /source` — view/remix this val.\n\n## AI status\nThe \"Describe & Build\" AI feature is **live and verified on Groq and Gemini**. It auto-detects any of four providers (priority: **Groq → Gemini → OpenAI → Anthropic**):\n- `GROQ_API_KEY` → model `openai/gpt-oss-120b` (via Groq)\n- `GEMINI_API_KEY` → model `gemini-3.6-flash`\n- `OPENAI_API_KEY` → model `gpt-4o-mini`\n- `ANTHROPIC_API_KEY` → model `claude-sonnet-4`\n\nEverything else (templates, editor, export) works with no key at all.\n\n## Known iterations for true power-user fidelity\n- **Choose from Menu** is represented in Shortcuts as a single action with nested menu items; this build uses sibling `.item`/`.end` passes. Worth refining for imported menus.\n- **Repeat/Repeat with Each** loops share a similar control-flow pattern; refine grouping semantics.\n- Shortcuts imports unsigned XML plist `.shortcut` files directly — device-import testing on iOS is the ultimate check.\n\n## Contribute\nFork via the **view source** link, extend `actions.ts` with more identifiers, and remix your own copy.\n",[186],"pulls","branches","forks","envVars",{"_200":172,"_202":69},"connections",{"_200":69,"_201":69},"count","unfilledCount","emptyCount",{"_49":185,"_38":186,"_36":187,"_144":-5,"_47":48,"_46":188,"_146":31,"_44":229,"_13":190,"_39":26,"_41":191,"_30":31,"_149":-5,"_211":230,"_33":231},{"_49":178,"_38":179,"_36":180,"_144":-5,"_47":48,"_46":181,"_146":31,"_44":226,"_13":156,"_39":40,"_41":183,"_30":31,"_149":-5,"_211":227,"_33":228},{"_49":175,"_38":34,"_36":37,"_144":-5,"_47":48,"_46":14,"_146":65,"_44":223,"_13":145,"_39":40,"_41":43,"_30":31,"_149":-5,"_211":224,"_33":225},{"_49":167,"_38":168,"_36":169,"_144":-5,"_47":48,"_46":170,"_146":65,"_44":220,"_13":172,"_39":40,"_41":173,"_30":31,"_149":-5,"_211":221,"_33":222},{"_49":159,"_38":160,"_36":63,"_144":-5,"_47":48,"_46":161,"_146":65,"_44":217,"_13":163,"_39":164,"_41":165,"_30":31,"_149":51,"_211":218,"_33":219},{"_49":151,"_38":152,"_36":153,"_144":-5,"_47":48,"_46":154,"_146":31,"_44":214,"_13":156,"_39":40,"_41":157,"_30":31,"_149":-5,"_211":215,"_33":216},{"_49":141,"_38":142,"_36":143,"_144":-5,"_47":48,"_46":145,"_146":65,"_44":210,"_13":69,"_39":40,"_41":148,"_30":31,"_149":-5,"_211":212,"_33":213},["D",1787278253417],"children",[],[142],["D",1787279725357],[],[152],["D",1787279411796],[],[160],["D",1787278752311],[],[168],["D",1787279737368],[],[34],["D",1787279701119],[],[179],["D",1787279521598],[],[186],["D",1787278097773],{"_103":102,"_111":107},{"_103":102,"_104":105,"_106":107,"_19":61,"_108":109,"_110":31},{"_13":92,"_38":93,"_49":48,"_94":50,"_95":-5,"_96":-5,"_97":-5,"_98":-5,"_99":-5,"_100":51,"_101":102},"ctx",{"_85":-5,"_131":269,"_270":271,"_272":273,"_274":31,"_275":31,"_276":31,"_277":65,"_278":-5,"_279":-7,"_280":-7,"_281":69,"_282":31,"_283":31,"_284":-5,"_285":31,"_286":31,"_287":31,"_288":-5},"ENV",{"_240":241,"_242":243,"_244":93,"_245":246,"_247":248,"_249":250,"_251":252,"_253":254,"_255":256,"_257":258,"_259":260,"_261":262,"_263":264,"_265":266,"_267":268},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]
</article></body></html>

Diff · v26