@heyramzi/ui 2.8.0 → 2.10.0

package/src/work/inbox/inbox-trace.svelte

@@ -0,0 +1,58 @@
+<script lang="ts">
+	import { Reasoning, ReasoningContent, ReasoningTrigger } from "../../ai/reasoning/index.js";
+	import type { InboxTrace } from "./inbox-types.js";
+
+	interface Props {
+		trace: InboxTrace;
+		/** The reasoning no other line of the card says. Empty when the card already shows it. */
+		reasoning?: string;
+		/** The name the card's meta line shows, so the source label doesn't repeat it. */
+		agent?: string;
+	}
+
+	let { trace, reasoning = "", agent }: Props = $props();
+
+	let count = $derived(trace.evidence.length);
+	let label = $derived(
+		trace.source.label.trim() === agent?.trim() ? "" : trace.source.label.trim(),
+	);
+</script>
+
+<!-- WHY the shared Reasoning and not a local disclosure: it is already the
+     collapsed-by-default "how the agent got here" pattern, with the same chevron. -->
+<Reasoning>
+	<ReasoningTrigger class="w-auto">
+		<span>Trace{count > 0 ? ` · ${count} ${count === 1 ? "quote" : "quotes"}` : ""}</span>
+	</ReasoningTrigger>
+	<ReasoningContent>
+		<div class="flex flex-col gap-3">
+			{#if label || trace.source.href}
+				<p class="text-foreground">
+					{label}
+					{#if trace.source.href}
+						<a href={trace.source.href} class="text-foreground underline underline-offset-2"
+							>Open source</a
+						>
+					{/if}
+				</p>
+			{/if}
+			{#if count > 0}
+				<ul class="flex flex-col gap-2">
+					{#each trace.evidence as evidence, i (i)}
+						<li>
+							<blockquote class="text-foreground">&ldquo;{evidence.quote}&rdquo;</blockquote>
+							{#if evidence.by || evidence.at}
+								<span class="text-xs tabular-nums"
+									>{[evidence.by, evidence.at].filter(Boolean).join(", ")}</span
+								>
+							{/if}
+						</li>
+					{/each}
+				</ul>
+			{/if}
+			{#if reasoning}
+				<p><span class="text-foreground font-medium">Why:</span> {reasoning}</p>
+			{/if}
+		</div>
+	</ReasoningContent>
+</Reasoning>

package/src/{tasks → work}/inbox/inbox-types.ts

@@ -28,6 +28,8 @@ export type InboxDraft = {
 export type InboxProposal = {
   summary: string;
   detail?: string;
+  /** The exact call to run, drawn once in monospace. Summary and detail that repeat it are dropped. */
+  command?: { tool: string; text: string };
   drafts?: InboxDraft[];
   /** The draft to open on. Defaults to the first. */
   recommended?: string;

package/src/{tasks → work}/index.ts

@@ -13,16 +13,6 @@ export type {
   KanbanMove,
   KanbanSortKey,
 } from "./kanban-types.js";
-export { StatusBadge, StatusDot, StatusIcon, defineStatuses } from "../status/index.js";
-export type {
-  StatusDef,
-  StatusDotVariant,
-  StatusId,
-  StatusMap,
-  Statuses,
-} from "../status/index.js";
-export { SidePanel } from "../panel/index.js";
-export type { PanelStat, SidePanelWidth } from "../panel/index.js";
 export { default as TaskList } from "./task-list.svelte";
 export { default as TaskGantt } from "./task-gantt.svelte";
 export { addDays, dayNumber, isoFromDay, todayIso } from "./dates.js";

package/src/{tasks → work}/kanban-board.svelte

@@ -484,7 +484,7 @@
 									<span class="truncate whitespace-nowrap">{column.label}</span>
 									{#if count > 0}
 										<span class="ms-auto text-xs text-muted-foreground/60 tabular-nums"
-											>{count}</span
+											>{count.toLocaleString()}</span
 										>
 									{/if}
 								{/if}

package/src/{tasks → work}/task-list.svelte

@@ -254,7 +254,7 @@
 				<span
 					class="grid h-5 min-w-5 place-items-center rounded-sm bg-foreground/5 px-1 text-xs font-medium text-muted-foreground tabular-nums"
 				>
-					{count}
+					{count.toLocaleString()}
 				</span>
 			{/if}
 			{#if actions}

package/src/{tasks → work}/time/time-tracker.svelte

@@ -1,6 +1,7 @@
 <script lang="ts" generics="T">
 	import type { Snippet } from "svelte";
 	import { cn } from "../../lib/utils.js";
+	import { initial } from "../../lib/initials.js";
 	import { TONE_COLOR, TONE_TEXT } from "../../lib/tone.js";
 	import * as Popover from "../../shadcn/popover/index.js";
 	import {
@@ -206,10 +207,6 @@
 			deleting = null;
 		}
 	}
-
-	function initial(name: string): string {
-		return name.trim().charAt(0).toLocaleUpperCase() || "?";
-	}
 </script>
 
 <!-- svelte-ignore a11y_no_noninteractive_element_interactions -->
@@ -468,7 +465,7 @@
 	}
 
 	.time-toggle:active {
-		transform: scale(0.94);
+		transform: scale(0.96);
 	}
 
 	@media (any-pointer: coarse) {

package/src/tasks/inbox/inbox-logic.ts

@@ -1,21 +0,0 @@
-import type { InboxDraft, InboxItem } from "./inbox-types.js";
-
-/** The draft to open on: the agent's pick, else the first. */
-export function startDraft(drafts: InboxDraft[], recommended?: string): InboxDraft | undefined {
-  return drafts.find((draft) => draft.templateId === recommended) ?? drafts[0];
-}
-
-/** A person can act on an item only while it waits for them. */
-export function isOpen(item: InboxItem): boolean {
-  return item.tier === "ask" && item.state === "proposed";
-}
-
-export function canUndo(item: InboxItem): boolean {
-  return item.tier === "auto" && item.state === "done";
-}
-
-/** True when a key press belongs to a text field and so isn't a shortcut. */
-export function isTyping(target: EventTarget | null): boolean {
-  if (!(target instanceof HTMLElement)) return false;
-  return target.isContentEditable || /^(INPUT|TEXTAREA|SELECT)$/.test(target.tagName);
-}

package/src/tasks/inbox/inbox-trace.svelte

@@ -1,51 +0,0 @@
-<script lang="ts">
-	import { Reasoning, ReasoningContent, ReasoningTrigger } from "../../ai/reasoning/index.js";
-	import { SOURCE_ICON, SOURCE_LABEL } from "./inbox-statuses.js";
-	import type { InboxTrace } from "./inbox-types.js";
-
-	interface Props {
-		trace: InboxTrace;
-	}
-
-	let { trace }: Props = $props();
-
-	let count = $derived(trace.evidence.length);
-	let SourceIcon = $derived(SOURCE_ICON[trace.source.type]);
-</script>
-
-<!-- WHY the shared Reasoning and not a local disclosure: it is already the
-     collapsed-by-default "how the agent got here" pattern, with the same chevron. -->
-<Reasoning>
-	<ReasoningTrigger class="w-auto">
-		<SourceIcon size={14} class="shrink-0" aria-hidden="true" />
-		<span>
-			Trace: {SOURCE_LABEL[trace.source.type]}, {trace.source.at}, {count}
-			{count === 1 ? "quote" : "quotes"}
-		</span>
-	</ReasoningTrigger>
-	<ReasoningContent>
-		<div class="flex flex-col gap-3">
-			<p class="text-foreground">
-				{trace.source.label}
-				{#if trace.source.href}
-					<a href={trace.source.href} class="text-foreground ml-1 underline underline-offset-2"
-						>Open source</a
-					>
-				{/if}
-			</p>
-			<ul class="flex flex-col gap-2">
-				{#each trace.evidence as evidence, i (i)}
-					<li>
-						<blockquote class="text-foreground">&ldquo;{evidence.quote}&rdquo;</blockquote>
-						{#if evidence.by || evidence.at}
-							<span class="text-xs tabular-nums"
-								>{[evidence.by, evidence.at].filter(Boolean).join(", ")}</span
-							>
-						{/if}
-					</li>
-				{/each}
-			</ul>
-			<p><span class="text-foreground font-medium">Why:</span> {trace.reasoning}</p>
-		</div>
-	</ReasoningContent>
-</Reasoning>