@zephytiju/prism-recent-work 0.1.0

package/README.md

@@ -0,0 +1,195 @@
+# PrismRecentWorkMicroUI
+
+Platform Prism recent-work micro-UI. Component id: `recent-work`.
+Published to npm as [`@zephytiju/prism-recent-work`](https://www.npmjs.com/package/@zephytiju/prism-recent-work).
+
+The VAULT root-level continuation strip (Guanlan File Hub page): the
+`RECENT WORK / CONTINUE WHERE YOU LEFT OFF` header (titles render from component
+configuration keys — Prism has no composed title node) followed by per-prototype
+file-row members — kind icon, file name, descriptor line, live/sync dot —
+rendered 0..N at app runtime from recent `IFileEntry` records (decision D3),
+ordered by `updatedAt` with an optional recency window. It consumes the
+host-seeded `recent-work.file-entries` channel and never talks to Lattice
+itself. Opening a row publishes the navigation/open intent consumed by the
+shell and the File Viewer's path slot (D6/D8). Composed applications (for
+example Guanlan) consume it as-is; the component is platform-owned.
+
+## Configuration keys
+
+| Prop | Meaning |
+| --- | --- |
+| `locale` | UI locale for the component-fixed strings: `"en" \| "zh-CN"` (default `"en"`) — see [i18n](#internationalization-i18n) |
+| `sectionTitle` | Section header title (defaults to the locale's `sectionTitle`) |
+| `sectionMeta` | Continue-where-you-left-off meta on the header's right (defaults to the locale's `sectionMeta`) |
+| `columns` | Row-grid column count (default `2` — the design's default 2-column row grid; the VAULT page composition passes `3`) |
+| `recencyWindowHours` | Recency window in hours: entries older than now − N hours are excluded (default no window) |
+| `descriptor` | `(entry) => string` full descriptor line (default `KIND • STATUS-or-EDITED-ago • DETAIL`) |
+| `insertAffordance` | Renders the `+` insert affordance on rows (insert contexts only; default off) |
+| `insertLabel` | Label for the insert affordance (defaults to the locale's `insert`) |
+
+## Channel contract
+
+| Direction | Kind | Id | Payload |
+| --- | --- | --- | --- |
+| consumes | state | `recent-work.file-entries` | `RecentFilesProjection \| null` — recent `RecentFileEntry` records (the bounded `FileEntrySummary` plus `updatedAt`, `sync`, optional `status`/`detail`) |
+| publishes | state | `recent-work.opened-file` | `{ id, name, kind, sync, ontologyInterface: "IFileEntry" }` on row open — the navigation/open intent (D8): a bounded file reference the shell and the File Viewer's path slot interpret in their own way (D6); receivers fetch their own domain data (D4) |
+| emits | event | `recent-work.insert-file` | same bounded `IFileEntry` reference — only when `insertAffordance` is enabled (insert contexts) |
+
+Channel ids are string literals at every call-site so the build-time channel-graph scanner can
+derive the graph. Channel reads use `usePrismStateValue`; both publications are
+setter-only (`usePrismStateSetter`) / event emissions. `RecentFileEntry` carries
+exactly the recency data the design specifies on top of `IFileEntry` — `updatedAt`
+(ordering + "EDITED 4M AGO") and the workspace `sync` state driving the live dot.
+
+## Audit rule
+
+Rendering recent files is a routine read and is NOT audit-worthy. This component
+emits NO audit event. The only event it can ever emit is the config-gated
+`recent-work.insert-file` (an insert-context handshake, not an observable domain
+action).
+
+## Internationalization (i18n)
+
+The component ships `en` and `zh-CN` locale bundles — `src/locales/en.json` / `src/locales/zh-CN.json` —
+and every component-fixed UI string is resolved from them (the section title and
+continue-where-you-left-off meta, the per-kind descriptor labels, the
+`EDITED {ago} AGO` relativization with its `M/H/D` units, the empty-state title
+and hint, the open tooltip, the sync labels, and the insert label). The component
+renders no hardcoded copy.
+
+```json
+{
+  "recent-work": {
+    "sectionTitle": "RECENT WORK",
+    "sectionMeta": "CONTINUE WHERE YOU LEFT OFF",
+    "emptyTitle": "No recent work yet",
+    "emptyHint": "Files you open and edit will appear here so you can pick up where you left off.",
+    "openFile": "Open file",
+    "editedAgo": "EDITED {ago} AGO",
+    "minutesAgo": "{count}M",
+    "hoursAgo": "{count}H",
+    "daysAgo": "{count}D",
+    "syncLive": "Live",
+    "syncSyncing": "Syncing",
+    "syncSynced": "Synced",
+    "insert": "+",
+    "kindFolder": "FOLDER",
+    "kindDossier": "DOSSIER FILE",
+    "kindEvidence": "EVIDENCE FILE",
+    "kindReference": "REFERENCE",
+    "kindBoard": "BOARD",
+    "kindWorkflowBoard": "WORKFLOW BOARD",
+    "kindAuditBoard": "AUDIT BOARD",
+    "kindWorld": "GEOVISION FILE"
+  }
+}
+```
+
+- `locale?: "en" | "zh-CN"` prop (default `"en"`) selects the string table per instance.
+- `editedAgo` uses a simple `{ago}` placeholder interpolated with the relative
+  age (plain substitution, no regexes — `formatMessage` is exported from the
+  package entry).
+- Explicit `sectionTitle` / `sectionMeta` props override the locale strings.
+- **Composition-authored strings are localized by the composer; component-fixed strings live in the
+  locale JSONs.** An explicit `sectionTitle` override (and the `descriptor`
+  callback) is configuration-authored: a host with a localized section passes its
+  own string per locale. Entry `status`/`detail` parts are host data and stay
+  host-localized.
+- Locale bundles are namespaced under the component id (`"recent-work"`) so a composer can
+  deep-merge every component's bundle into ONE UI language bundle without collisions:
+
+```ts
+import { locales as recentWorkLocales } from "@zephytiju/prism-recent-work";
+// recentWorkLocales["zh-CN"] -> { "recent-work": { … } }
+const uiBundle = deepMerge(hostStrings, recentWorkLocales["zh-CN"]);
+```
+
+The parsed bundles are exported from the package entry (`locales`, `en`, `zhCN`,
+`stringsForLocale`), and the raw JSONs are also served by the `./locales/*` exports subpath
+(e.g. `@zephytiju/prism-recent-work/locales/zh-CN.json`); `files` ships both `dist` and
+`locales`.
+
+## Theme
+
+No palette is hardcoded. Every color resolves to SEMANTIC theme tokens (`ok`,
+`accent`, `threat`, `warn`, `signal`, `card`, `card-dark`, `input`, `border`,
+`line`, `text`, `muted`, `deep`, `panel`) consumed as CSS variables, plus
+`--mantine-font-family-monospace` for the mono typography — the palette is
+supplied entirely by the host's `MantineProvider`. The local demo ships TWO
+themes, both defined in `src/demo.tsx`: `geovisionTheme` (dark), mapping each
+semantic token onto the exact `:root` variables of the VAULT v9 prototype (deep
+bg, panel black, card, mint, red, blue, amber, purple, muted, border), and the
+contrasting `latticeLightTheme` (light), mapping the SAME semantic token keys
+onto a different palette — the component is skinned purely through the
+surrounding `MantineProvider`. Per-kind icon hues follow the prototype's palette
+(doc mint → `ok`, board amber → `warn`, world purple → `signal`, folder blue →
+`accent`); the sync dot uses `ok` (dimmed when synced) / `warn` (syncing).
+
+## Source layout
+
+`src/` is strictly two parts:
+
+- Component source (what the package compiles): `RecentWork.tsx` (the section),
+  `FileRow.tsx` (the file-row member — the File Row sub-library axiom, owning
+  the open-intent publication), `index.ts` (public entry), and `src/locales/`
+  (`en.json`, `zh-CN.json`, `index.ts` — the i18n string bundles, their
+  resolver, and the `{ago}` interpolation helper).
+- Demo: exactly ONE file, `src/demo.tsx` — the two host themes (GeoVision v9 +
+  Lattice Light), all demo test data (the six per-prototype recent files with
+  mixed kinds and relative recency), the channel seeding
+  (`seedDemoChannels`) and channel monitors, and the demo page rendering TWO
+  `RecentWork` instances side by side behind a global EN | 中文 language switcher
+  (plus per-instance switches): HOST A runs the default 2-column row grid, HOST
+  B the VAULT page's 3-column composition, with reseed/clear buttons.
+
+The npm package ships `dist` (compiled component + type declarations + locale
+JSONs) and the top-level `locales/` directory (the raw JSON bundles, served by
+the `./locales/*` exports subpath); no demo code is published.
+`scripts/copy-locales.mjs` copies the JSON bundles into both locations during
+`npm run build`.
+
+## Local development
+
+```sh
+npm install
+npm run typecheck
+npm test
+npm run dev
+npm run shot-demo
+```
+
+`npm install` pulls the platform peers (`@zephytiju/prism-react`,
+`@zephytiju/lattice-common-interfaces`) from the npm registry, along with the
+host-side peer dependencies (`react`, `react-dom`, `@mantine/core`). When
+consuming the published package, install it directly
+(`npm install @zephytiju/prism-recent-work`) and provide those peer dependencies
+in the host application.
+
+The demo (`npm run dev`, entry `src/demo.tsx`) plays the host: on load it seeds
+the six per-prototype recent files onto the GLOBAL recent-work channel (the
+component itself makes no Lattice calls, so no mock executor is needed) and
+renders TWO `RecentWork` instances side by side, each inside its own
+`MantineProvider` with a different theme (GeoVision v9 dark left with the
+default 2-column grid, Lattice Light right with the page's 3-column
+composition) — since both instances consume the same global channels, they
+always render the same rows in two skins. A global EN | 中文 segmented control
+switches the `locale` prop of BOTH instances at once, and each instance carries
+its own per-instance control so the two hosts can render DIFFERING locales
+simultaneously. Buttons reseed the recent files or clear the channel to inspect
+the guided empty state — in both themes and both languages — and the channel
+monitors show the shared consumed state plus the `recent-work.opened-file`
+publication. `npm run shot-demo` boots the vite dev server, drives the demo in
+headless Chrome (LEFT instance `en`, RIGHT instance `zh-CN`), OPENS a recent
+file row so the monitor shows the published open intent, and captures the
+language switcher plus both themed instances in one shot to
+`/tmp/guanlan-review/demo-recent-work-themes.png`.
+
+## Design record
+
+Page design: https://qcnwge0wy4s0.feishu.cn/wiki/TLFtwgBgpiW8iWkXT7rcOyKgnAd —
+Component — Recent Work Section:
+https://qcnwge0wy4s0.feishu.cn/wiki/Cfu2w4uLUiwwlIkzFCMcWIktnMF — File Row
+sub-library: https://qcnwge0wy4s0.feishu.cn/wiki/BmoTw4WnriMV9MkKK8HchKO8nfg —
+Grouping: https://qcnwge0wy4s0.feishu.cn/wiki/X7qdw8Akeiq1w0kJBdmcgTHBnmh.
+Visual reference: the page's v9 interactive HTML prototype
+(`vault-standalone.html`, `.sec-l` / `.sec-r` / `.frow` / `.fic`).

package/dist/EmptyState.d.ts

@@ -0,0 +1,14 @@
+export interface EmptyStateProps {
+    /** Locale-resolved empty-state title (e.g. "No recent work yet"). */
+    readonly title: string;
+    /** Locale-resolved empty-state hint (e.g. "Files you open and edit will appear here"). */
+    readonly hint: string;
+}
+/**
+ * The guided empty state rendered when the recent-work channel carries no
+ * projection (or an empty one) — a bordered card with a title and hint. No
+ * palette is hardcoded; colors resolve to semantic theme tokens supplied by
+ * the host's MantineProvider.
+ */
+export declare function EmptyState({ title, hint }: EmptyStateProps): import("react").JSX.Element;
+//# sourceMappingURL=EmptyState.d.ts.map

package/dist/EmptyState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../src/EmptyState.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,eAAe;IAC9B,qEAAqE;IACrE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,0FAA0F;IAC1F,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;CACvB;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,eAAe,+BAa1D"}

package/dist/EmptyState.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, Stack, Text } from "@mantine/core";
+/**
+ * The guided empty state rendered when the recent-work channel carries no
+ * projection (or an empty one) — a bordered card with a title and hint. No
+ * palette is hardcoded; colors resolve to semantic theme tokens supplied by
+ * the host's MantineProvider.
+ */
+export function EmptyState({ title, hint }) {
+    return (_jsx(Card, { withBorder: true, "data-testid": "recent-work-empty", children: _jsxs(Stack, { gap: "xs", children: [_jsx(Text, { fw: 500, "data-testid": "recent-work-empty-title", children: title }), _jsx(Text, { size: "sm", "data-testid": "recent-work-empty-hint", children: hint })] }) }));
+}

package/dist/FileRow.d.ts

@@ -0,0 +1,22 @@
+import type { FileRowProps } from "./fileRowTypes.js";
+export type { FileRowProps, FileSyncState, RecentFileEntry, RecentFilesProjection, OpenedFile, } from "./fileRowTypes.js";
+/**
+ * Per-prototype VAULT file row (the File Row sub-library axiom): kind icon,
+ * file name, descriptor line, live/sync dot — the row itself is the click
+ * target, and a + insert affordance appears in insert contexts only.
+ *
+ * The row OWNS the "recent-work.opened-file" channel binding: opening the row
+ * (click or keyboard activation — it is a real button) publishes the
+ * navigation/open intent, a bounded IFileEntry reference consumed by the shell
+ * and the File Viewer's path slot (D6/D8). The opened highlight derives from
+ * that same channel value, so every row bound to the channel (across hosts)
+ * reflects the currently opened file consistently. The optional + affordance
+ * emits the ephemeral "recent-work.insert-file" event instead. No Lattice
+ * calls; routine reads are NOT audit-worthy.
+ *
+ * No palette is hardcoded: every color resolves to semantic theme tokens
+ * (ok / warn / accent / card / border / muted / text / input …) supplied by
+ * the host's MantineProvider.
+ */
+export declare function FileRow({ entry, strings, descriptor, insertAffordance, insertLabel, }: FileRowProps): import("react").JSX.Element;
+//# sourceMappingURL=FileRow.d.ts.map

package/dist/FileRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileRow.d.ts","sourceRoot":"","sources":["../src/FileRow.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAA8C,MAAM,mBAAmB,CAAC;AAGlG,YAAY,EACV,YAAY,EACZ,aAAa,EACb,eAAe,EACf,qBAAqB,EACrB,UAAU,GACX,MAAM,mBAAmB,CAAC;AAU3B;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,OAAO,EACP,UAAU,EACV,gBAAwB,EACxB,WAAW,GACZ,EAAE,YAAY,+BA0Hd"}

package/dist/FileRow.js

@@ -0,0 +1,96 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from "react";
+import { Stack, Text, UnstyledButton } from "@mantine/core";
+import { emitPrismEvent, usePrismStateSetter, usePrismStateValue } from "@zephytiju/prism-react";
+import { visualForKind } from "./fileRowIcons.js";
+import { defaultDescriptor, syncLabelKeyFor, syncTokenFor } from "./fileRowFormat.js";
+const MONO = "var(--mantine-font-family-monospace)";
+const TEXT = "var(--mantine-color-text-filled)";
+const MUTED = "var(--mantine-color-muted-filled)";
+const CARD_BG = "var(--mantine-color-card-filled)";
+const BORDER = "var(--mantine-color-border-filled)";
+const INPUT_BG = "var(--mantine-color-input-filled)";
+const ACCENT = "var(--mantine-color-accent-filled)";
+/**
+ * Per-prototype VAULT file row (the File Row sub-library axiom): kind icon,
+ * file name, descriptor line, live/sync dot — the row itself is the click
+ * target, and a + insert affordance appears in insert contexts only.
+ *
+ * The row OWNS the "recent-work.opened-file" channel binding: opening the row
+ * (click or keyboard activation — it is a real button) publishes the
+ * navigation/open intent, a bounded IFileEntry reference consumed by the shell
+ * and the File Viewer's path slot (D6/D8). The opened highlight derives from
+ * that same channel value, so every row bound to the channel (across hosts)
+ * reflects the currently opened file consistently. The optional + affordance
+ * emits the ephemeral "recent-work.insert-file" event instead. No Lattice
+ * calls; routine reads are NOT audit-worthy.
+ *
+ * No palette is hardcoded: every color resolves to semantic theme tokens
+ * (ok / warn / accent / card / border / muted / text / input …) supplied by
+ * the host's MantineProvider.
+ */
+export function FileRow({ entry, strings, descriptor, insertAffordance = false, insertLabel, }) {
+    const publishOpenedFile = usePrismStateSetter("recent-work.opened-file");
+    const openedFile = usePrismStateValue("recent-work.opened-file");
+    const opened = openedFile?.id === entry.id;
+    const resolvedDescriptor = descriptor ?? ((item) => defaultDescriptor(item, strings));
+    const open = useCallback(() => {
+        publishOpenedFile({
+            id: entry.id,
+            name: entry.name,
+            kind: entry.kind,
+            sync: entry.sync ?? "live",
+            ontologyInterface: "IFileEntry",
+        });
+    }, [entry, publishOpenedFile]);
+    const visual = visualForKind(entry.kind);
+    const Icon = visual.Icon;
+    const sync = entry.sync ?? "live";
+    const syncToken = syncTokenFor(sync);
+    return (_jsxs(UnstyledButton, { onClick: () => {
+            open();
+        }, title: strings.openFile, style: {
+            display: "flex",
+            alignItems: "center",
+            gap: 12,
+            width: "100%",
+            height: 62,
+            padding: "0 14px 0 12px",
+            background: CARD_BG,
+            border: `1px solid ${opened ? ACCENT : BORDER}`,
+            borderRadius: 6,
+            cursor: "pointer",
+            textAlign: "left",
+            ...(opened ? { boxShadow: "0 0 0 1px var(--mantine-color-accent-outline)" } : {}),
+        }, "data-testid": `recent-work-row-${entry.id}`, children: [_jsx("span", { style: {
+                    width: 30,
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    flexShrink: 0,
+                    color: `var(--mantine-color-${visual.token}-filled)`,
+                }, "data-testid": `recent-work-icon-${entry.id}`, children: _jsx(Icon, {}) }), _jsxs(Stack, { gap: 2, miw: 0, style: { flex: 1, alignItems: "flex-start" }, children: [_jsx(Text, { fz: 12, fw: 500, truncate: "end", style: { color: TEXT, letterSpacing: "0.01em", maxWidth: "100%" }, "data-testid": `recent-work-name-${entry.id}`, children: entry.name }), _jsx(Text, { ff: MONO, fz: 9, truncate: "end", style: { color: MUTED, letterSpacing: "0.02em", maxWidth: "100%" }, "data-testid": `recent-work-meta-${entry.id}`, children: resolvedDescriptor(entry) })] }), insertAffordance ? (_jsx(UnstyledButton, { type: "button", ff: MONO, fz: 11, fw: 500, c: "accent", style: {
+                    flexShrink: 0,
+                    height: 22,
+                    padding: "0 10px",
+                    borderRadius: 11,
+                    background: INPUT_BG,
+                    border: `1px solid ${BORDER}`,
+                }, "data-testid": `recent-work-insert-${entry.id}`, onClick: (event) => {
+                    event.stopPropagation();
+                    emitPrismEvent("recent-work.insert-file", {
+                        id: entry.id,
+                        name: entry.name,
+                        kind: entry.kind,
+                        sync,
+                        ontologyInterface: "IFileEntry",
+                    });
+                }, children: insertLabel ?? strings.insert })) : null, _jsx("span", { "aria-label": strings[syncLabelKeyFor(sync)], role: "img", style: {
+                    width: 7,
+                    height: 7,
+                    borderRadius: "50%",
+                    background: `var(--mantine-color-${syncToken}-filled)`,
+                    opacity: sync === "synced" ? 0.45 : 1,
+                    flexShrink: 0,
+                }, "data-testid": `recent-work-dot-${entry.id}` })] }));
+}

package/dist/RecentWork.d.ts

@@ -0,0 +1,43 @@
+import type { RecentFileEntry } from "./FileRow.js";
+import type { RecentWorkLocale } from "./locales/index.js";
+export interface RecentWorkProps {
+    /** Section header title (defaults to the locale's `sectionTitle`). */
+    readonly sectionTitle?: string;
+    /** Continue-where-you-left-off meta on the header's right (defaults to the locale's `sectionMeta`). */
+    readonly sectionMeta?: string;
+    /** Row-grid column count (default 2 — the design's default 2-column row grid). */
+    readonly columns?: number;
+    /** Recency window in hours: entries older than now − N hours are excluded (default no window). */
+    readonly recencyWindowHours?: number;
+    /** Supplies the full row descriptor line (defaults to kind • status-or-editedAgo • detail). */
+    readonly descriptor?: (entry: RecentFileEntry) => string;
+    /** Renders the + insert affordance on every row (insert contexts only; default off). */
+    readonly insertAffordance?: boolean;
+    /** Label for the insert affordance (defaults to the locale's `insert`). */
+    readonly insertLabel?: string;
+    /** UI locale for the component-fixed strings (default "en"). */
+    readonly locale?: RecentWorkLocale;
+}
+/**
+ * Platform Prism recent-work micro-UI (component id "recent-work") — the
+ * VAULT root-level continuation strip: the "RECENT WORK / CONTINUE WHERE YOU
+ * LEFT OFF" header followed by per-prototype file-row members (kind icon,
+ * name, descriptor, live sync dot) rendered 0..N at app runtime from recent
+ * IFileEntry records (decision D3). The section title is part of this
+ * component — Prism has no composed title node, so titles render from
+ * component configuration keys.
+ *
+ * Rows order by updatedAt (most recent first) and can be bounded by a
+ * recency-window configuration; the live dot on each row reflects that
+ * entry's workspace sync state. Opening a row publishes the navigation/open
+ * intent on "recent-work.opened-file" — consumed by the shell and the File
+ * Viewer's path slot (D6/D8). The component is a read-only consumer of the
+ * host-seeded "recent-work.file-entries" channel and makes NO Lattice calls;
+ * rendering recent files is a routine read and is NOT audit-worthy.
+ *
+ * No palette is hardcoded: every color resolves to semantic theme tokens
+ * (ok / accent / card / border / muted / text …) supplied by the host's
+ * MantineProvider.
+ */
+export declare function RecentWork({ sectionTitle, sectionMeta, columns, recencyWindowHours, descriptor, insertAffordance, insertLabel, locale, }: RecentWorkProps): import("react").JSX.Element;
+//# sourceMappingURL=RecentWork.d.ts.map

package/dist/RecentWork.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecentWork.d.ts","sourceRoot":"","sources":["../src/RecentWork.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAyB,MAAM,cAAc,CAAC;AAI3E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAE3D,MAAM,WAAW,eAAe;IAC9B,sEAAsE;IACtE,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC/B,uGAAuG;IACvG,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,kFAAkF;IAClF,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,kGAAkG;IAClG,QAAQ,CAAC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IACrC,+FAA+F;IAC/F,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,MAAM,CAAC;IACzD,wFAAwF;IACxF,QAAQ,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IACpC,2EAA2E;IAC3E,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,gEAAgE;IAChE,QAAQ,CAAC,MAAM,CAAC,EAAE,gBAAgB,CAAC;CACpC;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,UAAU,CAAC,EACzB,YAAY,EACZ,WAAW,EACX,OAAW,EACX,kBAAkB,EAClB,UAAU,EACV,gBAAwB,EACxB,WAAW,EACX,MAAa,GACd,EAAE,eAAe,+BAgEjB"}

package/dist/RecentWork.js

@@ -0,0 +1,68 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { Box, Stack } from "@mantine/core";
+import { usePrismStateValue } from "@zephytiju/prism-react";
+import { FileRow } from "./FileRow.js";
+import { EmptyState } from "./EmptyState.js";
+import { SectionHeader } from "./SectionHeader.js";
+import { stringsForLocale } from "./locales/index.js";
+/**
+ * Platform Prism recent-work micro-UI (component id "recent-work") — the
+ * VAULT root-level continuation strip: the "RECENT WORK / CONTINUE WHERE YOU
+ * LEFT OFF" header followed by per-prototype file-row members (kind icon,
+ * name, descriptor, live sync dot) rendered 0..N at app runtime from recent
+ * IFileEntry records (decision D3). The section title is part of this
+ * component — Prism has no composed title node, so titles render from
+ * component configuration keys.
+ *
+ * Rows order by updatedAt (most recent first) and can be bounded by a
+ * recency-window configuration; the live dot on each row reflects that
+ * entry's workspace sync state. Opening a row publishes the navigation/open
+ * intent on "recent-work.opened-file" — consumed by the shell and the File
+ * Viewer's path slot (D6/D8). The component is a read-only consumer of the
+ * host-seeded "recent-work.file-entries" channel and makes NO Lattice calls;
+ * rendering recent files is a routine read and is NOT audit-worthy.
+ *
+ * No palette is hardcoded: every color resolves to semantic theme tokens
+ * (ok / accent / card / border / muted / text …) supplied by the host's
+ * MantineProvider.
+ */
+export function RecentWork({ sectionTitle, sectionMeta, columns = 2, recencyWindowHours, descriptor, insertAffordance = false, insertLabel, locale = "en", }) {
+    // Every component-fixed UI string comes from the bundled locale JSONs;
+    // configuration-provided strings (an explicit sectionTitle override, …)
+    // stay composition-authored.
+    const strings = stringsForLocale(locale);
+    const resolvedSectionTitle = sectionTitle ?? strings.sectionTitle;
+    const resolvedSectionMeta = sectionMeta ?? strings.sectionMeta;
+    const projection = usePrismStateValue("recent-work.file-entries");
+    // App-runtime member rendering (D3): sort by updatedAt descending (most
+    // recent first — the design's recency ordering), then apply the optional
+    // recency window. Malformed timestamps sink to the end and fall outside
+    // any window.
+    const entries = useMemo(() => {
+        const listed = [...(projection?.entries ?? [])];
+        listed.sort((a, b) => {
+            const at = Date.parse(a.updatedAt);
+            const bt = Date.parse(b.updatedAt);
+            const aTime = Number.isNaN(at) ? Number.NEGATIVE_INFINITY : at;
+            const bTime = Number.isNaN(bt) ? Number.NEGATIVE_INFINITY : bt;
+            if (bTime !== aTime) {
+                return bTime - aTime;
+            }
+            return a.name.localeCompare(b.name);
+        });
+        if (recencyWindowHours === undefined) {
+            return listed;
+        }
+        const cutoff = Date.now() - recencyWindowHours * 3_600_000;
+        return listed.filter((entry) => {
+            const time = Date.parse(entry.updatedAt);
+            return !Number.isNaN(time) && time >= cutoff;
+        });
+    }, [projection, recencyWindowHours]);
+    return (_jsxs(Stack, { gap: 10, miw: 0, "data-testid": "recent-work-section", children: [_jsx(SectionHeader, { title: resolvedSectionTitle, meta: resolvedSectionMeta }), entries.length === 0 ? (_jsx(EmptyState, { title: strings.emptyTitle, hint: strings.emptyHint })) : (_jsx(Box, { style: {
+                    display: "grid",
+                    gridTemplateColumns: `repeat(${Math.max(1, columns)}, minmax(0, 1fr))`,
+                    gap: 12,
+                }, "data-testid": "recent-work-grid", children: entries.map((entry) => (_jsx(FileRow, { entry: entry, strings: strings, descriptor: descriptor, insertAffordance: insertAffordance, insertLabel: insertLabel }, entry.id))) }))] }));
+}

package/dist/SectionHeader.d.ts

@@ -0,0 +1,15 @@
+export interface SectionHeaderProps {
+    /** Resolved section title (locale string or explicit configuration override). */
+    readonly title: string;
+    /** Resolved continue-where-you-left-off meta (locale string or override). */
+    readonly meta: string;
+}
+/**
+ * The Recent Work section header: the section title on the left and the
+ * continue-where-you-left-off meta on the right. The header is part of the
+ * component (Prism has no composed title node), so titles render from
+ * component configuration keys. No palette is hardcoded — colors resolve to
+ * semantic theme tokens supplied by the host's MantineProvider.
+ */
+export declare function SectionHeader({ title, meta }: SectionHeaderProps): import("react").JSX.Element;
+//# sourceMappingURL=SectionHeader.d.ts.map

package/dist/SectionHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionHeader.d.ts","sourceRoot":"","sources":["../src/SectionHeader.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,kBAAkB;IACjC,iFAAiF;IACjF,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,6EAA6E;IAC7E,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,kBAAkB,+BAqBhE"}

package/dist/SectionHeader.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Group, Text } from "@mantine/core";
+/**
+ * The Recent Work section header: the section title on the left and the
+ * continue-where-you-left-off meta on the right. The header is part of the
+ * component (Prism has no composed title node), so titles render from
+ * component configuration keys. No palette is hardcoded — colors resolve to
+ * semantic theme tokens supplied by the host's MantineProvider.
+ */
+export function SectionHeader({ title, meta }) {
+    return (_jsxs(Group, { justify: "space-between", align: "baseline", wrap: "nowrap", gap: 8, children: [_jsx(Text, { fz: 12, fw: 600, style: { color: "var(--mantine-color-text-filled)", letterSpacing: "0.02em" }, "data-testid": "recent-work-section-title", children: title }), _jsx(Text, { ff: "var(--mantine-font-family-monospace)", fz: 9, style: { color: "var(--mantine-color-muted-filled)" }, "data-testid": "recent-work-section-meta", children: meta })] }));
+}

package/dist/fileRowFormat.d.ts

@@ -0,0 +1,9 @@
+import type { RecentWorkStrings } from "./locales/index.js";
+import type { FileSyncState, RecentFileEntry } from "./fileRowTypes.js";
+/** Semantic token driving the live dot's color for a sync state. */
+export declare function syncTokenFor(state: FileSyncState): string;
+/** Locale string-table key labeling a sync state (the dot's aria-label). */
+export declare function syncLabelKeyFor(state: FileSyncState): keyof RecentWorkStrings;
+/** Default descriptor line: KIND • STATUS-or-EDITED-ago • DETAIL. */
+export declare function defaultDescriptor(entry: RecentFileEntry, strings: RecentWorkStrings): string;
+//# sourceMappingURL=fileRowFormat.d.ts.map

package/dist/fileRowFormat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fileRowFormat.d.ts","sourceRoot":"","sources":["../src/fileRowFormat.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AA0BxE,oEAAoE;AACpE,wBAAgB,YAAY,CAAC,KAAK,EAAE,aAAa,GAAG,MAAM,CAEzD;AAED,4EAA4E;AAC5E,wBAAgB,eAAe,CAAC,KAAK,EAAE,aAAa,GAAG,MAAM,iBAAiB,CAE7E;AAyBD,qEAAqE;AACrE,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,eAAe,EAAE,OAAO,EAAE,iBAAiB,GAAG,MAAM,CAM5F"}

package/dist/fileRowFormat.js

@@ -0,0 +1,58 @@
+import { formatMessage } from "./locales/index.js";
+/** Sync state → semantic token for the live dot. */
+const SYNC_TOKENS = {
+    live: "ok",
+    syncing: "warn",
+    synced: "ok",
+};
+const SYNC_LABEL_KEYS = {
+    live: "syncLive",
+    syncing: "syncSyncing",
+    synced: "syncSynced",
+};
+const KIND_LABEL_KEYS = {
+    folder: "kindFolder",
+    dossier: "kindDossier",
+    evidence: "kindEvidence",
+    reference: "kindReference",
+    board: "kindBoard",
+    "workflow-board": "kindWorkflowBoard",
+    "audit-board": "kindAuditBoard",
+    world: "kindWorld",
+};
+/** Semantic token driving the live dot's color for a sync state. */
+export function syncTokenFor(state) {
+    return SYNC_TOKENS[state];
+}
+/** Locale string-table key labeling a sync state (the dot's aria-label). */
+export function syncLabelKeyFor(state) {
+    return SYNC_LABEL_KEYS[state];
+}
+/** Locale label for an entry kind; unknown kinds fall back to the uppercased kind. */
+function kindLabelFor(kind, strings) {
+    const key = KIND_LABEL_KEYS[kind];
+    return key === undefined ? kind.toUpperCase() : strings[key];
+}
+/** Compact relative age ("4M" / "2H" / "3D") interpolated through the locale templates. */
+function formatAgo(updatedAt, strings) {
+    const time = Date.parse(updatedAt);
+    if (Number.isNaN(time)) {
+        return "";
+    }
+    const minutes = Math.max(1, Math.floor((Date.now() - time) / 60_000));
+    if (minutes < 60) {
+        return formatMessage(strings.minutesAgo, { count: minutes });
+    }
+    const hours = Math.floor(minutes / 60);
+    if (hours < 24) {
+        return formatMessage(strings.hoursAgo, { count: hours });
+    }
+    return formatMessage(strings.daysAgo, { count: Math.floor(hours / 24) });
+}
+/** Default descriptor line: KIND • STATUS-or-EDITED-ago • DETAIL. */
+export function defaultDescriptor(entry, strings) {
+    const middle = entry.status ?? formatMessage(strings.editedAgo, { ago: formatAgo(entry.updatedAt, strings) });
+    return [kindLabelFor(entry.kind, strings), middle, entry.detail]
+        .filter((part) => part !== undefined && part !== "")
+        .join(" • ");
+}

package/dist/fileRowIcons.d.ts

@@ -0,0 +1,10 @@
+import type { ReactElement } from "react";
+type IconComponent = () => ReactElement;
+interface KindVisual {
+    readonly Icon: IconComponent;
+    readonly token: string;
+}
+/** Resolves an entry kind to its prototype drawing + semantic token. */
+export declare function visualForKind(kind: string): KindVisual;
+export {};
+//# sourceMappingURL=fileRowIcons.d.ts.map

package/dist/fileRowIcons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fileRowIcons.d.ts","sourceRoot":"","sources":["../src/fileRowIcons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAwD1C,KAAK,aAAa,GAAG,MAAM,YAAY,CAAC;AAExC,UAAU,UAAU;IAClB,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAC;IAC7B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB;AAoBD,wEAAwE;AACxE,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,UAAU,CAEtD"}

package/dist/fileRowIcons.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// ---------------------------------------------------------------------------
+// Per-kind icons — the exact drawings of the VAULT v9 prototype
+// (vault-standalone.html): folder, dossier doc, workflow board, audit board,
+// world view. Kind families map onto the prototype's distinct drawings; the
+// token (not a hardcoded color) supplies the per-kind hue.
+// ---------------------------------------------------------------------------
+const FolderIcon = () => (_jsxs("svg", { width: 30, height: 26, viewBox: "0 0 48 42", fill: "none", "aria-hidden": "true", children: [_jsx("path", { d: "M3 6h14l4 5h24v25H3z", stroke: "currentColor", strokeWidth: 2, strokeLinejoin: "round" }), _jsx("path", { d: "M3 16h42", stroke: "currentColor", strokeWidth: 2 })] }));
+const DocIcon = () => (_jsxs("svg", { width: 26, height: 30, viewBox: "0 0 28 32", fill: "none", "aria-hidden": "true", children: [_jsx("path", { d: "M4 2h13l7 7v21H4z", stroke: "currentColor", strokeWidth: 2, strokeLinejoin: "round" }), _jsx("path", { d: "M17 2v7h7M8 14h10M8 19h10M8 24h6", stroke: "currentColor", strokeWidth: 1.6 })] }));
+const WorkflowBoardIcon = () => (_jsxs("svg", { width: 28, height: 28, viewBox: "0 0 30 30", fill: "none", "aria-hidden": "true", children: [_jsx("rect", { x: 2, y: 2, width: 9, height: 9, rx: 1.5, stroke: "currentColor", strokeWidth: 2 }), _jsx("rect", { x: 19, y: 11, width: 9, height: 9, rx: 1.5, stroke: "currentColor", strokeWidth: 2 }), _jsx("rect", { x: 2, y: 19, width: 9, height: 9, rx: 1.5, stroke: "currentColor", strokeWidth: 2 }), _jsx("path", { d: "M11 6.5h5.5A2.5 2.5 0 0 1 19 9v2M19 20.5h-5.5A2.5 2.5 0 0 1 11 18v-5", stroke: "currentColor", strokeWidth: 2 })] }));
+const AuditBoardIcon = () => (_jsxs("svg", { width: 28, height: 28, viewBox: "0 0 30 30", fill: "none", "aria-hidden": "true", children: [_jsx("rect", { x: 2, y: 2, width: 9, height: 9, rx: 1.5, stroke: "currentColor", strokeWidth: 2 }), _jsx("rect", { x: 19, y: 2, width: 9, height: 9, rx: 1.5, stroke: "currentColor", strokeWidth: 2 }), _jsx("rect", { x: 10, y: 19, width: 9, height: 9, rx: 1.5, stroke: "currentColor", strokeWidth: 2 }), _jsx("path", { d: "M11 11v3a2 2 0 0 0 2 2h3M15 7h4M7 11v8", stroke: "currentColor", strokeWidth: 2 })] }));
+const WorldIcon = () => (_jsxs("svg", { width: 28, height: 28, viewBox: "0 0 30 30", fill: "none", "aria-hidden": "true", children: [_jsx("circle", { cx: 15, cy: 15, r: 12, stroke: "currentColor", strokeWidth: 2 }), _jsx("path", { d: "M3 15h24M15 3c4 4 4 20 0 24M15 3c-4 4-4 20 0 24", stroke: "currentColor", strokeWidth: 1.6 })] }));
+/**
+ * Kind → distinct prototype drawing + semantic token. The prototype palette:
+ * folder blue(accent), doc mint(ok), board amber(warn), world purple(signal).
+ */
+const KIND_VISUALS = {
+    folder: { Icon: FolderIcon, token: "accent" },
+    dossier: { Icon: DocIcon, token: "ok" },
+    evidence: { Icon: DocIcon, token: "ok" },
+    reference: { Icon: DocIcon, token: "ok" },
+    board: { Icon: WorkflowBoardIcon, token: "warn" },
+    "workflow-board": { Icon: WorkflowBoardIcon, token: "warn" },
+    "audit-board": { Icon: AuditBoardIcon, token: "warn" },
+    world: { Icon: WorldIcon, token: "signal" },
+};
+/** Unknown kinds render the generic doc drawing under the accent token. */
+const FALLBACK_VISUAL = { Icon: DocIcon, token: "accent" };
+/** Resolves an entry kind to its prototype drawing + semantic token. */
+export function visualForKind(kind) {
+    return KIND_VISUALS[kind] ?? FALLBACK_VISUAL;
+}

package/dist/fileRowTypes.d.ts

@@ -0,0 +1,57 @@
+import type { FileEntrySummary } from "@zephytiju/lattice-common-interfaces";
+import type { RecentWorkStrings } from "./locales/index.js";
+/**
+ * Workspace sync state of a recent file — drives the row's live dot:
+ * "live" renders the bright ok token (the prototype's mint dot), "syncing"
+ * the warn token, "synced" the dimmed ok token.
+ */
+export type FileSyncState = "live" | "syncing" | "synced";
+/**
+ * One recent IFileEntry record: the bounded Lattice file-entry summary
+ * (id, name, kind, sizeBytes) plus exactly the recency data the Recent Work
+ * design specifies — the updatedAt instant the section orders and relativizes
+ * ("EDITED 4M AGO"), the workspace sync state driving the live dot, and the
+ * two optional descriptor metadata parts ("LATTICE", "8 BLOCKS").
+ */
+export interface RecentFileEntry extends FileEntrySummary {
+    /** ISO-8601 instant of the last edit — rows order by this, descending. */
+    readonly updatedAt: string;
+    /** Workspace sync state driving the row's live dot (default "live"). */
+    readonly sync?: FileSyncState;
+    /** Leading metadata status for the descriptor line (e.g. "LATTICE"); replaces the edited-ago part when present. */
+    readonly status?: string;
+    /** Trailing metadata detail for the descriptor line (e.g. "8 BLOCKS"). */
+    readonly detail?: string;
+}
+/** The recent-file projection the component consumes: entries ordered by recency by their publisher. */
+export interface RecentFilesProjection {
+    readonly entries: readonly RecentFileEntry[];
+}
+/**
+ * Payload published on "recent-work.opened-file" when a row is opened — a
+ * bounded file reference pinned to the IFileEntry interface. This is the
+ * navigation/open INTENT (decision D8): the shell and the File Viewer's path
+ * slot receive the identifier and interpret it in their own way (D6);
+ * receivers fetch their own domain data (D4). Opening a recent file is NOT
+ * audit-worthy.
+ */
+export type OpenedFile = {
+    readonly id: string;
+    readonly name: string;
+    readonly kind: string;
+    readonly sync: FileSyncState;
+    readonly ontologyInterface: "IFileEntry";
+};
+export interface FileRowProps {
+    /** The recent file entry the row renders. */
+    readonly entry: RecentFileEntry;
+    /** Locale-resolved string table (supplied by RecentWork or the host). */
+    readonly strings: RecentWorkStrings;
+    /** Supplies the full descriptor line (defaults to kind • status-or-editedAgo • detail). */
+    readonly descriptor?: (entry: RecentFileEntry) => string;
+    /** Renders the + insert affordance (insert contexts only; default off). */
+    readonly insertAffordance?: boolean;
+    /** Label for the insert affordance (defaults to the locale's `insert`). */
+    readonly insertLabel?: string;
+}
+//# sourceMappingURL=fileRowTypes.d.ts.map

package/dist/fileRowTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fileRowTypes.d.ts","sourceRoot":"","sources":["../src/fileRowTypes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAE5D;;;;GAIG;AACH,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE1D;;;;;;GAMG;AACH,MAAM,WAAW,eAAgB,SAAQ,gBAAgB;IACvD,0EAA0E;IAC1E,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,wEAAwE;IACxE,QAAQ,CAAC,IAAI,CAAC,EAAE,aAAa,CAAC;IAC9B,mHAAmH;IACnH,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,0EAA0E;IAC1E,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,wGAAwG;AACxG,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,OAAO,EAAE,SAAS,eAAe,EAAE,CAAC;CAC9C;AAED;;;;;;;GAOG;AACH,MAAM,MAAM,UAAU,GAAG;IACvB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAC;IAC7B,QAAQ,CAAC,iBAAiB,EAAE,YAAY,CAAC;CAC1C,CAAC;AAEF,MAAM,WAAW,YAAY;IAC3B,6CAA6C;IAC7C,QAAQ,CAAC,KAAK,EAAE,eAAe,CAAC;IAChC,yEAAyE;IACzE,QAAQ,CAAC,OAAO,EAAE,iBAAiB,CAAC;IACpC,2FAA2F;IAC3F,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,MAAM,CAAC;IACzD,2EAA2E;IAC3E,QAAQ,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IACpC,2EAA2E;IAC3E,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;CAC/B"}

package/dist/fileRowTypes.js

@@ -0,0 +1 @@
+export {};

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+export { RecentWork } from "./RecentWork.js";
+export type { RecentWorkProps } from "./RecentWork.js";
+export { FileRow } from "./FileRow.js";
+export type { FileRowProps, FileSyncState, RecentFileEntry, RecentFilesProjection, OpenedFile, } from "./FileRow.js";
+export { en, zhCN, locales, stringsForLocale, formatMessage } from "./locales/index.js";
+export type { RecentWorkLocale, RecentWorkStrings } from "./locales/index.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,YAAY,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,YAAY,EACV,YAAY,EACZ,aAAa,EACb,eAAe,EACf,qBAAqB,EACrB,UAAU,GACX,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxF,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/index.js

@@ -0,0 +1,3 @@
+export { RecentWork } from "./RecentWork.js";
+export { FileRow } from "./FileRow.js";
+export { en, zhCN, locales, stringsForLocale, formatMessage } from "./locales/index.js";

package/dist/locales/en.json

@@ -0,0 +1,25 @@
+{
+  "recent-work": {
+    "sectionTitle": "RECENT WORK",
+    "sectionMeta": "CONTINUE WHERE YOU LEFT OFF",
+    "emptyTitle": "No recent work yet",
+    "emptyHint": "Files you open and edit will appear here so you can pick up where you left off.",
+    "openFile": "Open file",
+    "editedAgo": "EDITED {ago} AGO",
+    "minutesAgo": "{count}M",
+    "hoursAgo": "{count}H",
+    "daysAgo": "{count}D",
+    "syncLive": "Live",
+    "syncSyncing": "Syncing",
+    "syncSynced": "Synced",
+    "insert": "+",
+    "kindFolder": "FOLDER",
+    "kindDossier": "DOSSIER FILE",
+    "kindEvidence": "EVIDENCE FILE",
+    "kindReference": "REFERENCE",
+    "kindBoard": "BOARD",
+    "kindWorkflowBoard": "WORKFLOW BOARD",
+    "kindAuditBoard": "AUDIT BOARD",
+    "kindWorld": "GEOVISION FILE"
+  }
+}

package/dist/locales/index.d.ts

@@ -0,0 +1,81 @@
+import enBundle from "./en.json";
+/**
+ * Locales the recent-work micro-UI bundles. Every component-fixed UI string
+ * is resolved from these bundles (statically imported, resolveJsonModule); the
+ * component never hardcodes copy. Configuration-provided strings (an explicit
+ * sectionTitle override, …) stay composition-authored and are localized by the
+ * composer.
+ */
+export type RecentWorkLocale = "en" | "zh-CN";
+/**
+ * The per-locale string table — the keys of the en bundle. Declared widened
+ * (string values) so the zh-CN bundle is checked for exact key parity at
+ * compile time while keeping literal JSON types out of the public surface.
+ */
+export type RecentWorkStrings = {
+    readonly [K in keyof typeof enBundle["recent-work"]]: string;
+};
+/** Parsed en locale bundle (namespaced under the component id "recent-work"). */
+export declare const en: {
+    "recent-work": {
+        sectionTitle: string;
+        sectionMeta: string;
+        emptyTitle: string;
+        emptyHint: string;
+        openFile: string;
+        editedAgo: string;
+        minutesAgo: string;
+        hoursAgo: string;
+        daysAgo: string;
+        syncLive: string;
+        syncSyncing: string;
+        syncSynced: string;
+        insert: string;
+        kindFolder: string;
+        kindDossier: string;
+        kindEvidence: string;
+        kindReference: string;
+        kindBoard: string;
+        kindWorkflowBoard: string;
+        kindAuditBoard: string;
+        kindWorld: string;
+    };
+};
+/** Parsed zh-CN locale bundle (namespaced under the component id "recent-work"). */
+export declare const zhCN: {
+    "recent-work": {
+        sectionTitle: string;
+        sectionMeta: string;
+        emptyTitle: string;
+        emptyHint: string;
+        openFile: string;
+        editedAgo: string;
+        minutesAgo: string;
+        hoursAgo: string;
+        daysAgo: string;
+        syncLive: string;
+        syncSyncing: string;
+        syncSynced: string;
+        insert: string;
+        kindFolder: string;
+        kindDossier: string;
+        kindEvidence: string;
+        kindReference: string;
+        kindBoard: string;
+        kindWorkflowBoard: string;
+        kindAuditBoard: string;
+        kindWorld: string;
+    };
+};
+/** All bundled locale bundles keyed by locale id — for downstream deep-merge. */
+export declare const locales: Record<RecentWorkLocale, {
+    readonly "recent-work": RecentWorkStrings;
+}>;
+/** Resolves the string table for a locale. */
+export declare function stringsForLocale(locale: RecentWorkLocale): RecentWorkStrings;
+/**
+ * Simple `{placeholder}` interpolation (e.g. `"EDITED {ago} AGO"` + ago).
+ * Placeholder-for-value substitution only — no ICU, no regexes.
+ */
+export declare function formatMessage(template: string, values: Readonly<Record<string, string | number>>): string;
+//# sourceMappingURL=index.d.ts.map

package/dist/locales/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/locales/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,WAAW,CAAC;AAGjC;;;;;;GAMG;AACH,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,OAAO,CAAC;AAE9C;;;;GAIG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,CAAC,IAAI,MAAM,OAAO,QAAQ,CAAC,aAAa,CAAC,GAAG,MAAM;CAC7D,CAAC;AAOF,iFAAiF;AACjF,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;CAAW,CAAC;AAE3B,oFAAoF;AACpF,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;CAAa,CAAC;AAE/B,iFAAiF;AACjF,eAAO,MAAM,OAAO;4BAZ8C,iBAAiB;EAYrD,CAAC;AAE/B,8CAA8C;AAC9C,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,gBAAgB,GAAG,iBAAiB,CAE5E;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAC3B,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC,GAChD,MAAM,CAMR"}

package/dist/locales/index.js

@@ -0,0 +1,27 @@
+import enBundle from "./en.json";
+import zhCNBundle from "./zh-CN.json";
+const bundles = {
+    en: enBundle,
+    "zh-CN": zhCNBundle,
+};
+/** Parsed en locale bundle (namespaced under the component id "recent-work"). */
+export const en = enBundle;
+/** Parsed zh-CN locale bundle (namespaced under the component id "recent-work"). */
+export const zhCN = zhCNBundle;
+/** All bundled locale bundles keyed by locale id — for downstream deep-merge. */
+export const locales = bundles;
+/** Resolves the string table for a locale. */
+export function stringsForLocale(locale) {
+    return bundles[locale]["recent-work"];
+}
+/**
+ * Simple `{placeholder}` interpolation (e.g. `"EDITED {ago} AGO"` + ago).
+ * Placeholder-for-value substitution only — no ICU, no regexes.
+ */
+export function formatMessage(template, values) {
+    let result = template;
+    for (const [key, value] of Object.entries(values)) {
+        result = result.replaceAll(`{${key}}`, String(value));
+    }
+    return result;
+}

package/dist/locales/zh-CN.json

@@ -0,0 +1,25 @@
+{
+  "recent-work": {
+    "sectionTitle": "最近工作",
+    "sectionMeta": "从上次中断处继续",
+    "emptyTitle": "暂无最近工作",
+    "emptyHint": "打开和编辑过的文件会出现在这里，便于快速继续上次的工作。",
+    "openFile": "打开文件",
+    "editedAgo": "编辑于 {ago}前",
+    "minutesAgo": "{count}分钟",
+    "hoursAgo": "{count}小时",
+    "daysAgo": "{count}天",
+    "syncLive": "实时",
+    "syncSyncing": "同步中",
+    "syncSynced": "已同步",
+    "insert": "+",
+    "kindFolder": "文件夹",
+    "kindDossier": "案卷文件",
+    "kindEvidence": "证据文件",
+    "kindReference": "参考资料",
+    "kindBoard": "看板",
+    "kindWorkflowBoard": "工作流板",
+    "kindAuditBoard": "审计板",
+    "kindWorld": "GEOVISION 文件"
+  }
+}

package/locales/en.json

@@ -0,0 +1,25 @@
+{
+  "recent-work": {
+    "sectionTitle": "RECENT WORK",
+    "sectionMeta": "CONTINUE WHERE YOU LEFT OFF",
+    "emptyTitle": "No recent work yet",
+    "emptyHint": "Files you open and edit will appear here so you can pick up where you left off.",
+    "openFile": "Open file",
+    "editedAgo": "EDITED {ago} AGO",
+    "minutesAgo": "{count}M",
+    "hoursAgo": "{count}H",
+    "daysAgo": "{count}D",
+    "syncLive": "Live",
+    "syncSyncing": "Syncing",
+    "syncSynced": "Synced",
+    "insert": "+",
+    "kindFolder": "FOLDER",
+    "kindDossier": "DOSSIER FILE",
+    "kindEvidence": "EVIDENCE FILE",
+    "kindReference": "REFERENCE",
+    "kindBoard": "BOARD",
+    "kindWorkflowBoard": "WORKFLOW BOARD",
+    "kindAuditBoard": "AUDIT BOARD",
+    "kindWorld": "GEOVISION FILE"
+  }
+}

package/locales/zh-CN.json

@@ -0,0 +1,25 @@
+{
+  "recent-work": {
+    "sectionTitle": "最近工作",
+    "sectionMeta": "从上次中断处继续",
+    "emptyTitle": "暂无最近工作",
+    "emptyHint": "打开和编辑过的文件会出现在这里，便于快速继续上次的工作。",
+    "openFile": "打开文件",
+    "editedAgo": "编辑于 {ago}前",
+    "minutesAgo": "{count}分钟",
+    "hoursAgo": "{count}小时",
+    "daysAgo": "{count}天",
+    "syncLive": "实时",
+    "syncSyncing": "同步中",
+    "syncSynced": "已同步",
+    "insert": "+",
+    "kindFolder": "文件夹",
+    "kindDossier": "案卷文件",
+    "kindEvidence": "证据文件",
+    "kindReference": "参考资料",
+    "kindBoard": "看板",
+    "kindWorkflowBoard": "工作流板",
+    "kindAuditBoard": "审计板",
+    "kindWorld": "GEOVISION 文件"
+  }
+}

package/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "@zephytiju/prism-recent-work",
+  "version": "0.1.0",
+  "type": "module",
+  "description": "Platform Prism recent-work micro-UI (component id \"recent-work\"): the VAULT root-level continuation strip — RECENT WORK / CONTINUE WHERE YOU LEFT OFF header plus per-prototype file-row members (kind icon, name, descriptor, live sync dot) rendering recent IFileEntry records 0..N at app runtime, ordered by updatedAt with an optional recency window and a configurable column grid. Consumes the recent-work.file-entries channel; opening a row publishes the navigation/open intent bounded payload for the shell and the File Viewer's path slot. No Lattice calls. Ships en + zh-CN locale bundles.",
+  "license": "UNLICENSED",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./locales/*": "./locales/*"
+  },
+  "publishConfig": { "access": "public" },
+  "files": ["dist", "locales"],
+  "scripts": {
+    "dev": "vite --host 127.0.0.1",
+    "build": "tsc -p tsconfig.build.json && node scripts/copy-locales.mjs",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run",
+    "shot-demo": "node scripts/shot-demo.mjs"
+  },
+  "peerDependencies": {
+    "@mantine/core": "^8.1.1",
+    "@zephytiju/lattice-common-interfaces": ">=0.1.0",
+    "@zephytiju/prism-react": ">=0.1.0",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0"
+  },
+  "devDependencies": {
+    "@mantine/core": "8.1.1",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/react": "^16.1.0",
+    "@types/node": "^22.10.2",
+    "@types/react": "^19.1.0",
+    "@types/react-dom": "^19.1.0",
+    "@zephytiju/lattice-common-interfaces": "0.1.0",
+    "@zephytiju/prism-react": "0.1.0",
+    "jsdom": "^25.0.1",
+    "puppeteer-core": "^24.10.0",
+    "react": "19.1.0",
+    "react-dom": "19.1.0",
+    "typescript": "^5.7.2",
+    "vite": "6.0.5",
+    "vitest": "^2.1.8"
+  },
+  "engines": {
+    "node": ">=20"
+  }
+}