feat: add required field support to InputField and update UI components to respect optionality

src/authsome/auth/input_provider.py

@@ -10,6 +10,7 @@ class InputField(BaseModel):
     label: str
     secret: bool = True
     default: str | None = None
+    required: bool = True
     #: Optional regex (``re.fullmatch``) that the submitted value must satisfy.
     pattern: str | None = None
     #: Optional human-readable message shown when the value does not match ``pattern``.

src/authsome/auth/utils.py

@@ -145,7 +145,15 @@ def required_inputs(  # noqa: PLR0913
     needs_scopes = flow_type in (FlowType.PKCE, FlowType.DEVICE_CODE, FlowType.DCR_PKCE)
     if needs_scopes and scopes is None and persisted_scopes is None:
         default_scopes = ",".join(provider.oauth.scopes) if provider.oauth and provider.oauth.scopes else ""
-        fields.append(InputField(name="scopes", label="Scopes (comma-separated)", secret=False, default=default_scopes))
+        fields.append(
+            InputField(
+                name="scopes",
+                label="Scopes (comma-separated)",
+                secret=False,
+                default=default_scopes,
+                required=False,
+            )
+        )
 
     if flow_type == FlowType.API_KEY:
         api_key_field = InputField(name="api_key", label="API Key", secret=True)

ui/src/components/authsome-dashboard.tsx

@@ -170,7 +170,7 @@
       <section className="mx-auto grid w-full max-w-6xl gap-10 lg:grid-cols-[0.9fr_1.1fr] lg:items-center">
         <div className="max-w-md">
           <div>
             <img alt="Authsome" className="mb-8 size-11" src="/logo.svg" />
             <h1 className="text-4xl font-semibold leading-tight text-foreground">
               Authsome
             </h1>
@@ -399,7 +399,7 @@
         defaultValue={field.default || ""}
         name={field.name}
         pattern={field.pattern || undefined}
-        required
+        required={field.required !== false}
         type={field.secret ? "password" : "text"}
       />
       {field.pattern_hint ? (
@@ -558,7 +558,7 @@
       <section className="mx-auto w-full max-w-md">
         <Card className="border-border/70 shadow-none">
           <CardHeader>
             <img alt="Authsome" className="mb-4 size-9" src="/logo.svg" />
             <CardTitle>{title}</CardTitle>
             <CardDescription>{description}</CardDescription>
           </CardHeader>
@@ -658,7 +658,7 @@
     <aside className="flex border-r bg-sidebar md:min-h-screen md:w-64 md:flex-col">
       <div className="hidden border-b px-5 py-4 md:block">
         <div className="flex items-center gap-2">
           <img alt="Authsome" className="size-7" src="/logo.svg" />
           <span className="text-sm font-semibold">Authsome</span>
         </div>
       </div>

ui/src/lib/authsome-api.ts

@@ -137,6 +137,7 @@ export type SessionInputField = {
   label: string;
   secret: boolean;
   default?: string | null;
+  required?: boolean;
   pattern?: string | null;
   pattern_hint?: string | null;
 };