fix(webapp): blank-state polish (TRI-12870)

Ask AI -> Ask Trigger; send/stop centered in the docked composer; Watch
button wears the chat's eye glyph; a delayed history reload picks up the
generated chat name after the first answer; dashboard agent temporarily
open to everyone for V1 rollout testing.

Author: kathiekiwi

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

@@ -101,7 +101,7 @@ export function DashboardAgentComposer({
           isHero ? "rounded-lg p-2" : "rounded-md p-1"
         )}
       >
-        <div className={isHero ? "flex flex-col gap-1.5" : "flex items-end gap-1"}>
+        <div className={isHero ? "flex flex-col gap-1.5" : "flex items-center gap-1"}>
           {/* Docked: one text line tall at rest (matches the button height),
               growing with content up to the cap. Hero: three lines at rest, the
               same growth. rows + field-sizing-content do the work. */}

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

@@ -40,7 +40,7 @@ export function DashboardAgentHero({
         <div className="flex flex-col items-center gap-1.5 text-center">
           <Header1 className="flex items-center gap-2">
             <AgentMonoLogo size={22} decorative />
-            Ask AI
+            Ask Trigger
             <BetaBadge />
           </Header1>
           <Paragraph variant="small" className="text-text-dimmed">

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

@@ -208,6 +208,18 @@ export function DashboardAgentPanel({
     return request;
   }, [actionPath, toast]);
 
+  // The generated chat name lands a few seconds AFTER the first answer (the
+  // agent defers it so it never blocks the response), so the reload a settled
+  // turn triggers still reads "New chat". One delayed follow-up reload picks the
+  // name up without the user having to reopen the panel.
+  const titleRefreshTimer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);
+  useEffect(() => () => clearTimeout(titleRefreshTimer.current), []);
+  const handleTurnSettled = useCallback(() => {
+    void loadHistory();
+    clearTimeout(titleRefreshTimer.current);
+    titleRefreshTimer.current = setTimeout(() => void loadHistory(), 5000);
+  }, [loadHistory]);
+
   // Bumped on each open so a slower earlier open can't overwrite a newer one
   // when chats are switched rapidly.
   const openChatRequestSeq = useRef(0);
@@ -647,7 +659,7 @@ export function DashboardAgentPanel({
             appendedMessage={appendedMessage}
             onWatchIntent={openWatchCard}
             onCancelWatch={cancelWatch}
-            onTurnSettled={loadHistory}
+            onTurnSettled={handleTurnSettled}
             onActivityChange={handleActivityChange}
           />
         ) : (

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

@@ -1,6 +1,6 @@
+import { EyeIcon } from "@heroicons/react/20/solid";
 import type { WatchSpec } from "@internal/dashboard-agent-contracts";
 import { Button } from "~/components/primitives/Buttons";
-import { AGENT_ICON_ACCENT_CLASS, AgentIcon } from "./agent-identity";
 import { useDashboardAgent } from "./dashboardAgentLauncher";
 
 /**
@@ -17,8 +17,8 @@ import { useDashboardAgent } from "./dashboardAgentLauncher";
  * pre-filled, and an abandoned card leaves no trace in the transcript.
  *
  * Self-hiding, like every agent entry point: no provider (or the agent gated off)
- * renders nothing, so callers need no gate of their own. Icon and accent come from
- * `agent-identity`, so it reads as one family with Investigate.
+ * renders nothing, so callers need no gate of their own. The eye glyph matches
+ * the chat's Watch block — the watch is the object, not the agent.
  */
 export function WatchButton({
   spec,
@@ -47,8 +47,10 @@ export function WatchButton({
     <Button
       type="button"
       variant={`${variant}/${size}`}
-      LeadingIcon={AgentIcon}
-      leadingIconClassName={variant === "primary" ? undefined : AGENT_ICON_ACCENT_CLASS}
+      // The same eye the chat's Watch block wears — a watch is the object here,
+      // not the agent, so the button doesn't carry the agent's glyph.
+      LeadingIcon={EyeIcon}
+      leadingIconClassName={variant === "primary" ? undefined : "text-text-dimmed"}
       fullWidth={fullWidth}
       textAlignLeft={fullWidth}
       className={className}

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

@@ -80,10 +80,10 @@ export function DashboardAgentLauncher() {
         <span className="relative inline-flex shrink-0">
           <Button
             variant="ask-ai/small"
-            aria-label={hasUnread ? "Ask AI, unread updates" : "Ask AI"}
+            aria-label={hasUnread ? "Ask Trigger, unread updates" : "Ask Trigger"}
             onClick={() => setOpen(true)}
           >
-            Ask AI
+            Ask Trigger
           </Button>
           {hasUnread && (
             <span

apps/webapp/app/components/primitives/Buttons.tsx

@@ -116,7 +116,7 @@ const theme = {
       "border-text-dimmed/40 text-text-dimmed group-hover/button:text-text-bright group-hover/button:border-text-dimmed",
     icon: "text-blue-500",
   },
-  // Reserved for the AI agent's "Ask AI" affordance: secondary styling with a
+  // Reserved for the AI agent's "Ask Trigger" affordance: secondary styling with a
   // softened trigger-green border.
   "ask-ai": {
     // Light hover fills with a pale brand-green tint and the ink flips DARK —

apps/webapp/app/v3/canAccessDashboardAgent.server.ts

@@ -20,6 +20,11 @@ export async function canAccessDashboardAgent(options: {
   // extra org lookup. Omit it and we query the org ourselves.
   orgFeatureFlags?: Record<string, unknown> | null;
 }): Promise<boolean> {
+  // TEMPORARY (V1 rollout testing, TRI-12870): open to everyone. Flip back to
+  // false to restore the flag gate below.
+  const OPEN_TO_EVERYONE: boolean = true;
+  if (OPEN_TO_EVERYONE) return true;
+
   const { userId, isAdmin, isImpersonating, organizationSlug, orgFeatureFlags } = options;
 
   if ((isAdmin || isImpersonating) && env.DASHBOARD_AGENT_ADMIN_PREVIEW === "1") {