@crossworks/share-ui 0.230.62 → 0.230.67

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crossworks/share-ui",
-  "version": "0.230.62",
+  "version": "0.230.67",
   "description": "The server-rendered share surface — the /s/<token> presenters, view-payload contract, mini-app sandbox, and the few primitives they need. Lives in MANTLE (the server renders these), published for jackdaw to consume; may depend only on @mantle/{client-types,content-core} (the jackdaw-repo-split boundary).",
   "exports": {
     "./app-presenter": "./src/app-presenter.tsx",
@@ -31,8 +31,8 @@
     "./styles/app.css": "./styles/app.css"
   },
   "dependencies": {
-    "@mantle/client-types": "npm:@crossworks/client-types@0.230.62",
-    "@mantle/content-core": "npm:@crossworks/content-core@0.230.62",
+    "@mantle/client-types": "npm:@crossworks/client-types@0.230.67",
+    "@mantle/content-core": "npm:@crossworks/content-core@0.230.67",
     "@radix-ui/react-label": "^2.1.12",
     "@radix-ui/react-slot": "^1.3.0",
     "class-variance-authority": "^0.7.1",

package/src/task-presenter.tsx

@@ -3,13 +3,30 @@ import remarkGfm from 'remark-gfm';
 import { Check, Circle } from 'lucide-react';
 import { formatDateTime } from '@mantle/client-types/lib/format-datetime';
 
+/** Human label per lifecycle status (raw value falls through for forward
+ *  compatibility — never render a snake_case token to a reader). */
+const STATUS_LABEL: Record<string, string> = {
+  open: 'To do',
+  in_progress: 'In progress',
+  blocked: 'Blocked',
+  done: 'Done',
+};
+
 /** Public task render — a clean status card. */
 export function TaskPresenter({
   view,
 }: {
-  view: { title: string; body: string; status: string; priority: string; dueAt: string | null };
+  view: {
+    title: string;
+    body: string;
+    status: string;
+    priority: string;
+    dueAt: string | null;
+    todos?: { text: string; done: boolean }[];
+  };
 }) {
   const done = view.status === 'done';
+  const todos = view.todos ?? [];
   return (
     <div className="mx-auto max-w-2xl px-6 py-12 md:py-16">
       <div className="rounded-xl border border-border bg-card p-6">
@@ -35,8 +52,8 @@ export function TaskPresenter({
               {view.title}
             </h1>
             <div className="mt-3 flex flex-wrap items-center gap-2 text-xs">
-              <span className="rounded-full border border-border px-2 py-0.5 capitalize text-muted-foreground">
-                {view.status}
+              <span className="rounded-full border border-border px-2 py-0.5 text-muted-foreground">
+                {STATUS_LABEL[view.status] ?? view.status.replace(/_/g, ' ')}
               </span>
               <span className="rounded-full border border-border px-2 py-0.5 capitalize text-muted-foreground">
                 {view.priority} priority
@@ -54,6 +71,33 @@ export function TaskPresenter({
             <ReactMarkdown remarkPlugins={[remarkGfm]}>{view.body}</ReactMarkdown>
           </div>
         )}
+        {todos.length > 0 && (
+          <div className="mt-5 border-t border-border pt-5">
+            <p className="mb-2 text-xs font-semibold uppercase tracking-wider text-muted-foreground">
+              Checklist · {todos.filter((t) => t.done).length}/{todos.length} done
+            </p>
+            <ul className="space-y-1">
+              {todos.map((t, i) => (
+                <li key={i} className="flex items-start gap-2 text-sm">
+                  <span
+                    className={
+                      'mt-0.5 flex size-4 shrink-0 items-center justify-center rounded border ' +
+                      (t.done
+                        ? 'border-primary bg-primary text-primary-foreground'
+                        : 'border-border text-transparent')
+                    }
+                    aria-hidden
+                  >
+                    {t.done && <Check className="size-3" />}
+                  </span>
+                  <span className={t.done ? 'text-muted-foreground line-through' : ''}>
+                    {t.text}
+                  </span>
+                </li>
+              ))}
+            </ul>
+          </div>
+        )}
       </div>
     </div>
   );

package/src/view-payload.ts

@@ -43,6 +43,8 @@ export type ShareViewPayload =
       status: string;
       priority: string;
       dueAt: string | null;
+      /** Read-only checklist snapshot (absent on pre-upgrade payloads). */
+      todos?: { text: string; done: boolean }[];
     }
   | {
       kind: 'event';