feat(automate): make the pipeline builder fully multi-modal (#335)

* feat(shared): add outputModality to Tool metadata for crossing tools

* feat(shared): add modalityForExtension, toolInputModality, toolOutputModality

* fix(pipeline): route finalize and parent jobs to the pipeline's modality pool

* feat(automate): add ConvertAudioControls pipeline step (exemplar)

* feat(automate): add video tool settings controls to pipelines

* feat(automate): add audio tool settings controls to pipelines

* feat(automate): add document tool settings controls to pipelines

* feat(automate): add chart-maker settings control to pipelines

* feat(automate): warn on modality-incompatible pipeline steps

* feat(automate): add single-file download button for pipeline results

* refactor(automate): modality-aware icons, nav handler rename, mobile size bar

* test(pipeline): cover audio, document, file, and cross-modality chains

* i18n(automate): translate the modality-warning tooltip

* test(pipeline): gate media-pool routing assertion on ffmpeg availability

apps/web/src/components/tools/pdf-metadata-settings.tsx

@@ -1,4 +1,4 @@
-import { useState } from "react";
+import { useEffect, useRef, useState } from "react";
 import { ProgressCard } from "@/components/common/progress-card";
 import { useTranslation } from "@/contexts/i18n-context";
 import { useToolProcessor } from "@/hooks/use-tool-processor";
@@ -116,3 +116,97 @@ export function PdfMetadataSettings() {
     </div>
   );
 }
+
+export interface PdfMetadataControlsProps {
+  settings?: Record<string, unknown>;
+  onChange?: (settings: Record<string, unknown>) => void;
+}
+
+export function PdfMetadataControls({ settings: initial, onChange }: PdfMetadataControlsProps) {
+  const { t } = useTranslation();
+  const s = t.toolSettings["pdf-metadata"];
+  const [title, setTitle] = useState("");
+  const [author, setAuthor] = useState("");
+  const [subject, setSubject] = useState("");
+  const [keywords, setKeywords] = useState("");
+
+  const initializedRef = useRef(false);
+  useEffect(() => {
+    if (!initial || initializedRef.current) return;
+    initializedRef.current = true;
+    if (initial.title != null) setTitle(String(initial.title));
+    if (initial.author != null) setAuthor(String(initial.author));
+    if (initial.subject != null) setSubject(String(initial.subject));
+    if (initial.keywords != null) setKeywords(String(initial.keywords));
+  }, [initial]);
+
+  const onChangeRef = useRef(onChange);
+  useEffect(() => {
+    onChangeRef.current = onChange;
+  });
+  useEffect(() => {
+    const out: Record<string, unknown> = {};
+    if (title) out.title = title;
+    if (author) out.author = author;
+    if (subject) out.subject = subject;
+    if (keywords) out.keywords = keywords;
+    onChangeRef.current?.(out);
+  }, [title, author, subject, keywords]);
+
+  return (
+    <div className="space-y-4">
+      <div>
+        <label htmlFor="pmc-title" className="text-xs text-muted-foreground">
+          {s.title}
+        </label>
+        <input
+          id="pmc-title"
+          type="text"
+          maxLength={500}
+          value={title}
+          onChange={(e) => setTitle(e.target.value)}
+          className="w-full mt-0.5 px-2 py-1.5 rounded border border-border bg-background text-sm text-foreground"
+        />
+      </div>
+      <div>
+        <label htmlFor="pmc-author" className="text-xs text-muted-foreground">
+          {s.author}
+        </label>
+        <input
+          id="pmc-author"
+          type="text"
+          maxLength={500}
+          value={author}
+          onChange={(e) => setAuthor(e.target.value)}
+          className="w-full mt-0.5 px-2 py-1.5 rounded border border-border bg-background text-sm text-foreground"
+        />
+      </div>
+      <div>
+        <label htmlFor="pmc-subject" className="text-xs text-muted-foreground">
+          {s.subject}
+        </label>
+        <input
+          id="pmc-subject"
+          type="text"
+          maxLength={500}
+          value={subject}
+          onChange={(e) => setSubject(e.target.value)}
+          className="w-full mt-0.5 px-2 py-1.5 rounded border border-border bg-background text-sm text-foreground"
+        />
+      </div>
+      <div>
+        <label htmlFor="pmc-keywords" className="text-xs text-muted-foreground">
+          {s.keywords}
+        </label>
+        <input
+          id="pmc-keywords"
+          type="text"
+          maxLength={500}
+          value={keywords}
+          onChange={(e) => setKeywords(e.target.value)}
+          className="w-full mt-0.5 px-2 py-1.5 rounded border border-border bg-background text-sm text-foreground"
+        />
+      </div>
+    </div>
+  );
+}