fix(webapp): blank-state watch card matches the hero composer width

The px-3 inset belongs to the chat's docked placement, not the card — in the
hero it doubled the inset and the card came out narrower than the field.

Author: kathiekiwi

apps/webapp/app/components/dashboard-agent/DashboardAgentChat.tsx

@@ -405,7 +405,8 @@ export function DashboardAgentChat({
           resolveUri={resolveUri}
         />
       )}
-      {watchCard}
+      {/* Inset to line up with the docked composer below it. */}
+      {watchCard ? <div className="px-3 pb-2">{watchCard}</div> : null}
       {/* The Free plan's message cap occupies the composer slot: at the cap the
           composer is replaced by the upgrade block (a composer you can't send
           from is worse than none), and under it the composer is followed by the

apps/webapp/app/components/dashboard-agent/DashboardAgentPanel.tsx

@@ -490,17 +490,18 @@ export function DashboardAgentPanel({
     }
   }, [watchDraft, active?.chatId, actionPath, loadHistory]);
 
+  // Bare, placement-agnostic: the chat insets it to match its docked composer,
+  // the hero's composer slot is already inset, so a wrapper here would make the
+  // card narrower than the field it sits above.
   const watchCard = watchDraft ? (
-    <div className="px-3 pb-2">
-      <WatchCard
-        draft={watchDraft}
-        onChange={setWatchDraft}
-        onSubmit={() => void submitWatch()}
-        onCancel={dismissWatchCard}
-        pending={watchPending}
-        error={watchError}
-      />
-    </div>
+    <WatchCard
+      draft={watchDraft}
+      onChange={setWatchDraft}
+      onSubmit={() => void submitWatch()}
+      onCancel={dismissWatchCard}
+      pending={watchPending}
+      error={watchError}
+    />
   ) : null;
 
   const newChat = useCallback(() => {