feat(config-refs): introduce config reference parsing and resolution

- Added a new module for parsing and resolving configuration references, supporting `$SECRET_`, `$KV_`, and `$CONTEXT_` prefixes.
- Implemented functions to handle the resolution of these references within workflow contexts, enhancing the flexibility of configuration management.
- Updated existing workflows and scripts to utilize the new config reference resolution, improving data handling and context management.
- Introduced a smoke test to validate the functionality of the config reference system, ensuring robustness and reliability.

This update significantly enhances the ability to manage dynamic configurations within workflows, improving overall usability and maintainability.

packages/web/src/pages/ScriptDryRunPage.jsx

@@ -19,8 +19,10 @@ import {
   contextFromMeta,
   prettyJson,
 } from "../lib/script.js";
+import { useNotifications } from "../notifications.jsx";
 
 export function ScriptDryRunPage() {
+  const { notify } = useNotifications();
   const { name: rawName } = useParams();
   const name = decodeURIComponent(rawName ?? "");
   const location = useLocation();
@@ -129,7 +131,10 @@ export function ScriptDryRunPage() {
   }
 
   function onSave() {
-    save.mutate({ name, content });
+    save.mutate(
+      { name, content },
+      { onSuccess: () => notify.success("Script saved") },
+    );
   }
 
   return (
@@ -194,9 +199,6 @@ export function ScriptDryRunPage() {
       {save.isError ? (
         <p className="text-error text-sm shrink-0">{errorMessage(save.error)}</p>
       ) : null}
-      {save.isSuccess ? (
-        <p className="text-success text-sm shrink-0">Script saved</p>
-      ) : null}
 
       <div className="grid min-h-0 flex-1 grid-cols-1 gap-3 lg:grid-cols-3">
         <section className="flex min-h-0 flex-col gap-1">

packages/web/src/pages/ScriptEditPage.jsx

@@ -7,6 +7,7 @@ import { CodeEditor } from "../components/CodeEditor.jsx";
 import { ScriptIcon } from "../components/ScriptIcon.jsx";
 import { ScriptMetaPanel } from "../components/ScriptMetaPanel.jsx";
 import { NEW_SCRIPT_TEMPLATE, normalizeScriptName } from "../lib/script.js";
+import { useNotifications } from "../notifications.jsx";
 
 export function ScriptNewPage() {
   const navigate = useNavigate();
@@ -88,6 +89,7 @@ export function ScriptEditPage() {
   const { name: rawName } = useParams();
   const name = decodeURIComponent(rawName ?? "");
   const navigate = useNavigate();
+  const { notify } = useNotifications();
   const existing = useScript(name);
   const save = useSaveScript();
   const [content, setContent] = useState("");
@@ -103,7 +105,10 @@ export function ScriptEditPage() {
 
   function onSave(e) {
     e.preventDefault();
-    save.mutate({ name, content });
+    save.mutate(
+      { name, content },
+      { onSuccess: () => notify.success("Script saved") },
+    );
   }
 
   function openDryRun() {
@@ -172,9 +177,6 @@ export function ScriptEditPage() {
       {save.isError ? (
         <p className="text-error text-sm shrink-0">{errorMessage(save.error)}</p>
       ) : null}
-      {save.isSuccess ? (
-        <p className="text-success text-sm shrink-0">Script saved</p>
-      ) : null}
     </div>
   );
 }

packages/web/src/pages/WorkflowEditPage.jsx

@@ -12,6 +12,7 @@ import { DuplicateWorkflowDialog } from "../components/DuplicateWorkflowDialog.j
 import { WorkflowFileIcon } from "../components/WorkflowFileIcon.jsx";
 import { WorkflowVisualEditor } from "../components/workflow/WorkflowVisualEditor.jsx";
 import { NEW_WORKFLOW_YAML, parseWorkflowYaml } from "../lib/workflow-doc.js";
+import { useNotifications } from "../notifications.jsx";
 
 function WorkflowEditorLayout({
   title,
@@ -19,7 +20,6 @@ function WorkflowEditorLayout({
   savePending,
   saveDisabled,
   saveError,
-  saveSuccess,
   onSave,
   onTest,
   onDuplicate,
@@ -81,7 +81,6 @@ function WorkflowEditorLayout({
       {children}
       {saveError ? <p className="text-error text-sm shrink-0">{saveError}</p> : null}
       {enableError ? <p className="text-error text-sm shrink-0">{enableError}</p> : null}
-      {saveSuccess ? <p className="text-success text-sm shrink-0">Workflow saved</p> : null}
     </div>
   );
 }
@@ -154,6 +153,7 @@ export function WorkflowNewPage() {
 
 export function WorkflowEditPage() {
   const navigate = useNavigate();
+  const { notify } = useNotifications();
   const { owner: rawOwner, file: rawFile } = useParams();
   const owner = decodeURIComponent(rawOwner ?? "");
   const file = decodeURIComponent(rawFile ?? "");
@@ -190,7 +190,10 @@ export function WorkflowEditPage() {
     save.mutate(
       { owner, file, content },
       {
-        onSuccess: () => setSavedYaml(content),
+        onSuccess: () => {
+          setSavedYaml(content);
+          notify.success("Workflow saved");
+        },
       },
     );
   }
@@ -227,7 +230,6 @@ export function WorkflowEditPage() {
         savePending={save.isPending}
         saveDisabled={!contentReady}
         saveError={save.isError ? errorMessage(save.error) : null}
-        saveSuccess={save.isSuccess}
         onSave={onSave}
         onTest={() => setTestOpen(true)}
         onDuplicate={() => setDuplicateOpen(true)}