diff --git a/scripts/ui-drift-baseline.json b/scripts/ui-drift-baseline.json index df6be3a..5b2707f 100644 --- a/scripts/ui-drift-baseline.json +++ b/scripts/ui-drift-baseline.json @@ -1,6 +1,6 @@ { - "//": "Baseline UI drift counts. Updated 2026-05-23T08:52:00Z by scripts/ui-drift-ratchet.sh --update. Commit alongside the migration that lowered the counts.", - "raw_interactive_controls": 14, + "//": "Baseline UI drift counts. Updated 2026-05-23T17:07:35Z by scripts/ui-drift-ratchet.sh --update. Commit alongside the migration that lowered the counts.", + "raw_interactive_controls": 13, "legacy_global_surface_classes": 0, "hardcoded_color_literals": 0, "direct_bytelyst_ui_imports_outside_adapter": 0 diff --git a/web/src/components/IntakeUrlBar.tsx b/web/src/components/IntakeUrlBar.tsx index f8f2e64..af99bc4 100644 --- a/web/src/components/IntakeUrlBar.tsx +++ b/web/src/components/IntakeUrlBar.tsx @@ -1,7 +1,7 @@ "use client"; import { useState } from "react"; -import { Button, Card } from "@/components/ui/Primitives"; +import { Button, Card, Input } from "@/components/ui/Primitives"; import { submitIntake, type IntakeContentType } from "@/lib/intake-client"; import { toast } from "@/lib/toast"; @@ -81,23 +81,15 @@ export function IntakeUrlBar({ workspaceId, onIntakeSubmitted }: IntakeUrlBarPro }} >
- setUrl(e.target.value)} onKeyDown={(e) => { if (e.key === "Enter") void handleSubmit(); }} placeholder="Paste a URL to auto-process (YouTube, article, tweet, PDF, GitHub…)" aria-label="URL to process" - style={{ - width: "100%", - padding: "var(--nl-space-3) var(--nl-space-4)", - paddingRight: detectedType ? "5rem" : "var(--nl-space-4)", - border: "1px solid var(--nl-border-default)", - borderRadius: "var(--nl-radius-md)", - background: "var(--nl-input-bg)", - color: "var(--nl-text-primary)", - fontSize: "var(--nl-fs-base)", - }} + // Right-pad enough to fit the detected-type badge overlay. + style={detectedType ? { paddingRight: "5rem" } : undefined} /> {detectedType && (