feat: signal to task (#905)

### TL;DR

Replace "Run signal" functionality with "Create task" that generates a structured prompt from signal data.

### What changed?

- Replaced the "Run" and "Run with context" buttons with a single "Create task" button
- Added a new utility function `buildSignalTaskPrompt` that formats signal data into a structured markdown prompt
- When clicking "Create task", the app now:
  - Generates a formatted prompt with signal information, evidence, and replay links
  - Sets this content in the task input draft
  - Navigates the user to the task input screen
- Removed all code related to the manual context input and dropdown menu

Author: k11kirky

apps/twig/src/renderer/features/inbox/components/InboxSignalsTab.tsx

@@ -5,26 +5,18 @@ import {
   useInboxReports,
 } from "@features/inbox/hooks/useInboxReports";
 import { useInboxSignalsSidebarStore } from "@features/inbox/stores/inboxSignalsSidebarStore";
+import { buildSignalTaskPrompt } from "@features/inbox/utils/buildSignalTaskPrompt";
+import { useDraftStore } from "@features/message-editor/stores/draftStore";
 import {
   ArrowSquareOutIcon,
   ClockIcon,
   SparkleIcon,
   XIcon,
 } from "@phosphor-icons/react";
-import { ChevronDownIcon } from "@radix-ui/react-icons";
-import {
-  Badge,
-  Box,
-  Button,
-  DropdownMenu,
-  Flex,
-  ScrollArea,
-  Text,
-  TextField,
-} from "@radix-ui/themes";
+import { Badge, Box, Button, Flex, ScrollArea, Text } from "@radix-ui/themes";
 import type { SignalReport } from "@shared/types";
+import { useNavigationStore } from "@stores/navigationStore";
 import { useEffect, useMemo, useState } from "react";
-import { toast } from "sonner";
 import { getCloudUrlFromRegion } from "@/constants/oauth";
 
 interface InboxSignalsTabProps {
@@ -121,8 +113,6 @@ export function InboxSignalsTab({ onGoToSetup }: InboxSignalsTabProps) {
   const { data, isLoading, error } = useInboxReports();
   const reports = data?.results ?? [];
   const [selectedReportId, setSelectedReportId] = useState<string | null>(null);
-  const [showRunWithContext, setShowRunWithContext] = useState(false);
-  const [manualRunContext, setManualRunContext] = useState("");
   const sidebarOpen = useInboxSignalsSidebarStore((state) => state.open);
   const sidebarWidth = useInboxSignalsSidebarStore((state) => state.width);
   const sidebarIsResizing = useInboxSignalsSidebarStore(
@@ -170,27 +160,22 @@ export function InboxSignalsTab({ onGoToSetup }: InboxSignalsTabProps) {
       ? `${getCloudUrlFromRegion(cloudRegion)}/project/${projectId}/replay`
       : null;
 
-  useEffect(() => {
-    setShowRunWithContext(false);
-    setManualRunContext("");
-  }, []);
+  const { navigateToTaskInput } = useNavigationStore();
+  const draftActions = useDraftStore((s) => s.actions);
 
-  const handleRunSignal = (context?: string) => {
+  const handleCreateTask = () => {
     if (!selectedReport) return;
 
-    const trimmedContext = context?.trim();
-    if (trimmedContext) {
-      toast.success(
-        `Started signal run for "${selectedReport.title ?? "Untitled signal"}" with context (stub).`,
-      );
-    } else {
-      toast.success(
-        `Started signal run for "${selectedReport.title ?? "Untitled signal"}" (stub).`,
-      );
-    }
+    const prompt = buildSignalTaskPrompt({
+      report: selectedReport,
+      artefacts: visibleArtefacts,
+      replayBaseUrl,
+    });
 
-    setShowRunWithContext(false);
-    setManualRunContext("");
+    draftActions.setPendingContent("task-input", {
+      segments: [{ type: "text", text: prompt }],
+    });
+    navigateToTaskInput();
   };
 
   if (isLoading) {
@@ -305,30 +290,11 @@ export function InboxSignalsTab({ onGoToSetup }: InboxSignalsTabProps) {
                 <Button
                   size="1"
                   variant="solid"
-                  onClick={() => handleRunSignal()}
+                  onClick={handleCreateTask}
                   className="font-mono text-[11px]"
                 >
-                  Run
+                  Create task
                 </Button>
-                <DropdownMenu.Root>
-                  <DropdownMenu.Trigger>
-                    <Button
-                      size="1"
-                      variant="outline"
-                      color="gray"
-                      className="font-mono text-[11px]"
-                    >
-                      <ChevronDownIcon />
-                    </Button>
-                  </DropdownMenu.Trigger>
-                  <DropdownMenu.Content align="end" size="1">
-                    <DropdownMenu.Item
-                      onSelect={() => setShowRunWithContext(true)}
-                    >
-                      Run with context
-                    </DropdownMenu.Item>
-                  </DropdownMenu.Content>
-                </DropdownMenu.Root>
                 <Button
                   size="1"
                   variant="ghost"
@@ -345,45 +311,6 @@ export function InboxSignalsTab({ onGoToSetup }: InboxSignalsTabProps) {
             </Flex>
             <ScrollArea type="auto" style={{ height: "calc(100% - 41px)" }}>
               <Flex direction="column" gap="2" p="2">
-                {showRunWithContext && (
-                  <Box className="rounded border border-gray-6 bg-gray-2 p-2">
-                    <Flex direction="column" gap="2">
-                      <Text size="1" className="font-mono text-[11px]">
-                        Additional context
-                      </Text>
-                      <TextField.Root
-                        size="1"
-                        value={manualRunContext}
-                        onChange={(event) =>
-                          setManualRunContext(event.target.value)
-                        }
-                        placeholder="Add instructions for this signal run"
-                      />
-                      <Flex align="center" gap="1">
-                        <Button
-                          size="1"
-                          variant="solid"
-                          className="font-mono text-[11px]"
-                          disabled={!manualRunContext.trim()}
-                          onClick={() => handleRunSignal(manualRunContext)}
-                        >
-                          Run with context
-                        </Button>
-                        <Button
-                          size="1"
-                          variant="ghost"
-                          className="font-mono text-[11px]"
-                          onClick={() => {
-                            setShowRunWithContext(false);
-                            setManualRunContext("");
-                          }}
-                        >
-                          Cancel
-                        </Button>
-                      </Flex>
-                    </Flex>
-                  </Box>
-                )}
                 <Text
                   size="1"
                   color="gray"

apps/twig/src/renderer/features/inbox/utils/buildSignalTaskPrompt.ts

@@ -0,0 +1,42 @@
+import type { SignalReport, SignalReportArtefact } from "@shared/types";
+
+export interface SignalPromptInput {
+  report: SignalReport;
+  artefacts: SignalReportArtefact[];
+  replayBaseUrl: string | null;
+}
+
+export function buildSignalTaskPrompt({
+  report,
+  artefacts,
+  replayBaseUrl,
+}: SignalPromptInput): string {
+  const title = report.title ?? "Untitled signal";
+  const summary = report.summary ?? "No summary available.";
+
+  const lines: string[] = [
+    `# Investigate: ${title}`,
+    "",
+    "## Summary",
+    "",
+    summary,
+    "",
+    `**Signal strength:** ${report.signal_count} occurrences, ${report.relevant_user_count ?? 0} affected users`,
+  ];
+
+  if (artefacts.length > 0) {
+    lines.push("", "## Evidence");
+
+    for (const artefact of artefacts) {
+      const timestamp = new Date(artefact.content.start_time).toLocaleString();
+      lines.push("", `### Session ${timestamp}`, "", artefact.content.content);
+      if (replayBaseUrl) {
+        lines.push(
+          `[View replay](${replayBaseUrl}/${artefact.content.session_id})`,
+        );
+      }
+    }
+  }
+
+  return lines.join("\n");
+}