@agimon-ai/doompi-task 0.0.1-alpha.67 → 0.0.1-alpha.69

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agimon-ai/doompi-task",
-  "version": "0.0.1-alpha.67",
+  "version": "0.0.1-alpha.69",
   "description": "Persistent, dependency-aware task graphs and subagent delegation for Pi coding sessions.",
   "keywords": [
     "ai",
@@ -30,7 +30,8 @@
     "src/web",
     "src/exports/webClient.ts",
     "src/types/webTasks.ts",
-    "package.json"
+    "package.json",
+    "!src/web/**/*.stories.tsx"
   ],
   "type": "module",
   "main": "./dist/index.cjs",
@@ -166,11 +167,11 @@
   "dependencies": {
     "@deepseek-ai/cordis": "4.0.2",
     "typebox": "1.3.25",
-    "@agimon-ai/doompi-extension-contracts": "0.0.1-alpha.66",
-    "@agimon-ai/doompi-telemetry": "0.0.1-alpha.65",
-    "@agimon-ai/doompi-ui": "0.0.1-alpha.67",
-    "@agimon-ai/doompi-web-contracts": "0.0.1-alpha.29",
-    "@agimon-ai/doompi-web-components": "0.0.1-alpha.26"
+    "@agimon-ai/doompi-extension-contracts": "0.0.1-alpha.68",
+    "@agimon-ai/doompi-telemetry": "0.0.1-alpha.67",
+    "@agimon-ai/doompi-ui": "0.0.1-alpha.69",
+    "@agimon-ai/doompi-web-components": "0.0.1-alpha.28",
+    "@agimon-ai/doompi-web-contracts": "0.0.1-alpha.31"
   },
   "devDependencies": {
     "@earendil-works/pi-coding-agent": "0.85.1",
@@ -181,6 +182,7 @@
     "@types/react": "19.2.18",
     "@vitest/coverage-v8": "5.0.0",
     "react": "19.2.8",
+    "react-dom": "19.2.8",
     "tsdown": "0.23.0",
     "typescript": "7.0.2",
     "vitest": "5.0.0"

package/src/web/components/TaskDetailDialog.tsx

@@ -27,7 +27,7 @@ const DESCRIPTION_ROWS = 5;
 const MESSAGE_ROWS = 4;
 
 function FieldLabel({ children }: { children: string }) {
-  return <span className="text-[9px] font-bold tracking-[0.18em] text-doom-faint">{children}</span>;
+  return <span className="text-2xs font-bold tracking-widest text-doom-faint">{children}</span>;
 }
 
 function Field({ label, children }: { label: string; children: ReactNode }) {
@@ -41,7 +41,7 @@ function Field({ label, children }: { label: string; children: ReactNode }) {
 
 function ReadOnlyValue({ value, testId }: { value: string; testId: string }) {
   return (
-    <span data-testid={testId} className="whitespace-pre-wrap break-words text-[11px] leading-relaxed text-doom-dim">
+    <span data-testid={testId} className="whitespace-pre-wrap break-words text-sm leading-relaxed text-doom-dim">
       {value}
     </span>
   );
@@ -128,7 +128,7 @@ export function TaskDetailDialog({
       <DialogContent width="lg" data-testid="task-detail-dialog" data-mode={mode} aria-describedby={undefined}>
         <DialogHeader>
           <div className="flex min-w-0 flex-col items-start gap-1 sm:flex-row sm:items-center sm:gap-2.5">
-            <span className="text-[9px] text-doom-faint">task #{task.id}</span>
+            <span className="text-2xs text-doom-faint">task #{task.id}</span>
             <DialogTitle data-testid="task-detail-title" className="max-w-full break-words">
               {task.subject}
             </DialogTitle>
@@ -189,7 +189,7 @@ export function TaskDetailDialog({
                 >
                   <SelectTrigger
                     data-testid="task-detail-status-input"
-                    className="h-7 w-full min-w-0 text-[10px] sm:min-w-[200px]"
+                    className="h-7 w-full min-w-0 text-xs sm:min-w-[200px]"
                   >
                     <SelectValue />
                   </SelectTrigger>
@@ -203,7 +203,7 @@ export function TaskDetailDialog({
                 </Select>
               </Field>
               <DialogFooter className="flex-wrap sm:flex-nowrap">
-                <span className="w-full text-[9px] text-doom-faint sm:w-auto">
+                <span className="w-full text-2xs text-doom-faint sm:w-auto">
                   saved as one prompt naming only the fields you changed
                 </span>
                 <span className="min-w-0 flex-1" />
@@ -230,7 +230,7 @@ export function TaskDetailDialog({
                 />
               </Field>
               <DialogFooter className="flex-wrap sm:flex-nowrap">
-                <span className="w-full text-[9px] text-doom-faint sm:w-auto">
+                <span className="w-full text-2xs text-doom-faint sm:w-auto">
                   steers the run, it does not edit the task
                 </span>
                 <span className="min-w-0 flex-1" />

package/src/web/components/TasksActivitySection.tsx

@@ -50,7 +50,7 @@ function TaskRow({
     <div
       data-testid={`activity-task-${task.id}`}
       data-task-status={task.status}
-      className="flex flex-col gap-1 rounded-[5px] px-1 py-1"
+      className="flex flex-col gap-1 rounded-md px-1 py-1"
     >
       <div className="grid min-w-0 grid-cols-[auto_minmax(0,1fr)_auto_auto] items-center gap-x-1.5">
         <Dot tone={STATUS_TONE[task.status]} pulse={task.status === 'in_progress'} />
@@ -59,11 +59,11 @@ function TaskRow({
           data-testid={`activity-task-title-${task.id}`}
           title={task.subject}
           onClick={() => openDialog('view')}
-          className={`min-w-0 truncate text-left text-[10px] font-bold hover:underline ${task.status === 'failed' ? 'text-doom-red' : task.status === 'completed' ? 'text-doom-dim' : 'text-doom-hi'}`}
+          className={`min-w-0 truncate text-left text-xs font-bold hover:underline ${task.status === 'failed' ? 'text-doom-red' : task.status === 'completed' ? 'text-doom-dim' : 'text-doom-hi'}`}
         >
           <span className="text-doom-faint">#{task.id}</span> {task.subject}
         </button>
-        <span className="shrink-0 text-[8px] text-doom-faint">{task.status.replace('_', ' ')}</span>
+        <span className="shrink-0 text-2xs text-doom-faint">{task.status.replace('_', ' ')}</span>
         {task.status !== 'completed' && task.status !== 'deleted' ? (
           <DropdownMenu>
             <DropdownMenuTrigger asChild>
@@ -105,7 +105,7 @@ function TaskRow({
         ) : null}
       </div>
       {detail || agent || task.blockedBy.length > 0 ? (
-        <span className="truncate pl-3 text-[9px] text-doom-faint">
+        <span className="truncate pl-3 text-2xs text-doom-faint">
           {agent ? `[${agent}] ` : ''}
           {detail ?? ''}
           {task.blockedBy.length > 0 ? ` · blocked by ${task.blockedBy.map((id) => `#${id}`).join(', ')}` : ''}
@@ -131,15 +131,13 @@ export function TasksActivitySection({ sessionId, sendSessionFrame }: WebPluginS
         <span
           aria-hidden
           className={
-            active.length > 0
-              ? 'animate-pulse text-[11px] font-bold text-doom-yellow'
-              : 'text-[11px] font-bold text-doom-faint'
+            active.length > 0 ? 'animate-pulse text-sm font-bold text-doom-yellow' : 'text-sm font-bold text-doom-faint'
           }
         >
           #
         </span>
-        <span className="flex-1 text-[11px] font-bold text-doom-text">tasks</span>
-        <span className="text-[9px] text-doom-faint">{active.length} active</span>
+        <span className="flex-1 text-sm font-bold text-doom-text">tasks</span>
+        <span className="text-2xs text-doom-faint">{active.length} active</span>
       </div>
       {active.length > 0 ? (
         <div className="flex flex-col gap-0.5">
@@ -161,15 +159,15 @@ export function TasksActivitySection({ sessionId, sendSessionFrame }: WebPluginS
             size="xs"
             aria-expanded={historyOpen}
             onClick={() => setHistoryOpen((open) => !open)}
-            className="justify-start gap-1.5 rounded-[5px] px-1 py-0.5 hover:bg-doom-panel"
+            className="justify-start gap-1.5 rounded-md px-1 py-0.5 hover:bg-doom-panel"
           >
             {historyOpen ? (
               <ChevronDownIcon className="h-2.5 w-2.5 text-doom-faint" />
             ) : (
               <ChevronRightIcon className="h-2.5 w-2.5 text-doom-faint" />
             )}
-            <span className="text-[10px] font-bold text-doom-dim">session</span>
-            <span className="text-[9px] text-doom-faint">{history.length}</span>
+            <span className="text-xs font-bold text-doom-dim">session</span>
+            <span className="text-2xs text-doom-faint">{history.length}</span>
           </Button>
           {historyOpen ? (
             <div className="flex flex-col gap-0.5 pl-2">