feat: refine metadata catalog workflows

frontend/src/widgets/ArtifactGateWidget.tsx

@@ -40,7 +40,7 @@ export function ArtifactGateWidget({ descriptor, onRespond, sessionId }: WidgetP
           {descriptor.artifact ? (
             <GateArtifactBody artifact={descriptor.artifact} sessionId={sessionId} />
           ) : (
-            <p className="text-sm text-muted-foreground">No artifact.</p>
+            <p className="text-sm text-muted-foreground">No artifact available.</p>
           )}
         </div>
 

frontend/src/widgets/MultiselectWidget.tsx

@@ -68,7 +68,7 @@ export function MultiselectWidget({ descriptor, onRespond }: WidgetProps) {
                 {o.rationale && (
                   <div className="mt-3 border-l-2 border-border/70 pl-3 text-xs text-foreground/80">
                     <div className="mb-1 font-semibold uppercase tracking-wide text-muted-foreground">
-                      Motivo
+                      Reason
                     </div>
                     <div className="thot-prose leading-relaxed [&>p:first-child]:mt-0 [&>p:last-child]:mb-0">
                       <ReactMarkdown remarkPlugins={[remarkGfm]}>{o.rationale}</ReactMarkdown>
@@ -78,7 +78,7 @@ export function MultiselectWidget({ descriptor, onRespond }: WidgetProps) {
                 {typeof o.meta?.question_context === "string" && o.meta.question_context && (
                   <div className="mt-3 border-l-2 border-border/50 pl-3 text-xs text-muted-foreground">
                     <div className="mb-1 font-semibold uppercase tracking-wide">
-                      Domanda di contesto
+                      Context question
                     </div>
                     <div className="thot-prose leading-relaxed [&>p:first-child]:mt-0 [&>p:last-child]:mb-0">
                       <ReactMarkdown remarkPlugins={[remarkGfm]}>

frontend/src/widgets/SelectWidget.test.tsx

@@ -5,7 +5,7 @@ import { SelectWidget } from "./SelectWidget";
 test("picking an option responds with its id", async () => {
   const onRespond = vi.fn();
   render(<SelectWidget descriptor={{ id: "u1", widget: "select", options: [{ id: "a", label: "A" }, { id: "b", label: "B", recommended: true }] }} onRespond={onRespond} />);
-  expect(screen.getByText(/consigliato/i)).toBeInTheDocument();
+  expect(screen.getByText(/recommended/i)).toBeInTheDocument();
   await userEvent.click(screen.getByRole("button", { name: /A/ }));
   expect(onRespond).toHaveBeenCalledWith({ id: "u1", kind: "select", choices: ["a"] });
 });

frontend/src/widgets/SelectWidget.tsx

@@ -25,7 +25,7 @@ export function SelectWidget({ descriptor, onRespond }: WidgetProps) {
             <span>{o.label}</span>
             {o.recommended && (
               <span className="shrink-0 rounded-md bg-[oklch(var(--success)/0.16)] px-2 py-0.5 text-[0.65rem] font-medium text-[oklch(0.5_0.13_165)]">
-                consigliato
+                Recommended
               </span>
             )}
           </button>