Add search and RAG workspace flows

app/financials/page.tsx

@@ -609,7 +609,7 @@ function FinancialsPageContent() {
     >
       <Panel title="Company Selector" subtitle="Load one ticker across statements, ratios, and KPI time series.">
         <form
-          className="flex flex-wrap items-center gap-3"
+          className="flex flex-col items-stretch gap-3 sm:flex-row sm:flex-wrap sm:items-center"
           onSubmit={(event) => {
             event.preventDefault();
             const normalized = tickerInput.trim().toUpperCase();
@@ -623,9 +623,9 @@ function FinancialsPageContent() {
             value={tickerInput}
             onChange={(event) => setTickerInput(event.target.value.toUpperCase())}
             placeholder="Ticker (AAPL)"
-            className="max-w-xs"
+            className="w-full sm:max-w-xs"
           />
-          <Button type="submit">
+          <Button type="submit" className="w-full sm:w-auto">
             <Search className="size-4" />
             Load Financials
           </Button>
@@ -656,12 +656,12 @@ function FinancialsPageContent() {
       />
 
       <Panel title="Search & Filters" subtitle="Filter rows without mutating the source data.">
-        <div className="flex flex-wrap items-center gap-3">
+        <div className="flex flex-col items-stretch gap-3 sm:flex-row sm:flex-wrap sm:items-center">
           <Input
             value={rowSearch}
             onChange={(event) => setRowSearch(event.target.value)}
             placeholder="Search rows by label"
-            className="max-w-sm"
+            className="w-full sm:max-w-sm"
           />
           <span className="text-sm text-[color:var(--terminal-muted)]">
             {filteredRows.length} of {activeRows.length} rows