@prettier-ai/dsh-client-ui-schedule 0.1.2-alpha.2

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 DeepSeek
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.i18n.yaml

@@ -0,0 +1,6 @@
+# Bilingual-pair consistency record (docs/i18n/README.md): the git blob hash of each
+# side as of the last confirmed-consistent state. Both languages carry equal authority;
+# after editing either side, bring the other along and re-record with:
+#   pnpm run verify-translation-pairing --write packages/client/ui-schedule/README.md
+README.md: 2d75746876daf453b01ff2e84b6e62ed018c205c
+README.zh.md: 32925e73aed252189764c4eafc0f5ecc58bb2a08

package/README.md

@@ -0,0 +1,109 @@
+---
+description: "The read-only Web catalog for active Schedule reminders, for users choosing the surface and maintainers of its projection, timing, and accessibility behavior."
+kind: "package-reference"
+---
+
+# @deepseek-ai/dsh-client-ui-schedule
+
+English | [中文](README.zh.md)
+
+## Summary
+
+This package renders a read-only catalog of the current Session's active Schedule reminders in the Web header. It reads the complete `schedule` projection and issues no RPC or mutation. The browser derives status, local time, relative time, and ordering without adding those presentation values to durable state. The shipped Web bundle keeps the plugin disabled until the explicit Schedule overlay enables both the Host Schedule services and this client row.
+
+## Table of Contents
+
+- [Use this package](#use-this-package)
+- [Understand the implementation](#understand-the-implementation)
+- [Further Exploration](#further-exploration)
+- [Model Experience](#model-experience)
+- [Known Limitations and Deferred Work](#known-limitations-and-deferred-work)
+- [Dev Note](#dev-note)
+
+-----
+
+<a id="use-this-package"></a>
+## Use this package
+
+Enable the Schedule overlay before starting the Web Session that should expose reminders:
+
+```sh
+dsh web --patch apps/cli/config/examples/schedule/cordis.yml
+```
+
+The shipped Web graph already resolves `@deepseek-ai/dsh-client-ui-schedule` through a disabled `ui-schedule` row; the overlay enables that row together with `@deepseek-ai/dsh-schedule`. The trigger appears only while the Session is successfully open and the projection contains at least one active record. Opening it shows overdue rows first, then future rows by target time, with exact ties preserving the projection's creation order.
+
+### Read and dismiss the catalog
+
+Each row shows the complete wrapping prompt, a separate Scheduled or Overdue status, localized Once or the largest exact whole unit for a repeating interval, browser-local target time, and browser-clock-relative time. Intervals are never rounded, and the three metadata fields wrap across lines instead of clipping valid large values. The 336px popover scrolls vertically when needed and exposes no Schedule id, raw UTC value, details, or action controls.
+
+Only the native trigger button enters the tab order. Enter and Space use normal button activation; while focus remains on the trigger or catalog, Escape closes the popover and restores trigger focus; an outside pointer press dismisses it. If a live update removes the final record, the component closes and unmounts without moving focus to another header action. A failed Session open hides the trigger even when a tentative cached projection exists.
+
+-----
+
+<a id="understand-the-implementation"></a>
+## Understand the implementation
+
+<details>
+<summary>Implementation internals — click to expand</summary>
+
+The browser plugin contributes `schedule-catalog` to `conversation.session.header.actions` at order 10, after static Agent and Subagent context and before background Jobs. It reads `openState` through the standard Session hook and the complete value through `useProjection('schedule')`; popover visibility is its only local interaction state. Browser formatting uses the viewing locale, time zone, and clock, while durable Schedule records remain unchanged.
+
+### Source map
+
+| File | Role |
+|---|---|
+| [`src/client/index.ts`](src/client/index.ts) | Browser entry: locale registration and Session-header slot contribution |
+| [`src/client/ScheduleCatalogAction.tsx`](src/client/ScheduleCatalogAction.tsx) | Visibility, ordering, formatting, popover, and keyboard behavior |
+| [`src/client/locales.ts`](src/client/locales.ts) | English and Chinese catalog copy |
+| [`src/index.ts`](src/index.ts) | Empty Host apply that keeps the optional browser feature addressable by Loader |
+| [`src/invariant.ts`](src/invariant.ts) | Invariant companion; the package owns no mutable cross-plugin state |
+
+The [durable Web Schedule Agent Note](../../../.agents/notes/implemented/feature/2026-08-05-durable-web-schedule.md) owns the active projection and opt-in presentation boundary; this package owns the catalog's timing and accessibility behavior.
+
+</details>
+
+-----
+
+<a id="further-exploration"></a>
+## Further Exploration
+
+Read these pages when the catalog itself is not enough. They move from the browser presentation to the durable Schedule state and shared projection transport.
+
+- [Schedule package](../../schedule/schedule/README.md) — creates, lists, cancels, and delivers the reminders shown here.
+- [Schedule subsystem](../../../docs/subsystems/schedule.md) — durable record, transition, and delivery semantics.
+- [Session projections subsystem](../../../docs/subsystems/session-projection.md) — the complete-value transport this package reads.
+- [Client package map](../README.md) — adjacent browser UI packages.
+
+-----
+
+<a id="model-experience"></a>
+## Model Experience
+
+None, as this package renders a completed client projection for a human and never changes prompts, messages, schemas, streams, or tool results.
+
+#### KV Cache effect
+
+None; the package never assembles or sends provider requests.
+
+## Known Limitations and Deferred Work
+
+<a id="known-limitations-and-deferred-work"></a>
+
+
+These limits define the current Schedule catalog. They are current package constraints, not a reminder-service comparison or a task backlog.
+
+- **Active records only** — terminal delete and dispatch transitions remove rows; the ordinary transcript remains the only reminder-delivery history.
+- **Browser-derived time** — local and relative labels use the viewing browser's current locale, time zone, and clock. They are presentation values, not durable Schedule facts.
+- **Read-only surface** — creating and deleting reminders remain with the Schedule tools; the catalog has no mutation, retry, acknowledgement, toast, or delivery-receipt semantics.
+- **Open Session required** — a failed open hides even a tentative cached value because strict Session replay remains authoritative.
+
+<a id="dev-note"></a>
+### Dev Note
+
+<details>
+<summary>Working context for maintainers — click to expand</summary>
+
+None.
+
+</details>

package/README.zh.md

@@ -0,0 +1,109 @@
+---
+description: "面向用户与维护者的活动 Schedule 提醒只读 Web 目录说明，用于选择该界面并理解其 projection、时间与无障碍行为。"
+kind: "package-reference"
+---
+
+# @deepseek-ai/dsh-client-ui-schedule
+
+[English](README.md) | 中文
+
+## 概述
+
+本包在 Web 会话头部渲染当前 Session 活动 Schedule 提醒的只读目录。它读取完整的 `schedule` projection，不发 RPC，也不执行 mutation。浏览器派生状态、本地时间、相对时间与排序，不把这些呈现值加入持久状态。随附 Web bundle 默认禁用该插件，只有显式 Schedule overlay 才会同时启用 Host Schedule 服务与此客户端 row。
+
+## 目录
+
+- [使用本包](#use-this-package)
+- [理解实现](#understand-the-implementation)
+- [进一步探索](#further-exploration)
+- [模型体验](#model-experience)
+- [已知限制与延期工作](#known-limitations-and-deferred-work)
+- [开发备注](#dev-note)
+
+-----
+
+<a id="use-this-package"></a>
+## 使用本包
+
+在需要显示提醒的 Web Session 启动前启用 Schedule overlay：
+
+```sh
+dsh web --patch apps/cli/config/examples/schedule/cordis.yml
+```
+
+随附 Web graph 已通过 disabled 的 `ui-schedule` row 解析 `@deepseek-ai/dsh-client-ui-schedule`；overlay 会把该 row 与 `@deepseek-ai/dsh-schedule` 一起启用。只有 Session 已成功打开且 projection 至少包含一条活动记录时，触发器才会出现。打开目录后，逾期行在前，未来行再按目标时间排序；完全并列时保留 projection 的创建顺序。
+
+### 阅读和关闭目录
+
+每一行显示可完整换行的 prompt、独立的「等待中」或「已逾期」状态、本地化的「单次」或重复间隔可整除的最大完整单位、浏览器本地目标时间，以及按浏览器时钟派生的相对时间。间隔绝不舍入，三项元数据会按行换行，不会裁剪合法的大数值。336px 宽的弹层在需要时纵向滚动，不显示 Schedule id、原始 UTC 值、详情或操作控件。
+
+只有原生触发按钮进入 Tab 顺序。Enter 与 Space 使用按钮的正常激活行为；焦点仍在触发器或目录内时，Escape 会关闭弹层并把焦点交还触发器；在外部按下指针也会关闭。若 live 更新移除最后一条记录，组件会关闭并卸载，但不会把焦点移到另一个会话头部动作。Session 打开失败时，即使存在暂定的缓存 projection，也会隐藏触发器。
+
+-----
+
+<a id="understand-the-implementation"></a>
+## 理解实现
+
+<details>
+<summary>实现细节——点击展开</summary>
+
+浏览器插件以顺序 10 向 `conversation.session.header.actions` 贡献 `schedule-catalog`，位于静态 Agent 与 Subagent 上下文之后、后台 Jobs 之前。它通过标准 Session hook 读取 `openState`，通过 `useProjection('schedule')` 读取完整值；弹层开合是它唯一的本地交互状态。浏览器格式化使用查看方的 locale、时区与时钟，持久 Schedule 记录保持不变。
+
+### 源码地图
+
+| 文件 | 职责 |
+|---|---|
+| [`src/client/index.ts`](src/client/index.ts) | 浏览器入口：注册 locale 并贡献 Session 头部 slot |
+| [`src/client/ScheduleCatalogAction.tsx`](src/client/ScheduleCatalogAction.tsx) | 可见性、排序、格式化、弹层与键盘行为 |
+| [`src/client/locales.ts`](src/client/locales.ts) | 中英文目录文案 |
+| [`src/index.ts`](src/index.ts) | 空的 Host apply，使 Loader 可以寻址该可选浏览器功能 |
+| [`src/invariant.ts`](src/invariant.ts) | 不变式伴生插件；本包不拥有可变跨插件状态 |
+
+[持久 Web Schedule Agent Note](../../../.agents/notes/implemented/feature/2026-08-05-durable-web-schedule.zh.md)拥有活动 projection 与 opt-in 呈现边界；本包拥有目录的时间与无障碍行为。
+
+</details>
+
+-----
+
+<a id="further-exploration"></a>
+## 进一步探索
+
+当目录本身不够用时阅读以下页面。它们从浏览器呈现逐步进入持久 Schedule 状态与共享 projection 传输。
+
+- [Schedule 包](../../schedule/schedule/README.zh.md)——创建、列出、取消并交付这里显示的提醒。
+- [Schedule 子系统](../../../docs/subsystems/schedule.zh.md)——持久记录、转换与交付语义。
+- [会话投影子系统](../../../docs/subsystems/session-projection.zh.md)——本包读取的完整值传输。
+- [客户端包映射](../README.zh.md)——相邻的浏览器 UI 包。
+
+-----
+
+<a id="model-experience"></a>
+## 模型体验
+
+无，因为本包只为人类渲染已经完成的客户端 projection，从不改变 prompt、消息、schema、流或工具结果。
+
+#### KV Cache 影响
+
+无；本包从不组装或发送 provider 请求。
+
+## 已知限制与延期工作
+
+<a id="known-limitations-and-deferred-work"></a>
+
+
+这些限制界定当前 Schedule 目录。它们是当前包约束，不是提醒服务对比或任务积压。
+
+- **仅含活动记录**——终结性的 delete 与 dispatch 转换会移除对应行；普通 transcript 仍是唯一的提醒交付历史。
+- **浏览器派生时间**——本地时间与相对时间标签使用查看方浏览器当前的 locale、时区与时钟。它们是呈现值，不是持久 Schedule 事实。
+- **只读界面**——创建与删除提醒仍由 Schedule 工具负责；目录没有 mutation、Retry、acknowledgement、Toast 或交付回执语义。
+- **要求 Session 打开成功**——打开失败时，即使存在暂定缓存值也会隐藏，因为严格 Session 回放仍是权威。
+
+<a id="dev-note"></a>
+### 开发备注
+
+<details>
+<summary>维护者的工作上下文——点击展开</summary>
+
+无。
+
+</details>

package/lib/client.js

@@ -0,0 +1,290 @@
+window.__ModuleLoader__.load({
+	id: "@prettier-ai/dsh-client-ui-schedule",
+	factory: (require) => {
+		var module = { exports: {} };
+		var exports = module.exports;
+		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+		let react_jsx_runtime = require("react/jsx-runtime");
+		let react = require("react");
+		let _prettier_ai_dsh_client_ui_primitives = require("@prettier-ai/dsh-client-ui-primitives");
+		//#region \0dsh-css:/home/runner/work/dsh-publisher/dsh-publisher/upstream/packages/client/ui-schedule/src/client/ScheduleCatalogAction.module.css.mjs
+		const css = ".sRbB7a_root{position:relative}.sRbB7a_trigger{min-height:28px;color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:4px;padding:3px 2px;font-size:12px;line-height:18px;display:inline-flex}.sRbB7a_trigger:hover,.sRbB7a_trigger:focus-visible{color:var(--dsw-alias-label-secondary)}.sRbB7a_trigger svg{flex:none}.sRbB7a_trigger>svg:last-child{transition:transform .12s}.sRbB7a_triggerOpen{transform:rotate(180deg)}.sRbB7a_count{margin-left:2px}.sRbB7a_menu{z-index:100;box-sizing:border-box;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-specific-menu);--dsh-scrollbar-thumb:var(--dsw-alias-scrollbar-bg-l2);--dsh-scrollbar-thumb-hover:var(--dsw-alias-scrollbar-hover-l2);width:336px;max-width:min(336px,100vw - 32px);max-height:min(420px,100vh - 140px);box-shadow:var(--dsw-shadow-lv3);border-radius:12px;flex-direction:column;gap:2px;margin:0;padding:4px;list-style:none;display:flex;position:absolute;top:calc(100% + 5px);right:0;overflow:auto}.sRbB7a_row{box-sizing:border-box;width:100%;min-height:54px;color:var(--dsw-alias-label-primary);border-radius:8px;flex-direction:column;flex-shrink:0;gap:3px;padding:8px 10px;display:flex}.sRbB7a_rowOverdue{background:var(--dsw-alias-state-warn-tertiary)}.sRbB7a_status{color:var(--dsw-alias-label-tertiary);align-items:center;gap:5px;font-size:11px;line-height:16px;display:inline-flex}.sRbB7a_statusDot{background:var(--dsw-alias-state-business-primary);border-radius:50%;flex:none;width:8px;height:8px}.sRbB7a_rowOverdue .sRbB7a_status{color:var(--dsw-alias-state-warn-label)}.sRbB7a_rowOverdue .sRbB7a_statusDot{background:var(--dsw-alias-state-warn-primary)}.sRbB7a_prompt{overflow-wrap:anywhere;white-space:normal;font-size:13px;line-height:18px}.sRbB7a_metadata{min-width:0;color:var(--dsw-alias-label-tertiary);flex-wrap:wrap;align-items:center;gap:5px;font-size:11px;line-height:16px;display:flex}.sRbB7a_relativeOverdue{color:var(--dsw-alias-state-warn-label)}";
+		const tagId = "@prettier-ai/dsh-client-ui-schedule/ScheduleCatalogAction.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@prettier-ai/dsh-client-ui-schedule";
+			tag.dataset.pluginCss = tagId;
+			tag.textContent = css;
+			document.head.appendChild(tag);
+		}
+		var ScheduleCatalogAction_module_css_default = {
+			"count": "sRbB7a_count",
+			"menu": "sRbB7a_menu",
+			"metadata": "sRbB7a_metadata",
+			"prompt": "sRbB7a_prompt",
+			"relativeOverdue": "sRbB7a_relativeOverdue",
+			"root": "sRbB7a_root",
+			"row": "sRbB7a_row",
+			"rowOverdue": "sRbB7a_rowOverdue",
+			"status": "sRbB7a_status",
+			"statusDot": "sRbB7a_statusDot",
+			"trigger": "sRbB7a_trigger",
+			"triggerOpen": "sRbB7a_triggerOpen"
+		};
+		//#endregion
+		//#region lib/types/client/ScheduleCatalogAction.js
+		const EMPTY_RECORDS = [];
+		const SECOND_MS = 1e3;
+		const SECOND_UNIT = {
+			unit: "second",
+			seconds: 1
+		};
+		const UNIT_SECONDS = [
+			{
+				unit: "day",
+				seconds: 86400
+			},
+			{
+				unit: "hour",
+				seconds: 3600
+			},
+			{
+				unit: "minute",
+				seconds: 60
+			},
+			SECOND_UNIT
+		];
+		/** Localized unit word for one integral magnitude. */
+		function unitLabel(unit, value, t) {
+			const pair = {
+				day: ["unit.day.one", "unit.day.other"],
+				hour: ["unit.hour.one", "unit.hour.other"],
+				minute: ["unit.minute.one", "unit.minute.other"],
+				second: ["unit.second.one", "unit.second.other"]
+			}[unit];
+			return t(value === 1 ? pair[0] : pair[1], { count: value });
+		}
+		/** Pick the largest exact whole unit without rounding the durable interval. */
+		function formatScheduleFrequency(record, t) {
+			if (record.kind !== "every") return t("frequency.once");
+			let selected = SECOND_UNIT;
+			for (const candidate of UNIT_SECONDS) {
+				if (record.everySeconds % candidate.seconds !== 0) continue;
+				selected = candidate;
+				break;
+			}
+			const value = record.everySeconds / selected.seconds;
+			return t("frequency.every", {
+				value,
+				unit: unitLabel(selected.unit, value, t)
+			});
+		}
+		/** Format the durable UTC target in the browser's current locale and time zone. */
+		function formatScheduleLocalTime(scheduledAt, locale) {
+			return new Intl.DateTimeFormat(locale, {
+				dateStyle: "medium",
+				timeStyle: "short"
+			}).format(Date.parse(scheduledAt));
+		}
+		/** Human relative target using the largest natural clock unit. */
+		function formatScheduleRelative(scheduledAt, now, t) {
+			const difference = Date.parse(scheduledAt) - now;
+			if (difference === 0) return t("relative.now");
+			const absoluteSeconds = Math.abs(difference) / SECOND_MS;
+			const selected = UNIT_SECONDS.find((candidate) => absoluteSeconds >= candidate.seconds) ?? SECOND_UNIT;
+			const value = Math.max(1, difference > 0 ? Math.ceil(absoluteSeconds / selected.seconds) : Math.floor(absoluteSeconds / selected.seconds));
+			const unit = unitLabel(selected.unit, value, t);
+			return t(difference > 0 ? "relative.future" : "relative.overdue", {
+				value,
+				unit
+			});
+		}
+		/** Overdue records first, then ascending target time; exact ties stay stable. */
+		function orderScheduleRecords(records, now) {
+			return records.map((record, index) => ({
+				record,
+				index
+			})).sort((left, right) => {
+				const leftTime = Date.parse(left.record.scheduledAt);
+				const rightTime = Date.parse(right.record.scheduledAt);
+				const leftOverdue = leftTime <= now;
+				const rightOverdue = rightTime <= now;
+				if (leftOverdue !== rightOverdue) return Number(rightOverdue) - Number(leftOverdue);
+				return leftTime - rightTime || left.index - right.index;
+			}).map(({ record }) => record);
+		}
+		/** Read-only current-Session active reminder catalog. */
+		function ScheduleCatalogAction({ useSession, useProjection, t }) {
+			const openState = useSession((snapshot) => snapshot.openState);
+			const records = useProjection("schedule") ?? EMPTY_RECORDS;
+			const visible = openState === "open" && records.length > 0;
+			const [open, setOpen] = (0, react.useState)(false);
+			const [now, setNow] = (0, react.useState)(() => Date.now());
+			const rootRef = (0, react.useRef)(null);
+			const triggerRef = (0, react.useRef)(null);
+			(0, _prettier_ai_dsh_client_ui_primitives.useDismissOnOutsidePointer)(rootRef, open, setOpen);
+			(0, react.useEffect)(() => {
+				if (!open) return;
+				setNow(Date.now());
+				const timer = setInterval(() => {
+					setNow(Date.now());
+				}, SECOND_MS);
+				return () => {
+					clearInterval(timer);
+				};
+			}, [open]);
+			(0, react.useEffect)(() => {
+				if (visible || !open) return;
+				setOpen(false);
+			}, [visible, open]);
+			const rows = (0, react.useMemo)(() => orderScheduleRecords(records, now), [records, now]);
+			if (!visible) return null;
+			const countLabel = t(records.length === 1 ? "trigger.one" : "trigger.other", { count: records.length });
+			const toggleCatalog = () => {
+				setNow(Date.now());
+				setOpen((current) => !current);
+			};
+			const onKeyDown = (event) => {
+				if (event.key !== "Escape" || !open) return;
+				event.preventDefault();
+				setOpen(false);
+				triggerRef.current?.focus();
+			};
+			const trigger = (0, react_jsx_runtime.jsxs)("button", {
+				ref: triggerRef,
+				type: "button",
+				className: ScheduleCatalogAction_module_css_default.trigger,
+				"aria-expanded": open,
+				"aria-label": countLabel,
+				onClick: toggleCatalog,
+				children: [
+					(0, react_jsx_runtime.jsx)(_prettier_ai_dsh_client_ui_primitives.IconAlarmClockOutline16, { size: 14 }),
+					(0, react_jsx_runtime.jsx)("span", {
+						className: ScheduleCatalogAction_module_css_default.count,
+						children: countLabel
+					}),
+					(0, react_jsx_runtime.jsx)(_prettier_ai_dsh_client_ui_primitives.IconChevronDownOutline14, { className: open ? ScheduleCatalogAction_module_css_default.triggerOpen : void 0 })
+				]
+			});
+			const catalog = open ? (0, react_jsx_runtime.jsx)("ul", {
+				className: ScheduleCatalogAction_module_css_default.menu,
+				"aria-label": t("list.aria"),
+				children: rows.map((record) => {
+					const overdue = Date.parse(record.scheduledAt) <= now;
+					return (0, react_jsx_runtime.jsxs)("li", {
+						className: overdue ? `${ScheduleCatalogAction_module_css_default.row} ${ScheduleCatalogAction_module_css_default.rowOverdue}` : ScheduleCatalogAction_module_css_default.row,
+						children: [
+							(0, react_jsx_runtime.jsxs)("span", {
+								className: ScheduleCatalogAction_module_css_default.status,
+								children: [(0, react_jsx_runtime.jsx)("span", {
+									className: ScheduleCatalogAction_module_css_default.statusDot,
+									"aria-hidden": "true"
+								}), (0, react_jsx_runtime.jsx)("span", { children: t(overdue ? "status.overdue" : "status.scheduled") })]
+							}),
+							(0, react_jsx_runtime.jsx)("span", {
+								className: ScheduleCatalogAction_module_css_default.prompt,
+								children: record.prompt
+							}),
+							(0, react_jsx_runtime.jsxs)("span", {
+								className: ScheduleCatalogAction_module_css_default.metadata,
+								children: [
+									(0, react_jsx_runtime.jsx)("span", { children: formatScheduleFrequency(record, t) }),
+									(0, react_jsx_runtime.jsx)("span", {
+										"aria-hidden": "true",
+										children: "·"
+									}),
+									(0, react_jsx_runtime.jsx)("span", { children: formatScheduleLocalTime(record.scheduledAt, document.documentElement.lang) }),
+									(0, react_jsx_runtime.jsx)("span", {
+										"aria-hidden": "true",
+										children: "·"
+									}),
+									(0, react_jsx_runtime.jsx)("span", {
+										className: overdue ? ScheduleCatalogAction_module_css_default.relativeOverdue : void 0,
+										children: formatScheduleRelative(record.scheduledAt, now, t)
+									})
+								]
+							})
+						]
+					}, record.id);
+				})
+			}) : null;
+			return (0, react_jsx_runtime.jsxs)("div", {
+				ref: rootRef,
+				className: ScheduleCatalogAction_module_css_default.root,
+				onKeyDown,
+				children: [trigger, catalog]
+			});
+		}
+		//#endregion
+		//#region lib/types/client/locales.js
+		/** `schedule.catalog` namespace dictionaries. */
+		/** Dictionary namespace owned by this plugin. */
+		const NS = "schedule.catalog";
+		/** Simplified Chinese dictionary (the key-set source of truth). */
+		const zh = {
+			"trigger.one": "{count} 个提醒",
+			"trigger.other": "{count} 个提醒",
+			"list.aria": "活动提醒",
+			"status.scheduled": "等待中",
+			"status.overdue": "已逾期",
+			"frequency.once": "单次",
+			"frequency.every": "{value}{unit}一次",
+			"unit.day.one": "天",
+			"unit.day.other": "天",
+			"unit.hour.one": "小时",
+			"unit.hour.other": "小时",
+			"unit.minute.one": "分钟",
+			"unit.minute.other": "分钟",
+			"unit.second.one": "秒",
+			"unit.second.other": "秒",
+			"relative.now": "现在到期",
+			"relative.future": "{value}{unit}后",
+			"relative.overdue": "已逾期 {value}{unit}"
+		};
+		/** English dictionary, key-identical to the Chinese source of truth. */
+		const en = {
+			"trigger.one": "{count} reminder",
+			"trigger.other": "{count} reminders",
+			"list.aria": "Active reminders",
+			"status.scheduled": "Scheduled",
+			"status.overdue": "Overdue",
+			"frequency.once": "Once",
+			"frequency.every": "Every {value} {unit}",
+			"unit.day.one": "day",
+			"unit.day.other": "days",
+			"unit.hour.one": "hour",
+			"unit.hour.other": "hours",
+			"unit.minute.one": "minute",
+			"unit.minute.other": "minutes",
+			"unit.second.one": "second",
+			"unit.second.other": "seconds",
+			"relative.now": "Due now",
+			"relative.future": "in {value} {unit}",
+			"relative.overdue": "{value} {unit} overdue"
+		};
+		//#endregion
+		//#region lib/types/client/index.js
+		/** Browser half of the read-only Schedule catalog. */
+		/** Required services for locale registration and header-slot contribution. */
+		const inject = ["slots", "locale"];
+		/** Register the dictionaries and Session-header catalog action. */
+		function apply(ctx) {
+			ctx.effect(() => ctx.locale.register(NS, {
+				zh,
+				en
+			}), "ui-schedule: dictionaries");
+			ctx.slots.inject("conversation.session.header.actions", () => ctx.slots.register({
+				name: "conversation.session.header.actions",
+				id: "schedule-catalog",
+				order: 10,
+				locale: NS
+			}, ScheduleCatalogAction));
+		}
+		//#endregion
+		exports.apply = apply;
+		exports.inject = inject;
+		return module.exports;
+	}
+});
+
+//# sourceMappingURL=client.js.map

package/lib/index.js

@@ -0,0 +1,9 @@
+//#region lib/types/index.js
+/**
+* Read-only Schedule catalog plugin, node half. The empty apply keeps the
+* optional browser feature addressable from the host-owned Loader overlay.
+*/
+/** Host plugin body — Schedule catalog behavior exists only in the browser entry. */
+function apply() {}
+//#endregion
+export { apply };

package/lib/invariant.js

@@ -0,0 +1,13 @@
+//#region lib/types/invariant.js
+/** Package-owned invariant companion for the read-only Schedule catalog. */
+const PACKAGE_NAME = "@prettier-ai/dsh-client-ui-schedule";
+/** Cordis companion plugin name. */
+const name = "client-ui-schedule-invariant";
+/** Service required before the companion can reserve package ownership. */
+const inject = ["invariants"];
+/** No runtime invariant: the package owns no mutable cross-plugin state. */
+const install = () => {};
+/** Register this package's invariant companion. */
+const apply = (ctx) => Promise.resolve(ctx.invariants.register(PACKAGE_NAME, install));
+//#endregion
+export { apply, inject, name };

package/lib/types/client/ScheduleCatalogAction.d.ts

@@ -0,0 +1,16 @@
+import type { ScheduleRecord } from '@prettier-ai/dsh-schedule/client';
+import type { PropsLocale, PropsRuntime, TranslateNS } from '@prettier-ai/dsh-client-ui-slots';
+import { NS } from './locales.ts';
+/** Full props for the Session-header Schedule catalog action. */
+export type ScheduleCatalogActionProps = PropsRuntime<'conversation.session.header.actions'> & PropsLocale<typeof NS>;
+/** Pick the largest exact whole unit without rounding the durable interval. */
+export declare function formatScheduleFrequency(record: ScheduleRecord, t: TranslateNS<typeof NS>): string;
+/** Format the durable UTC target in the browser's current locale and time zone. */
+export declare function formatScheduleLocalTime(scheduledAt: string, locale?: string): string;
+/** Human relative target using the largest natural clock unit. */
+export declare function formatScheduleRelative(scheduledAt: string, now: number, t: TranslateNS<typeof NS>): string;
+/** Overdue records first, then ascending target time; exact ties stay stable. */
+export declare function orderScheduleRecords(records: readonly ScheduleRecord[], now: number): ScheduleRecord[];
+/** Read-only current-Session active reminder catalog. */
+export declare function ScheduleCatalogAction({ useSession, useProjection, t }: ScheduleCatalogActionProps): import("react").JSX.Element | null;
+//# sourceMappingURL=ScheduleCatalogAction.d.ts.map

package/lib/types/client/index.d.ts

@@ -0,0 +1,14 @@
+/** Browser half of the read-only Schedule catalog. */
+import type { Context as ClientContext } from '@prettier-ai/cordis';
+import { type ScheduleCatalogKey } from './locales.ts';
+declare module '@prettier-ai/dsh-client-ui-slots' {
+    interface LocaleNamespaceMap {
+        /** Read-only active Schedule catalog copy. */
+        'schedule.catalog': ScheduleCatalogKey;
+    }
+}
+/** Required services for locale registration and header-slot contribution. */
+export declare const inject: string[];
+/** Register the dictionaries and Session-header catalog action. */
+export declare function apply(ctx: ClientContext): void;
+//# sourceMappingURL=index.d.ts.map

package/lib/types/client/locales.d.ts

@@ -0,0 +1,29 @@
+/** `schedule.catalog` namespace dictionaries. */
+/** Dictionary namespace owned by this plugin. */
+export declare const NS = "schedule.catalog";
+/** Simplified Chinese dictionary (the key-set source of truth). */
+export declare const zh: {
+    readonly 'trigger.one': "{count} 个提醒";
+    readonly 'trigger.other': "{count} 个提醒";
+    readonly 'list.aria': "活动提醒";
+    readonly 'status.scheduled': "等待中";
+    readonly 'status.overdue': "已逾期";
+    readonly 'frequency.once': "单次";
+    readonly 'frequency.every': "{value}{unit}一次";
+    readonly 'unit.day.one': "天";
+    readonly 'unit.day.other': "天";
+    readonly 'unit.hour.one': "小时";
+    readonly 'unit.hour.other': "小时";
+    readonly 'unit.minute.one': "分钟";
+    readonly 'unit.minute.other': "分钟";
+    readonly 'unit.second.one': "秒";
+    readonly 'unit.second.other': "秒";
+    readonly 'relative.now': "现在到期";
+    readonly 'relative.future': "{value}{unit}后";
+    readonly 'relative.overdue': "已逾期 {value}{unit}";
+};
+/** English dictionary, key-identical to the Chinese source of truth. */
+export declare const en: Record<ScheduleCatalogKey, string>;
+/** Key domain of the Schedule catalog namespace. */
+export type ScheduleCatalogKey = keyof typeof zh;
+//# sourceMappingURL=locales.d.ts.map

package/lib/types/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Read-only Schedule catalog plugin, node half. The empty apply keeps the
+ * optional browser feature addressable from the host-owned Loader overlay.
+ */
+/** Host plugin body — Schedule catalog behavior exists only in the browser entry. */
+export declare function apply(): void;
+//# sourceMappingURL=index.d.ts.map

package/lib/types/invariant.d.ts

@@ -0,0 +1,9 @@
+/** Package-owned invariant companion for the read-only Schedule catalog. */
+import type { Context } from '@prettier-ai/cordis';
+/** Cordis companion plugin name. */
+export declare const name = "client-ui-schedule-invariant";
+/** Service required before the companion can reserve package ownership. */
+export declare const inject: string[];
+/** Register this package's invariant companion. */
+export declare const apply: (ctx: Context) => Promise<() => void>;
+//# sourceMappingURL=invariant.d.ts.map

package/package.json

@@ -0,0 +1,74 @@
+{
+  "name": "@prettier-ai/dsh-client-ui-schedule",
+  "description": "Read-only active Schedule catalog in the Web Session header",
+  "version": "0.1.2-alpha.2",
+  "type": "module",
+  "main": "lib/index.js",
+  "types": "lib/types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./lib/types/index.d.ts",
+      "default": "./lib/index.js"
+    },
+    "./invariant": {
+      "types": "./lib/types/invariant.d.ts",
+      "default": "./lib/invariant.js"
+    },
+    "./client": {
+      "types": "./lib/types/client/index.d.ts",
+      "default": "./lib/client.js"
+    },
+    "./src/*": "./src/*",
+    "./package.json": "./package.json"
+  },
+  "dsh": {
+    "client": {
+      "inject": [
+        "@prettier-ai/dsh-client-locale",
+        "@prettier-ai/dsh-client-ui-conversation",
+        "@prettier-ai/dsh-client-ui-primitives"
+      ],
+      "platform": "web"
+    }
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/deepseek-ai/deepseek-harness.git",
+    "directory": "packages/client/ui-schedule"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "peerDependencies": {
+    "@prettier-ai/cordis": "^4.0.2"
+  },
+  "devDependencies": {
+    "@testing-library/react": "^16.1.0",
+    "@types/react": "~18.3.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "@prettier-ai/dsh-api-session-controller": "^0.1.2-alpha.2",
+    "@prettier-ai/dsh-client-locale": "^0.1.2-alpha.2",
+    "@prettier-ai/dsh-client-ui-conversation": "^0.1.2-alpha.2",
+    "@prettier-ai/dsh-client-ui-renderer": "^0.1.2-alpha.2",
+    "@prettier-ai/dsh-client-ui-primitives": "^0.1.2-alpha.2",
+    "@prettier-ai/dsh-client-test-runtime": "^0.1.2-alpha.2",
+    "@prettier-ai/dsh-client-ui-session": "^0.1.2-alpha.2",
+    "@prettier-ai/dsh-client-ui-slots": "^0.1.2-alpha.2",
+    "@prettier-ai/dsh-schedule": "^0.1.2-alpha.2",
+    "@prettier-ai/dsh-invariants": "^0.1.2-alpha.2",
+    "@prettier-ai/dsh-session": "^0.1.2-alpha.2",
+    "@prettier-ai/cordis": "^4.0.2"
+  },
+  "files": [
+    "lib/index.js",
+    "lib/invariant.js",
+    "lib/client.js",
+    "lib/types/**/*.d.ts"
+  ],
+  "scripts": {
+    "bundle": "tsdown",
+    "watch": "tsdown --watch"
+  }
+}