thursday-agent 0.8.0 → 0.9.0

package/features/bot/components/room-pill.tsx

@@ -300,14 +300,8 @@ export function happenedIn(
       text: `stopped · ${label}`,
     });
   } else if (thread.status === "done") {
-    out.push({
-      rank: 3,
-      at: own.name,
-      from: own,
-      to: [],
-      sign: "done",
-      text: `done · ${label}`,
-    });
+    // A job's own ending is the card in the screen's left corner (artifact-view); the pill
+    // keeps its bubbles for what is still going on
   } else if (thread.status === "working") {
     // Words from the user already have their bubble.
     if (!fresh.some((line) => line.kind === "user")) {
@@ -525,24 +519,33 @@ export function Chip({
                 pending > 0
                   ? `${pending} ${pending === 1 ? "needs" : "need"} a reply`
                   : "",
-                unread > 0
-                  ? `${unread} new ${unread === 1 ? "result" : "results"}`
-                  : "",
               ]
                 .filter(Boolean)
                 .join(" · ")}
+              {unread > 0 && (
+                // What just arrived is what the card most needs you to see
+                <span className="text-brand">
+                  {pending > 0 && " · "}
+                  {unread} new {unread === 1 ? "result" : "results"}
+                </span>
+              )}
             </span>
           </p>
           {/* px-1: a row keeps its own 8px, so its mark lands on the rail while
               the shape it lights up on hover stays inside the card's corners */}
           <div className="max-h-[45vh] overflow-y-auto px-1.5 pb-2">
-            {rows.map((thread) => (
-              <ThreadRow
-                key={thread.id}
-                thread={thread}
-                onPick={() => onPick(thread.id)}
-              />
-            ))}
+            {/* Keyed on growing, so the rows rise in after the card each time it opens */}
+            <div key={String(grown)}>
+              {rows.map((thread, index) => (
+                <div
+                  key={thread.id}
+                  style={{ animationDelay: `${120 + index * 60}ms` }}
+                  className="animate-in duration-300 fill-mode-backwards fade-in slide-in-from-bottom-1"
+                >
+                  <ThreadRow thread={thread} onPick={() => onPick(thread.id)} />
+                </div>
+              ))}
+            </div>
           </div>
           <span className="block h-1.5" />
         </div>
@@ -697,6 +700,9 @@ function Crew({
   /** The hand-off up, drawn over the face it points at. */
   bubble: Handoff | null;
 }) {
+  // While anyone is moving or waiting, the rest step back so it reads at a glance who is
+  const lit = (face: CrewFace) => face.awake || face.waiting || face.word;
+  const astir = crew.some(lit);
   return (
     <span className="flex min-w-0 shrink items-center">
       {crew.map((face, index) => {
@@ -707,7 +713,8 @@ function Crew({
               // these are not circles. Earlier faces sit on top, so the dot on a
               // waiting face is never covered by its neighbour.
               className={cn(
-                "relative shrink-0 transition-[margin] duration-500 ease-out",
+                "relative shrink-0 transition-[margin,opacity] duration-500 ease-out",
+                astir && !lit(face) && "opacity-40",
                 // A word to the left has already broken the shingle.
                 index > 0 && !crew[index - 1].word && "-ml-2",
                 face.standIn && "opacity-35",

package/features/config/components/config-setting.tsx

@@ -208,7 +208,12 @@ function ConfigScreen({ screen }: { screen: keyof typeof SCREENS }) {
  * bots think with. The same cards, marks and dialogs as the screen above, so a key set
  * on the way in is the key Settings shows.
  */
-export function AccountsSetup() {
+export function AccountsSetup({
+  /** Leave the voice key out: the screen asked for it already. */
+  withoutVoice = false,
+}: {
+  withoutVoice?: boolean;
+}) {
   const { data } = useServerRoute<ConfigStatus[]>(queryKey.config);
   const isSet = (key: string) => isConfigSet(data, key);
   const entries = (id: ConfigGroup["id"]) =>
@@ -217,11 +222,18 @@ export function AccountsSetup() {
   // already set. The rest are one press away, over the row rather than below it, so the
   // screen around it does not move
   const [more, setMore] = useState(false);
-  const marks = [...entries("voice"), ...entries("text")];
+  const voice = entries("voice");
+  const marks = [...voice, ...entries("text")];
+  // Without the voice key the row is one shorter, not refilled from the rest
   const first = marks.filter(
-    (entry, at) => at < ACCOUNTS_FIRST || isSet(entry.key),
+    (entry, at) =>
+      (at < ACCOUNTS_FIRST || isSet(entry.key)) &&
+      !(withoutVoice && voice.includes(entry)),
+  );
+  const rest = marks.filter(
+    (entry) =>
+      !first.includes(entry) && !(withoutVoice && voice.includes(entry)),
   );
-  const rest = marks.filter((entry) => !first.includes(entry));
 
   return (
     <div className="flex flex-col gap-4">
@@ -395,7 +407,7 @@ function KeyRow({
         <span className="flex items-center gap-2 truncate text-sm font-medium">
           {entry.label}
           {entry.recommended && (
-            <span className="rounded-full px-1.5 font-mono text-[9.5px] leading-4 font-normal text-brand ring-1 ring-brand">
+            <span className="rounded-full px-1.5 font-mono text-[9.5px] leading-4 font-normal text-muted-foreground ring-1 ring-border ring-inset">
               recommended
             </span>
           )}

package/features/config/components/voice-key.tsx

@@ -33,6 +33,8 @@ export function VoiceKeys({
   autoFocus,
   /** Compact layout for the call screen. */
   dense = false,
+  /** The field alone, the provider's mark inside it: for a spot whose heading already names the key. */
+  plain = false,
   onCancel,
   onSaved,
   className,
@@ -40,6 +42,7 @@ export function VoiceKeys({
   ref?: Ref<VoiceKeysHandle>;
   autoFocus?: boolean;
   dense?: boolean;
+  plain?: boolean;
   onCancel?: () => void;
   onSaved?: (provider: "openai") => void;
   className?: string;
@@ -90,7 +93,7 @@ export function VoiceKeys({
 
   return (
     <div className={cn("w-full", dense ? "space-y-2" : "space-y-4", className)}>
-      {dense && (
+      {dense && !plain && (
         <div className="flex h-6 items-center justify-between gap-2">
           <span className="px-0.5 font-mono text-[11px] text-muted-foreground">
             Voice key
@@ -115,6 +118,7 @@ export function VoiceKeys({
         saved={isConfigSet(config, LIVE_PROVIDER.apiKeyName)}
         autoFocus={autoFocus}
         dense={dense}
+        plain={plain}
         value={drafts[LIVE_PROVIDER.apiKeyName] ?? ""}
         ready={ready(LIVE_PROVIDER.apiKeyName)}
         saving={saving === LIVE_PROVIDER.apiKeyName}
@@ -137,16 +141,18 @@ export function VoiceKeys({
         </p>
       )}
 
-      <p
-        className={cn(
-          "px-0.5 font-mono text-muted-foreground",
-          dense ? "text-[11px]" : "pt-1 text-center text-[12.5px]",
-        )}
-      >
-        {dense
-          ? "Live voice and reasoning share this OpenAI API key."
-          : "Live uses an OpenAI API key, billed separately from ChatGPT. Stored on this machine, in this app's database."}
-      </p>
+      {!plain && (
+        <p
+          className={cn(
+            "px-0.5 font-mono text-muted-foreground",
+            dense ? "text-[11px]" : "pt-1 text-center text-[12.5px]",
+          )}
+        >
+          {dense
+            ? "Live voice and reasoning share this OpenAI API key."
+            : "Live uses an OpenAI API key, billed separately from ChatGPT. Stored on this machine, in this app's database."}
+        </p>
+      )}
     </div>
   );
 }
@@ -156,6 +162,7 @@ function KeyField({
   saved,
   autoFocus,
   dense,
+  plain,
   value,
   ready,
   saving,
@@ -166,6 +173,7 @@ function KeyField({
   saved: boolean;
   autoFocus?: boolean;
   dense?: boolean;
+  plain?: boolean;
   value: string;
   ready: boolean;
   saving: boolean;
@@ -174,20 +182,23 @@ function KeyField({
 }) {
   return (
     <div className="space-y-2">
-      <span className="flex items-center gap-2 px-0.5 text-muted-foreground">
-        <ProviderIcon provider={provider.id} className="size-4 shrink-0" />
-        <span
-          className={cn("font-mono", dense ? "text-[11px]" : "text-[12.5px]")}
-        >
-          {provider.label}
+      {!plain && (
+        <span className="flex items-center gap-2 px-0.5 text-muted-foreground">
+          <ProviderIcon provider={provider.id} className="size-4 shrink-0" />
+          <span
+            className={cn("font-mono", dense ? "text-[11px]" : "text-[12.5px]")}
+          >
+            {provider.label}
+          </span>
         </span>
-      </span>
+      )}
 
       <KeyInput
         provider={provider}
         saved={saved}
         autoFocus={autoFocus}
         dense={dense}
+        mark={plain}
         value={value}
         ready={ready}
         saving={saving}
@@ -204,6 +215,7 @@ export function KeyInput({
   saved,
   autoFocus,
   dense,
+  mark,
   value,
   ready,
   saving,
@@ -214,6 +226,8 @@ export function KeyInput({
   saved: boolean;
   autoFocus?: boolean;
   dense?: boolean;
+  /** The provider's mark at the start of the field. */
+  mark?: boolean;
   value: string;
   ready: boolean;
   saving: boolean;
@@ -236,6 +250,12 @@ export function KeyInput({
         saved || ready ? "border-foreground bg-transparent" : "border-border",
       )}
     >
+      {mark && (
+        <ProviderIcon
+          provider={provider.id}
+          className="size-4 shrink-0 text-muted-foreground"
+        />
+      )}
       <Input
         autoFocus={autoFocus}
         type="password"

package/features/connectors/mcp.const.ts

@@ -32,60 +32,64 @@ export type MCPPreset = MCPServerForm & {
 /**
  * First-party servers only, each one reachable at the URL below. Most sign in
  * with OAuth and ask nothing up front; a few want a token pasted into the
- * header (GitHub, whose server skips OAuth discovery), and the docs servers
- * need no account at all. Two stdio entries at the end drive a browser.
+ * header (GitHub, whose server skips OAuth discovery; Home Assistant, whose
+ * URL is also the user's own), and flight search and the docs servers need
+ * no account at all. Everyday services come first, developer tools after;
+ * two stdio entries at the end drive a browser.
  */
 export const MCP_PRESETS: MCPPreset[] = [
   {
-    name: "notion",
-    icon: "notion.so",
-    description: "Pages, databases, and search",
-    config: { url: "https://mcp.notion.com/mcp" },
+    name: "todoist",
+    icon: "todoist.com",
+    description: "Tasks, projects, and due dates",
+    config: { url: "https://ai.todoist.net/mcp" },
   },
   {
-    name: "github",
-    icon: "github.com",
-    description: "Repos, issues, PRs — paste a personal access token",
+    name: "home-assistant",
+    icon: "home-assistant.io",
+    description:
+      "Lights, switches, and the rest of the house — your address and a long-lived token",
     config: {
-      url: "https://api.githubcopilot.com/mcp/",
-      headers: { Authorization: "Bearer <your-github-pat>" },
+      url: "http://homeassistant.local:8123/api/mcp",
+      headers: { Authorization: "Bearer <your-home-assistant-token>" },
     },
   },
   {
-    name: "linear",
-    icon: "linear.app",
-    description: "Issues, projects, and cycles",
-    config: { url: "https://mcp.linear.app/mcp" },
+    name: "kiwi",
+    icon: "kiwi.com",
+    description: "Flight search — no account",
+    config: { url: "https://mcp.kiwi.com" },
   },
   {
-    name: "slack",
-    icon: "slack.com",
-    description: "Channels, messages, and search",
-    config: { url: "https://mcp.slack.com/mcp" },
+    name: "zapier",
+    icon: "zapier.com",
+    description:
+      "Gmail, Google Calendar, and thousands of apps you connect there",
+    config: { url: "https://mcp.zapier.com/api/v1/connect" },
   },
   {
-    name: "atlassian",
-    icon: "atlassian.com",
-    description: "Jira and Confluence",
-    config: { url: "https://mcp.atlassian.com/v1/mcp" },
+    name: "notion",
+    icon: "notion.so",
+    description: "Pages, databases, and search",
+    config: { url: "https://mcp.notion.com/mcp" },
   },
   {
-    name: "asana",
-    icon: "asana.com",
-    description: "Tasks, projects, and portfolios",
-    config: { url: "https://mcp.asana.com/mcp" },
+    name: "canva",
+    icon: "canva.com",
+    description: "Create and manage designs",
+    config: { url: "https://mcp.canva.com/mcp" },
   },
   {
-    name: "monday",
-    icon: "monday.com",
-    description: "Boards, items, and updates",
-    config: { url: "https://mcp.monday.com/mcp" },
+    name: "slack",
+    icon: "slack.com",
+    description: "Channels, messages, and search",
+    config: { url: "https://mcp.slack.com/mcp" },
   },
   {
-    name: "clickup",
-    icon: "clickup.com",
-    description: "Tasks, docs, and spaces",
-    config: { url: "https://mcp.clickup.com/mcp" },
+    name: "box",
+    icon: "box.com",
+    description: "Files, folders, and content search",
+    config: { url: "https://mcp.box.com/mcp" },
   },
   {
     name: "airtable",
@@ -94,10 +98,10 @@ export const MCP_PRESETS: MCPPreset[] = [
     config: { url: "https://mcp.airtable.com/mcp" },
   },
   {
-    name: "box",
-    icon: "box.com",
-    description: "Files, folders, and content search",
-    config: { url: "https://mcp.box.com/mcp" },
+    name: "fireflies",
+    icon: "fireflies.ai",
+    description: "Meeting transcripts and summaries",
+    config: { url: "https://mcp.fireflies.ai/mcp" },
   },
   {
     name: "figma",
@@ -106,28 +110,34 @@ export const MCP_PRESETS: MCPPreset[] = [
     config: { url: "https://mcp.figma.com/mcp" },
   },
   {
-    name: "canva",
-    icon: "canva.com",
-    description: "Create and manage designs",
-    config: { url: "https://mcp.canva.com/mcp" },
+    name: "asana",
+    icon: "asana.com",
+    description: "Tasks, projects, and portfolios",
+    config: { url: "https://mcp.asana.com/mcp" },
   },
   {
-    name: "sanity",
-    icon: "sanity.io",
-    description: "Structured content and datasets",
-    config: { url: "https://mcp.sanity.io/mcp" },
+    name: "monday",
+    icon: "monday.com",
+    description: "Boards, items, and updates",
+    config: { url: "https://mcp.monday.com/mcp" },
   },
   {
-    name: "webflow",
-    icon: "webflow.com",
-    description: "Sites, pages, and CMS collections",
-    config: { url: "https://mcp.webflow.com/mcp" },
+    name: "clickup",
+    icon: "clickup.com",
+    description: "Tasks, docs, and spaces",
+    config: { url: "https://mcp.clickup.com/mcp" },
   },
   {
-    name: "wix",
-    icon: "wix.com",
-    description: "Sites, stores, and bookings",
-    config: { url: "https://mcp.wix.com/mcp" },
+    name: "linear",
+    icon: "linear.app",
+    description: "Issues, projects, and cycles",
+    config: { url: "https://mcp.linear.app/mcp" },
+  },
+  {
+    name: "atlassian",
+    icon: "atlassian.com",
+    description: "Jira and Confluence",
+    config: { url: "https://mcp.atlassian.com/v1/mcp" },
   },
   {
     name: "hubspot",
@@ -148,10 +158,22 @@ export const MCP_PRESETS: MCPPreset[] = [
     config: { url: "https://mcp.intercom.com/mcp" },
   },
   {
-    name: "fireflies",
-    icon: "fireflies.ai",
-    description: "Meeting transcripts and summaries",
-    config: { url: "https://mcp.fireflies.ai/mcp" },
+    name: "wix",
+    icon: "wix.com",
+    description: "Sites, stores, and bookings",
+    config: { url: "https://mcp.wix.com/mcp" },
+  },
+  {
+    name: "webflow",
+    icon: "webflow.com",
+    description: "Sites, pages, and CMS collections",
+    config: { url: "https://mcp.webflow.com/mcp" },
+  },
+  {
+    name: "sanity",
+    icon: "sanity.io",
+    description: "Structured content and datasets",
+    config: { url: "https://mcp.sanity.io/mcp" },
   },
   {
     name: "stripe",
@@ -177,6 +199,15 @@ export const MCP_PRESETS: MCPPreset[] = [
     description: "Spend, cards, and transactions",
     config: { url: "https://mcp.ramp.com/mcp" },
   },
+  {
+    name: "github",
+    icon: "github.com",
+    description: "Repos, issues, PRs — paste a personal access token",
+    config: {
+      url: "https://api.githubcopilot.com/mcp/",
+      headers: { Authorization: "Bearer <your-github-pat>" },
+    },
+  },
   {
     name: "vercel",
     icon: "vercel.com",

package/features/intro/components/intro.tsx

@@ -15,6 +15,12 @@ import { queryKey } from "@/app/api/query-key";
 import { Button } from "@/components/ui/button";
 import { ShinyText } from "@/components/ui/shiny-text";
 import { Switch } from "@/components/ui/switch";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from "@/components/ui/tooltip";
 import { ModelPicker } from "@/features/ai/components/model-picker";
 import {
   parseTextModel,
@@ -188,23 +194,33 @@ export function Intro({
       )}
     >
       {/* Her recorded voice, and the way to switch it off */}
-      <button
-        type="button"
-        onClick={voice.toggle}
-        aria-label={voice.muted ? "Let her speak" : "Mute her"}
-        aria-pressed={voice.muted}
-        className="absolute top-5 right-5 z-10 grid h-7.5 w-8 place-items-center rounded-[10px] text-muted-foreground ring-1 ring-border outline-none transition-colors hover:text-foreground focus-visible:ring-3 focus-visible:ring-ring/50"
-      >
-        {voice.muted ? (
-          <VolumeX className="size-[15px]" />
-        ) : (
-          <Volume2 className="size-[15px]" />
-        )}
-      </button>
+      <TooltipProvider>
+        <Tooltip>
+          <TooltipTrigger
+            render={
+              <Button
+                size="icon"
+                variant="ghost"
+                onClick={voice.toggle}
+                aria-label={voice.muted ? "Let her speak" : "Mute her"}
+                aria-pressed={voice.muted}
+                className="absolute top-5 right-5 z-10 text-muted-foreground hover:text-foreground"
+              />
+            }
+          >
+            {voice.muted ? <VolumeX /> : <Volume2 />}
+          </TooltipTrigger>
+          <TooltipContent side="bottom">
+            {voice.muted ? "Let her speak" : "Mute her voice"}
+          </TooltipContent>
+        </Tooltip>
+      </TooltipProvider>
 
       {/* The call screen's own column, so nothing moves when the intro lifts */}
       <div className="flex h-full flex-col items-center justify-center gap-5 pt-[7vh]">
-        <div className="relative w-[min(28rem,72vw,52vh)]">
+        {/* The call screen's face box and `--face-bleed`: the canvas draws past the box, and
+            what stands beside her stands past the canvas */}
+        <div className="relative w-[min(20rem,52vw,37.5vh)] [--face-bleed:19.5%]">
           <button
             type="button"
             disabled={!last || !keyed}
@@ -222,7 +238,7 @@ export function Intro({
               failed={false}
               word={word}
               getSpectrum={step === "hello" ? demo.voice : voice.spectrum}
-              className="w-full"
+              className="-m-(--face-bleed) w-[calc(100%+2*var(--face-bleed))] max-w-none"
             />
           </button>
 
@@ -237,7 +253,7 @@ export function Intro({
             // Where the caller's words go on a call: the caller's turn
             <div
               key={step}
-              className="absolute top-1/2 left-full ml-1.5 flex w-[min(22rem,26vw)] -translate-y-1/2 animate-in flex-col gap-4 text-left fade-in slide-in-from-bottom-1 duration-300"
+              className="absolute top-1/2 left-full ml-[calc(var(--face-bleed)+0.375rem)] flex w-[min(22rem,26vw)] -translate-y-1/2 animate-in flex-col gap-4 text-left fade-in slide-in-from-bottom-1 duration-300"
             >
               {step === "key" && (
                 <KeyTurn
@@ -268,7 +284,7 @@ export function Intro({
               under the button keep theirs: her face and the button stand still from step to step */}
           <div className="flex h-14 items-center gap-2 text-[13px] text-muted-foreground">
             {step === "hello" ? (
-              <p className="max-w-130 text-[20px] leading-[1.5] text-balance text-foreground">
+              <p className="max-w-130 animate-in text-[20px] leading-[1.5] text-balance text-foreground duration-700 fill-mode-backwards fade-in slide-in-from-bottom-2">
                 Just talk to her. She gets it done on this computer, and tells
                 you when it is ready.
               </p>
@@ -294,7 +310,12 @@ export function Intro({
               } else if (last) leave(keyed);
               else setStep(STEPS[at + 1]);
             }}
-            className="h-12 px-7 pl-8 text-[15px]"
+            // on the first screen it follows her line up, once
+            className={cn(
+              "h-12 px-7 pl-8 text-[15px]",
+              step === "hello" &&
+                "animate-in delay-300 duration-700 fill-mode-backwards fade-in slide-in-from-bottom-2",
+            )}
           >
             {step === "hello"
               ? "Start"
@@ -341,7 +362,7 @@ export function Intro({
                   key={name}
                   className={cn(
                     "h-1.75 rounded-full transition-all duration-300",
-                    index === at ? "w-5.5 bg-brand" : "w-1.75",
+                    index === at ? "w-5.5 bg-foreground" : "w-1.75",
                     index < at && "bg-foreground/40",
                     index > at && "bg-border",
                   )}
@@ -416,10 +437,12 @@ const Fine = ({ children }: { children: React.ReactNode }) => (
 function Done({ children, tail }: { children: string; tail?: string }) {
   return (
     <p className="flex items-center gap-2.5 text-sm">
-      <span className="grid size-5 shrink-0 place-items-center rounded-full bg-primary text-primary-foreground">
+      <span className="grid size-5 shrink-0 animate-in place-items-center rounded-full bg-primary text-primary-foreground duration-300 zoom-in-50">
         <Check className="size-3" />
       </span>
-      {children}
+      <span className="animate-in delay-150 duration-300 fill-mode-backwards fade-in slide-in-from-left-1">
+        {children}
+      </span>
       {tail && (
         <span className="truncate font-mono text-[11px] text-muted-foreground/70">
           {tail}
@@ -440,14 +463,14 @@ function KeyTurn({ keyed, onSaved }: { keyed: boolean; onSaved: () => void }) {
   return (
     <>
       <Mine>Paste your OpenAI API key</Mine>
-      <VoiceKeys dense autoFocus onSaved={onSaved} />
+      <VoiceKeys dense plain autoFocus onSaved={onSaved} />
       <a
         href="https://platform.openai.com/api-keys"
         target="_blank"
         rel="noreferrer"
         className="flex items-center gap-2.5 text-[13px] font-medium text-foreground no-underline"
       >
-        <span className="flex h-7.5 items-center gap-1.5 rounded-full bg-muted px-3.5 transition-colors hover:bg-accent">
+        <span className="flex h-7.5 shrink-0 items-center gap-1.5 rounded-full bg-muted px-3.5 whitespace-nowrap transition-colors hover:bg-accent">
           Get a key
           <ArrowUpRight className="size-3.5" />
         </span>
@@ -591,7 +614,7 @@ function MicTurn({ mic }: { mic: MicState }) {
               </span>
             ) : (
               <span className="mt-1.5 flex items-center gap-2 text-[13px]">
-                <Mic className="size-4 shrink-0 animate-pulse text-brand" />
+                <Mic className="size-4 shrink-0" />
                 <ShinyText
                   text={`Try it now: say "${wake.phrase}"`}
                   speed={2.2}
@@ -659,8 +682,8 @@ function BotsTurn({
         })}
       </div>
       <Fine>
-        Three to start is plenty. The rest wait in Settings › Bots, and you can
-        make your own.
+        Every one comes along. Switch off any you will not use: Settings › Bots
+        has them all, and you can make your own.
       </Fine>
     </>
   );
@@ -686,7 +709,7 @@ function ModelsTurn() {
   return (
     <>
       <Mine>Pick what they think with</Mine>
-      <AccountsSetup />
+      <AccountsSetup withoutVoice />
       <div className="flex items-center gap-2.5">
         <span className="shrink-0 text-[13px] text-muted-foreground">
           Bots think with

package/features/routine/components/routine-mark.tsx

@@ -1,9 +1,7 @@
-import { Repeat } from "lucide-react";
+import { type LucideIcon, Repeat } from "lucide-react";
 
 /**
- * The glyph of something that starts by itself: the settings nav, a routine's row, and
- * every job a routine opened, in Threads and in the room.
+ * The glyph of something that starts by itself: the settings nav, a routine's row, every
+ * job a routine opened, in Threads and in the room, and the call's line that sets one.
  */
-export function RoutineMark({ className }: { className?: string }) {
-  return <Repeat className={className} aria-hidden="true" />;
-}
+export const RoutineMark: LucideIcon = Repeat;