snapshot of https://github.com/shadcn-ui/ui.git (main, 2026-09-15; blobs > 131072B omitted)

apps/v4/examples/radix/questionnaire-conditional.tsx

@@ -0,0 +1,122 @@
+"use client"
+
+import * as React from "react"
+import { toast } from "sonner"
+
+import {
+  Questionnaire,
+  QuestionnaireActions,
+  QuestionnaireChoice,
+  QuestionnaireChoices,
+  QuestionnaireDescription,
+  QuestionnaireError,
+  QuestionnaireItem,
+  QuestionnaireNext,
+  QuestionnairePrevious,
+  QuestionnaireProgress,
+  QuestionnaireSubmit,
+  QuestionnaireTitle,
+} from "@/styles/radix-nova/ui/questionnaire"
+
+export function QuestionnaireConditional() {
+  const [runtime, setRuntime] = React.useState("local")
+  const items = React.useMemo(
+    () => [
+      { name: "runtime", required: true },
+      {
+        disabled: runtime !== "cloud",
+        name: "environment",
+        required: true,
+      },
+      { name: "approval", required: true },
+    ],
+    [runtime]
+  )
+
+  function handleSubmit(event: React.FormEvent<HTMLFormElement>) {
+    event.preventDefault()
+
+    const formData = new FormData(event.currentTarget)
+
+    toast("Execution plan saved", {
+      description: `Runtime: ${formData.get("runtime") ?? "None"} · Environment: ${formData.get("environment") ?? "Not applicable"} · Approval: ${formData.get("approval") ?? "None"}`,
+    })
+  }
+
+  return (
+    <Questionnaire
+      className="mx-auto max-w-md"
+      defaultItem="runtime"
+      items={items}
+      onSubmit={handleSubmit}
+    >
+      <QuestionnaireProgress />
+
+      <QuestionnaireItem name="runtime" required>
+        <QuestionnaireTitle>Where should the agent run?</QuestionnaireTitle>
+        <QuestionnaireDescription>
+          Cloud runs add an environment question to this flow.
+        </QuestionnaireDescription>
+        <QuestionnaireChoices>
+          <QuestionnaireChoice
+            checked={runtime === "local"}
+            value="local"
+            onChange={() => setRuntime("local")}
+          >
+            Local workspace
+          </QuestionnaireChoice>
+          <QuestionnaireChoice
+            checked={runtime === "cloud"}
+            value="cloud"
+            onChange={() => setRuntime("cloud")}
+          >
+            Cloud workspace
+          </QuestionnaireChoice>
+        </QuestionnaireChoices>
+        <QuestionnaireError />
+      </QuestionnaireItem>
+
+      <QuestionnaireItem
+        disabled={runtime !== "cloud"}
+        name="environment"
+        required
+      >
+        <QuestionnaireTitle>
+          Which cloud environment should it use?
+        </QuestionnaireTitle>
+        <QuestionnaireChoices>
+          <QuestionnaireChoice value="preview">Preview</QuestionnaireChoice>
+          <QuestionnaireChoice value="staging">Staging</QuestionnaireChoice>
+          <QuestionnaireChoice value="isolated">
+            Isolated sandbox
+          </QuestionnaireChoice>
+        </QuestionnaireChoices>
+        <QuestionnaireError />
+      </QuestionnaireItem>
+
+      <QuestionnaireItem name="approval" required>
+        <QuestionnaireTitle>
+          When should the agent request approval?
+        </QuestionnaireTitle>
+        <QuestionnaireChoices>
+          <QuestionnaireChoice value="writes">
+            Before writing files
+          </QuestionnaireChoice>
+          <QuestionnaireChoice value="commands">
+            Before running commands
+          </QuestionnaireChoice>
+          <QuestionnaireChoice value="sensitive">
+            Only for sensitive actions
+          </QuestionnaireChoice>
+        </QuestionnaireChoices>
+        <QuestionnaireError />
+      </QuestionnaireItem>
+
+      <QuestionnaireActions>
+        <QuestionnairePrevious />
+        <QuestionnaireNext>Next</QuestionnaireNext>
+        <QuestionnaireSubmit>Save execution plan</QuestionnaireSubmit>
+      </QuestionnaireActions>
+    </Questionnaire>
+  )
+}