thursday-agent 0.5.0 → 0.7.0

package/features/bot/components/mark-palette.tsx

@@ -1,54 +1,57 @@
 "use client";
 
 import { Swatch } from "@/components/ui/swatch";
-import { MARK_PALETTE_ROWS } from "../mark.const";
+import {
+  MARK_PAINT_IDS,
+  MARK_PAINTS,
+  MARK_PALETTE,
+  type MarkPaint,
+  paintSwatch,
+} from "../mark.const";
 
 /**
- * A mark's colours, centred under the face they paint: the theme dot on its own,
- * then the light row over the dark row. The dark row starts under the first
- * light colour, so the dot is the only thing that stands apart. Thursday's face
- * and a bot's page both pick from it; they differ only in what the dot means.
+ * A mark's colours in one line under the face they paint: the theme dot, the
+ * colours, then the paints. Thursday's face and a bot's page both pick from it;
+ * they differ only in what the dot means.
  */
 export function MarkPalette({
   color,
   themePicked,
   onTheme,
   onPick,
+  paint,
+  onPaint,
 }: {
   /** The picked colour; anything outside the palette matches no swatch. */
   color: string | undefined;
   themePicked: boolean;
   onTheme: () => void;
   onPick: (color: string) => void;
+  paint?: MarkPaint;
+  onPaint?: (paint: MarkPaint) => void;
 }) {
   return (
-    // both rows centre as one block and left-align inside it
-    <div className="flex justify-center px-2">
-      <div className="flex flex-col gap-2.5">
-        <div className="flex flex-wrap items-center gap-2">
-          <Swatch color={null} picked={themePicked} onPick={onTheme} />
-          <span className="w-2" />
-          {MARK_PALETTE_ROWS[0].map((each) => (
-            <Swatch
-              key={each}
-              color={each}
-              picked={color === each}
-              onPick={() => onPick(each)}
-            />
-          ))}
-        </div>
-        {/* the dot, its gap, the spacer and the next gap: 44px */}
-        <div className="flex flex-wrap items-center gap-2 pl-11">
-          {MARK_PALETTE_ROWS[1].map((each) => (
-            <Swatch
-              key={each}
-              color={each}
-              picked={color === each}
-              onPick={() => onPick(each)}
-            />
-          ))}
-        </div>
-      </div>
+    <div className="flex flex-wrap items-center justify-center gap-2 px-2">
+      <Swatch color={null} picked={themePicked} onPick={onTheme} />
+      {MARK_PALETTE.map((each) => (
+        <Swatch
+          key={each}
+          color={each}
+          picked={color === each}
+          onPick={() => onPick(each)}
+        />
+      ))}
+      {onPaint &&
+        MARK_PAINT_IDS.map((each) => (
+          <Swatch
+            key={each}
+            color={null}
+            background={paintSwatch(each)}
+            label={MARK_PAINTS[each].label}
+            picked={paint === each}
+            onPick={() => onPaint(each)}
+          />
+        ))}
     </div>
   );
 }

package/features/bot/components/path-chips.tsx

@@ -8,11 +8,14 @@ import {
   FileSpreadsheet,
   FileText,
   FileType,
+  FileX,
   type LucideIcon,
 } from "lucide-react";
 import { useMemo } from "react";
+import { queryKey } from "@/app/api/query-key";
 import { FileLink } from "@/features/workspace/components/file-view";
 import { pathsIn, viewKindOf } from "@/features/workspace/file-kind";
+import { useServerRoute } from "@/lib/protocol/use-server-route";
 import { cn } from "@/lib/utils";
 
 /** The glyph names the file, not what opening it does: a chip you can read at a glance. */
@@ -33,7 +36,11 @@ function iconFor(path: string): LucideIcon {
   return ICONS[kind] ?? File;
 }
 
-/** File paths mentioned in an answer, as chips. Derived from the text, never stored; where a file opens is fileTarget's call. */
+/**
+ * File paths mentioned in an answer, as chips. Derived from the text, never stored;
+ * where a file opens is fileTarget's call. A path with no file on disk — never
+ * written, or gone since — stays in place, struck through and not a link.
+ */
 export function PathChips({
   text,
   className,
@@ -42,18 +49,41 @@ export function PathChips({
   className?: string;
 }) {
   const paths = useMemo(() => pathsIn(text), [text]);
+  const { data: missing } = useServerRoute<string[]>(
+    paths.length ? queryKey.workspaceMissing(paths) : null,
+  );
+  const gone = useMemo(() => new Set(missing), [missing]);
   if (!paths.length) return null;
 
   const chip =
-    "flex max-w-full items-center gap-1.5 rounded-full bg-muted/70 py-1 pr-2.5 pl-2 font-mono text-[11px] text-foreground/80 outline-none transition-colors hover:bg-muted hover:text-foreground focus-visible:ring-3 focus-visible:ring-ring/50";
+    "flex max-w-full items-center gap-1.5 rounded-full bg-muted/70 py-1 pr-2.5 pl-2 font-mono text-[11px]";
 
   return (
     <div className={cn("flex flex-wrap gap-1.5", className)}>
       {paths.map((path) => {
         const name = path.split("/").pop() ?? path;
+        if (gone.has(path)) {
+          return (
+            <span
+              key={path}
+              title={`${path} — not on disk`}
+              className={cn(chip, "text-muted-foreground")}
+            >
+              <FileX className="size-3 shrink-0" />
+              <span className="truncate line-through">{name}</span>
+            </span>
+          );
+        }
         const Icon = iconFor(path);
         return (
-          <FileLink key={path} path={path} className={chip}>
+          <FileLink
+            key={path}
+            path={path}
+            className={cn(
+              chip,
+              "text-foreground/80 outline-none transition-colors hover:bg-muted hover:text-foreground focus-visible:ring-3 focus-visible:ring-ring/50",
+            )}
+          >
             <Icon className="size-3 shrink-0 text-muted-foreground" />
             <span className="truncate">{name}</span>
           </FileLink>

package/features/bot/components/thread-badge.tsx

@@ -0,0 +1,34 @@
+"use client";
+
+import { queryKey } from "@/app/api/query-key";
+import { needsThreadReply, type Thread } from "@/features/bot/bot.schema";
+import { NavBadge } from "@/features/settings/components/setting-ui";
+import type { SectionAlert } from "@/features/settings/settings.alert";
+import { useServerRoute } from "@/lib/protocol/use-server-route";
+
+/**
+ * What the thread list owes the user, from the inbox key both readings share:
+ * jobs waiting on an answer and endings nobody has opened — amber, because both
+ * wait on them. Unread endings remain in the inbox until opened, so every one
+ * counted has a row to open. A job never ends as a failure (a model that breaks
+ * pauses it as waiting), so nothing here is red.
+ */
+export function useThreadReport() {
+  const { data } = useServerRoute<Thread[]>(queryKey.threads);
+  const threads = data ?? [];
+  return {
+    owed: threads.filter(
+      (thread) =>
+        needsThreadReply(thread) || (thread.status === "done" && !thread.seen),
+    ).length,
+  };
+}
+
+export function useThreadAlert(): SectionAlert {
+  return useThreadReport().owed > 0 ? "amber" : null;
+}
+
+/** The nav counts what is owed. */
+export function ThreadBadge() {
+  return <NavBadge tone="amber" count={useThreadReport().owed} />;
+}