feat(tasks): enhance detail sessions and runtime status

web/src/components/exploration-graph.tsx

@@ -31,6 +31,7 @@ import {
 } from "lucide-react";
 
 import { cn } from "@/lib/utils";
+import { Badge } from "@/components/ui/badge";
 import { StatusBadge } from "@/components/status-badge";
 import { ScrollArea } from "@/components/ui/scroll-area";
 import {
@@ -235,7 +236,7 @@ function ExploreNode({ data, selected }: NodeProps<ExploreRFNode>) {
   const Icon = meta.icon;
   const showState = n.type === "goal" || n.type === "intent";
   const showPriority = (n.type === "goal" || n.type === "intent") && n.priority > 0;
-  const isLive = n.type === "intent" && n.state === "running";
+  const isLive = !n.inherited && n.type === "intent" && n.state === "running";
 
   return (
     <div
@@ -273,7 +274,11 @@ function ExploreNode({ data, selected }: NodeProps<ExploreRFNode>) {
           {nodeSummary(n) || meta.label}
         </div>
         <div className="flex items-center justify-between gap-2 px-3 pb-2.5">
-          {showState ? (
+          {n.inherited && n.source_task_id ? (
+            <Badge variant="outline" className="max-w-32 truncate" title={`继承自任务 #${n.source_task_id}，只读`}>
+              来源 #{n.source_task_id}
+            </Badge>
+          ) : showState ? (
             <StatusBadge domain={n.type === "goal" ? "goal" : "intent"} value={n.state} dot className="px-1.5 py-0 text-[10px]" />
           ) : (
             <span className="text-[10px] text-neutral-400 dark:text-neutral-500">{meta.label}</span>
@@ -334,6 +339,11 @@ function NodeDetailSheet({
                   <SheetTitle className="leading-tight">{meta.label}</SheetTitle>
                   <span className="text-muted-foreground font-mono text-xs">{node.id}</span>
                 </div>
+                {node.inherited && node.source_task_id && (
+                  <Badge variant="outline" className="ml-auto shrink-0">
+                    来源任务 #{node.source_task_id} · 只读
+                  </Badge>
+                )}
               </div>
             </SheetHeader>
 
@@ -355,6 +365,11 @@ function NodeDetailSheet({
                   <DetailRow label="来源">
                     <span className="font-mono text-xs">{node.origin}</span>
                   </DetailRow>
+                  {node.inherited && node.source_task_id && (
+                    <DetailRow label="来源任务">
+                      <span className="font-mono text-xs">#{node.source_task_id}（继承，只读）</span>
+                    </DetailRow>
+                  )}
                   <DetailRow label="时间">{new Date(node.ts).toLocaleString("zh-CN")}</DetailRow>
                 </section>
 
@@ -398,7 +413,7 @@ function ExplorationGraphInner({
   React.useEffect(() => {
     setSelected((cur) => (cur ? (nodes.find((n) => n.id === cur.id) ?? cur) : cur));
     const liveTargets = new Set(
-      nodes.filter((n) => n.type === "intent" && n.state === "running").map((n) => n.id),
+      nodes.filter((n) => !n.inherited && n.type === "intent" && n.state === "running").map((n) => n.id),
     );
     const layout = computeLayout(nodes, edges);
     setRfNodes((prev) => {

web/src/components/ui/alert.tsx

@@ -4,7 +4,7 @@ import { cva, type VariantProps } from "class-variance-authority"
 import { cn } from "@/lib/utils"
 
 const alertVariants = cva(
-  "group/alert relative grid w-full gap-0.5 rounded-lg border px-2.5 py-2 text-left text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-4",
+  "group/alert relative grid w-full gap-0.5 rounded-lg border px-2.5 py-2 text-left text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_minmax(0,1fr)] has-[>svg]:gap-x-2 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-4",
   {
     variants: {
       variant: {
@@ -39,7 +39,7 @@ function AlertTitle({ className, ...props }: React.ComponentProps<"div">) {
     <div
       data-slot="alert-title"
       className={cn(
-        "font-medium group-has-[>svg]/alert:col-start-2 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground",
+        "min-w-0 font-medium group-has-[>svg]/alert:col-start-2 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground",
         className
       )}
       {...props}
@@ -55,7 +55,7 @@ function AlertDescription({
     <div
       data-slot="alert-description"
       className={cn(
-        "text-sm text-balance text-muted-foreground md:text-pretty [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4",
+        "min-w-0 text-sm text-balance text-muted-foreground [overflow-wrap:anywhere] md:text-pretty [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4",
         className
       )}
       {...props}