@jxtools/promptline 1.2.0 → 1.3.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jxtools/promptline",
-  "version": "1.2.0",
+  "version": "1.3.1",
   "type": "module",
   "license": "ISC",
   "bin": {

package/src/backend/queue-store.ts

@@ -52,7 +52,7 @@ export function withComputedStatus(session: SessionQueue): SessionQueue & { stat
 export function isSessionVisible(session: SessionQueue, now: number = Date.now()): boolean {
   if (hasPendingWork(session)) return true;
   if (session.closedAt != null) return false;
-  // Open session — visible until abandoned (24h from start)
+  if (!session.sessionName) return false;
   const msSinceStart = now - new Date(session.startedAt).getTime();
   return msSinceStart <= SESSION_ABANDONED_TIMEOUT_MS;
 }

package/src/components/PromptCard.tsx

@@ -1,6 +1,7 @@
 import { useState, useRef, useEffect } from 'react';
 import type { Prompt } from '../types/queue';
 import { api } from '../api/client';
+import { TrashIcon } from './TrashIcon';
 
 interface PromptCardProps {
   prompt: Prompt;
@@ -206,19 +207,19 @@ export function PromptCard({
               {styles.label}
             </span>
 
-            {/* Action buttons */}
+            {/* Delete button */}
             {!editing && !isRunning && (
               <button
                 type="button"
                 onClick={handleDelete}
                 className={[
-                  'text-xs px-1.5 py-0.5 rounded text-[var(--color-muted)] cursor-pointer opacity-0 group-hover:opacity-100',
-                  'hover:text-red-400 hover:bg-red-400/10',
+                  'p-1 rounded cursor-pointer',
+                  'text-[var(--color-muted)]/40 hover:text-red-400 hover:bg-red-400/10',
                   'transition-all duration-100 focus:outline-none',
                 ].join(' ')}
                 aria-label="Delete prompt"
               >
-                ✕
+                <TrashIcon />
               </button>
             )}
           </div>

package/src/components/SessionSection.tsx

@@ -1,6 +1,7 @@
 import { useState, useRef } from 'react';
 import { api } from '../api/client';
 import type { SessionWithStatus, SessionStatus, Prompt } from '../types/queue';
+import { TrashIcon } from './TrashIcon';
 import { PromptCard } from './PromptCard';
 import { AddPromptForm } from './AddPromptForm';
 
@@ -34,6 +35,16 @@ export function SessionSection({ session, project, onMutate, defaultExpanded = t
   const [draggingId, setDraggingId] = useState<string | null>(null);
   const dragSourceRef = useRef<string | null>(null);
 
+  async function handleDeleteSession(e: React.MouseEvent) {
+    e.stopPropagation();
+    try {
+      await api.deleteSession(project, session.sessionId);
+      onMutate();
+    } catch {
+      // Silent fail
+    }
+  }
+
   const activePrompts = session.prompts.filter(p => p.status !== 'completed');
   const completedPrompts = session.prompts.filter(p => p.status === 'completed').reverse();
   const pendingCount = session.prompts.filter(p => p.status === 'pending').length;
@@ -107,11 +118,12 @@ export function SessionSection({ session, project, onMutate, defaultExpanded = t
   return (
     <div className="border border-[var(--color-border)] rounded-lg overflow-hidden bg-white/[0.02]">
       {/* Session header */}
+      <div className="relative">
       <button
         type="button"
         onClick={() => setExpanded(v => !v)}
         className={[
-          'w-full flex items-center gap-3 px-4 py-3 text-left cursor-pointer',
+          'w-full flex items-center gap-3 pl-4 pr-10 py-3 text-left cursor-pointer',
           'hover:bg-white/5 transition-colors duration-150 focus:outline-none',
         ].join(' ')}
         aria-expanded={expanded}
@@ -136,6 +148,19 @@ export function SessionSection({ session, project, onMutate, defaultExpanded = t
           ▶
         </span>
       </button>
+      <button
+        type="button"
+        onClick={handleDeleteSession}
+        className={[
+          'absolute right-2 top-1/2 -translate-y-1/2 p-1.5 rounded cursor-pointer',
+          'text-[var(--color-muted)]/40 hover:text-red-400 hover:bg-red-400/10',
+          'transition-all duration-100 focus:outline-none',
+        ].join(' ')}
+        aria-label="Delete session"
+      >
+        <TrashIcon />
+      </button>
+      </div>
 
       {/* Session content */}
       {expanded && (

package/src/components/TrashIcon.tsx

@@ -0,0 +1,8 @@
+export function TrashIcon() {
+  return (
+    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
+      <polyline points="3 6 5 6 21 6" />
+      <path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" />
+    </svg>
+  );
+}