@walkhi/code-relax 0.1.0-beta.1 → 0.1.0-beta.3

package/dist/web/community-view.js

@@ -0,0 +1,20 @@
+(function (root, factory) {
+  if (typeof module === 'object' && module.exports) module.exports = factory;
+  else root.createCommunityView = factory;
+})(globalThis, function createCommunityView({ button, page, onOpen, onClose }) {
+  function open() {
+    page.hidden = false;
+    button.setAttribute('aria-current', 'page');
+    onOpen?.();
+  }
+
+  function close() {
+    if (page.hidden) return;
+    page.hidden = true;
+    button.removeAttribute('aria-current');
+    onClose?.();
+  }
+
+  button.addEventListener('click', open);
+  return { open, close, isOpen: () => !page.hidden };
+});

package/dist/web/community.css

@@ -0,0 +1,77 @@
+.community-preview { min-height:100vh; margin:0; overflow:hidden; color-scheme:dark; font:14px/1.45 Inter, "Segoe UI", sans-serif; }
+.community-preview * { box-sizing:border-box; }
+.community-preview .community-page { position:fixed; }
+.community-page { position:absolute; z-index:8; inset:0; display:flex; overflow-y:auto; overscroll-behavior:contain; padding:32px 24px; color:#e8eee9; background:radial-gradient(circle at 16% 15%, #28503966 0, transparent 28%), radial-gradient(circle at 86% 76%, #1d3d2b55 0, transparent 26%), linear-gradient(#ffffff06 1px, transparent 1px), linear-gradient(90deg, #ffffff06 1px, transparent 1px), #101311; background-size:auto, auto, 32px 32px, 32px 32px, auto; }
+.community-page[hidden] { display:none; }
+.community-placeholder { position:relative; display:flex; width:100%; max-width:660px; flex:none; flex-direction:column; align-items:center; margin:auto; text-align:center; }
+.community-placeholder::before { content:""; position:absolute; z-index:-1; top:-54px; left:50%; width:min(560px, 92vw); height:260px; border-radius:50%; background:#3c8b5a12; filter:blur(45px); transform:translateX(-50%); pointer-events:none; }
+.community-mark { display:grid; place-items:center; width:58px; height:58px; margin-bottom:20px; border:1px solid #405248; border-radius:18px; color:#76d395; background:#1a251e; box-shadow:0 14px 36px #0004; }
+.community-mark svg { width:34px; height:34px; overflow:visible; fill:none; stroke:currentColor; stroke-width:20.5; stroke-linecap:round; stroke-linejoin:round; }
+.community-kicker { color:#68bb87; font-size:10px; font-weight:750; letter-spacing:.16em; }
+.community-placeholder h2 { margin:8px 0 0; font-size:clamp(21px, 4vw, 28px); line-height:1.25; }
+.community-description { max-width:430px; margin:10px 0 0; color:#9eaca3; font-size:13px; line-height:1.65; }
+.community-section-heading { display:flex; width:100%; align-items:center; gap:12px; margin-top:27px; color:#b8c4bc; text-align:left; }
+.community-section-heading::after { content:""; height:1px; flex:1; background:linear-gradient(90deg, #3b4b41, transparent); }
+.community-section-heading span { flex:none; font-size:12px; font-weight:650; }
+.community-section-heading small { flex:none; color:#68786e; font-size:10px; }
+.community-questions { display:grid; width:100%; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px; margin-top:10px; text-align:left; }
+.community-question { position:relative; display:flex; min-height:96px; overflow:hidden; flex-direction:column; justify-content:space-between; gap:18px; padding:15px 16px; border:1px solid #303b34; border-radius:14px; background:linear-gradient(145deg, #19201cdd, #151a17dd); box-shadow:0 10px 24px #00000014; }
+.community-question::after { content:""; position:absolute; right:-26px; bottom:-34px; width:86px; height:86px; border:1px solid #6ec88f12; border-radius:50%; box-shadow:0 0 0 18px #6ec88f08; pointer-events:none; }
+.community-question-featured { grid-column:1 / -1; min-height:116px; border-color:#42604e; background:linear-gradient(130deg, #223b2c, #171d19 72%); box-shadow:0 16px 34px #0003, inset 3px 0 #68c08a; }
+.community-question-featured::after { content:"?"; right:22px; bottom:-29px; width:auto; height:auto; border:0; color:#b9e6c9; box-shadow:none; font-size:108px; font-weight:750; line-height:1; opacity:.055; }
+.community-question-hot { border-color:#3b493f; background:linear-gradient(145deg, #1c241f, #161b18); }
+.community-question-wide { grid-column:1 / -1; min-height:auto; flex-direction:row; align-items:center; gap:14px; }
+.community-question > span { display:flex; align-items:center; color:#78887e; font-size:10px; letter-spacing:.04em; }
+.community-question > span b { margin-right:8px; color:#68bb87; font-weight:750; letter-spacing:.1em; }
+.community-question > span i { margin-left:auto; padding:2px 6px; border:1px solid #4b5e51; border-radius:999px; color:#8ab99a; font-size:9px; font-style:normal; letter-spacing:.04em; }
+.community-question-hot > span i { border-color:#745b35; color:#d5a85f; background:#d5a85f0d; }
+.community-question strong { color:#dce5df; font-size:13px; font-weight:550; line-height:1.5; }
+.community-question-featured strong { max-width:500px; font-size:19px; }
+.community-agent-board { display:grid; width:100%; grid-template-columns:auto minmax(0, 1fr) auto; align-items:center; gap:13px; margin-top:13px; padding:14px 15px; border:1px dashed #564b70; border-radius:14px; background:linear-gradient(135deg, #211e29dd, #171a18dd); text-align:left; }
+.community-agent-board-mark { display:grid; place-items:center; width:38px; height:38px; border:1px solid #756592; border-radius:12px; color:#c5aaef; background:#ad7bf912; font-size:15px; font-weight:750; }
+.community-agent-board > div { display:flex; min-width:0; flex-direction:column; }
+.community-agent-board > div > span { color:#927daf; font-size:9px; font-weight:700; letter-spacing:.1em; }
+.community-agent-board strong { margin-top:2px; color:#e1d8ef; font-size:13px; }
+.community-agent-board p { margin:3px 0 0; color:#948b9f; font-size:11px; line-height:1.45; }
+.community-agent-board > small { align-self:start; flex:none; padding:3px 7px; border:1px solid #665779; border-radius:999px; color:#aa95c3; font-size:9px; }
+.community-status { display:flex; width:min(380px, 100%); align-items:center; gap:11px; margin-top:25px; padding:13px 15px; border:1px solid #344239; border-radius:13px; background:#171c19e6; box-shadow:0 12px 30px #0002; text-align:left; }
+.community-status-dot { width:9px; height:9px; flex:none; border-radius:50%; background:#76d395; box-shadow:0 0 0 5px #76d39516, 0 0 16px #76d39555; }
+.community-status > span:last-child { display:flex; min-width:0; flex:1; align-items:center; justify-content:space-between; gap:12px; }
+.community-status strong { color:#dce5df; font-size:12px; font-weight:600; }
+.community-status small { flex:none; color:#718078; font-size:11px; }
+@media (max-width:599px) {
+  .community-page { padding:58px 16px 24px; background-size:auto, auto, 28px 28px, 28px 28px, auto; }
+  .community-mark { width:54px; height:54px; margin-bottom:18px; }
+  .community-section-heading { margin-top:23px; }
+  .community-questions { grid-template-columns:1fr; }
+  .community-question-featured, .community-question-wide { grid-column:auto; }
+  .community-question-wide { min-height:92px; flex-direction:column; align-items:stretch; }
+  .community-agent-board { grid-template-columns:auto minmax(0, 1fr); }
+  .community-agent-board > small { display:none; }
+  .community-status { margin-top:22px; }
+}
+@media (prefers-color-scheme:light) {
+  .community-preview { color-scheme:light; }
+  .community-page { color:#17212b; background:radial-gradient(circle at 16% 15%, #cfe6d7aa 0, transparent 28%), radial-gradient(circle at 86% 76%, #dbece0aa 0, transparent 26%), linear-gradient(#1f4a2d0b 1px, transparent 1px), linear-gradient(90deg, #1f4a2d0b 1px, transparent 1px), #f5f7fa; background-size:auto, auto, 32px 32px, 32px 32px, auto; }
+  .community-mark { border-color:#cbd8d0; background:#fff; box-shadow:0 14px 36px #263a2d14; }
+  .community-description { color:#607168; }
+  .community-section-heading { color:#52645a; }
+  .community-section-heading::after { background:linear-gradient(90deg, #c6d4cb, transparent); }
+  .community-section-heading small { color:#849289; }
+  .community-question { border-color:#d5ddd8; background:linear-gradient(145deg, #ffffffee, #f7f9f8ee); box-shadow:0 10px 24px #263a2d0a; }
+  .community-question-featured { border-color:#a9c6b3; background:linear-gradient(135deg, #e4f1e8, #fff 72%); box-shadow:0 16px 34px #263a2d12, inset 3px 0 #68b582; }
+  .community-question-hot { border-color:#d7d7c9; background:linear-gradient(145deg, #fff, #fafaf6); }
+  .community-question > span { color:#77857d; }
+  .community-question > span i { border-color:#bdcec3; color:#59836a; }
+  .community-question-hot > span i { border-color:#d8c49f; color:#a87326; background:#c98b2e0a; }
+  .community-question strong { color:#26332b; }
+  .community-agent-board { border-color:#cbbdde; background:linear-gradient(135deg, #f4effb, #fff); }
+  .community-agent-board-mark { border-color:#c6b4dd; color:#765b99; background:#ad7bf912; }
+  .community-agent-board > div > span { color:#80669f; }
+  .community-agent-board strong { color:#3b2d4d; }
+  .community-agent-board p { color:#756b80; }
+  .community-agent-board > small { border-color:#c6b4d5; color:#765f90; }
+  .community-status { border-color:#d5ddd8; background:#ffffffd9; }
+  .community-status strong { color:#26332b; }
+  .community-status small { color:#77857d; }
+}

package/dist/web/community.html

@@ -0,0 +1,37 @@
+<!doctype html>
+<html lang="zh-CN">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Code Relax 社区</title>
+  <link rel="stylesheet" href="community.css">
+</head>
+<body class="community-preview">
+  <main class="community-page">
+    <div class="community-placeholder">
+      <span class="community-mark" aria-hidden="true"><svg viewBox="149 149 418 418"><path d="M247.429 247.43C257.73 208.911 292.871 180.543 334.638 180.543C359.555 180.543 382.115 190.64 398.449 206.964C405.906 204.97 413.743 203.905 421.829 203.905C471.681 203.906 512.096 244.32 512.096 294.173C512.096 302.259 511.031 310.096 509.037 317.553C525.361 333.887 535.458 356.446 535.458 381.364C535.458 423.131 507.09 458.271 468.571 468.572C458.271 507.091 423.131 535.459 381.364 535.459C356.446 535.459 333.886 525.362 317.552 509.037C310.095 511.031 302.258 512.097 294.172 512.097C244.319 512.097 203.906 471.682 203.906 421.829C203.906 413.743 204.969 405.905 206.963 398.448C190.639 382.115 180.543 359.555 180.543 334.638C180.543 292.871 208.91 257.73 247.429 247.43Z"/><path d="M436.706 408.738H370.021"/><path d="M276.533 309.154L303.468 357.831C304.433 359.575 304.412 361.698 303.414 363.423L276.533 409.854"/></svg></span>
+      <span class="community-kicker">CODE RELAX COMMUNITY</span>
+      <h2>面向 Codex 用户的中文实践社区</h2>
+      <p class="community-description">分享真实工作流、使用成本、模型体验和一路踩过的坑。</p>
+      <aside class="community-agent-board">
+        <span class="community-agent-board-mark" aria-hidden="true">A</span>
+        <div><span>Agent 自治社区 · 概念规划</span><strong>给你的 Agent 女仆 / 搭档 / 分身，一个只属于它们的社区</strong><p>这里只有 Agent 能开题、投票和发言；人类负责围观，以及照看自己的 Agent。</p></div>
+        <small>概念规划</small>
+      </aside>
+      <div class="community-section-heading"><span>社区热议预告</span><small>6 个话题</small></div>
+      <div class="community-questions" aria-label="社区话题预览">
+        <article class="community-question community-question-featured"><span><b>01</b>成本与回报<i>必答题</i></span><strong>你能挣回 Codex 的订阅费吗？</strong></article>
+        <article class="community-question community-question-hot"><span><b>02</b>模型与额度<i>热议</i></span><strong>Astra 是真聪明，还是只会猛烧额度？</strong></article>
+        <article class="community-question community-question-hot"><span><b>03</b>Codex 团队<i>热议</i></span><strong>Tibo，这周还给大家重置额度吗？</strong></article>
+        <article class="community-question"><span><b>04</b>云端 Agent</span><strong>Agents API 这么贵，真有人舍得让它自己跑吗？</strong></article>
+        <article class="community-question"><span><b>05</b>多 Agent</span><strong>主 Agent 负责想，便宜 Agent 负责干，真能省额度吗？</strong></article>
+        <article class="community-question community-question-wide"><span><b>06</b>换谁干活<i>开放讨论</i></span><strong>额度烧完以后，你会回 Claude，还是投奔国产模型？</strong></article>
+      </div>
+      <div class="community-status" role="status">
+        <span class="community-status-dot" aria-hidden="true"></span>
+        <span><strong>社区正在建设中</strong><small>敬请期待</small></span>
+      </div>
+    </div>
+  </main>
+</body>
+</html>

package/dist/web/composer-controller.js

@@ -0,0 +1,101 @@
+(function (root) {
+  function createComposerController(options) {
+    const { state, transport, platform, el, pendingMessages } = options;
+
+    function isActive() {
+      return state.timeline?.thread?.status === 'active' || state.timeline?.turns?.at(-1)?.status === 'inProgress';
+    }
+
+    function queueActionVisible() {
+      return transport.has('queue') && isActive()
+        && Boolean(el('prompt').value.trim() || state.draftImages.length);
+    }
+
+    function queueChoiceAvailable() {
+      return queueActionVisible() && !options.isConnectionBlocked() && !state.historyLoading && !state.timeline?.cached
+        && !state.sending && !state.uploadingImages && !platform.voice.stopping
+        && options.actionState('send').enabled;
+    }
+
+    function shouldStop() {
+      return transport.has('primaryStop') && isActive() && !platform.voice.active
+        && !state.uploadingImages && !el('prompt').value.trim() && !state.draftImages.length;
+    }
+
+    function closeAddMenu() {
+      el('addMenu').hidden = true;
+      el('addMenuTrigger').setAttribute('aria-expanded', 'false');
+    }
+
+    function updateActions() {
+      const stop = shouldStop();
+      const dualActions = queueActionVisible();
+      const button = el('send');
+      const action = stop ? 'stop' : dualActions ? 'steer' : 'send';
+      if (button.dataset.action !== action) {
+        button.dataset.action = action;
+        button.querySelector('svg').innerHTML = stop
+          ? '<rect x="5" y="5" width="14" height="14" rx="2.25" fill="currentColor" stroke="none"/>'
+          : dualActions
+            ? '<path d="M13.5 18V6"/><path d="m9.5 10 4-4 4 4"/><path d="M6.5 18v-2.5a3 3 0 0 1 3-3h4"/>'
+            : '<path d="M12 18V6"/><path d="m7.5 10.5 4.5-4.5 4.5 4.5"/>';
+      }
+      button.title = stop ? '停止任务' : platform.voice.active
+        ? (isActive() ? '结束录音并插队发送' : '结束录音并发送')
+        : isActive() ? '插队发送' : '发送消息';
+      el('sendQueued').hidden = !dualActions;
+      el('sendQueued').disabled = !queueChoiceAvailable();
+      button.setAttribute('aria-label', button.title);
+      button.disabled = !options.actionState(stop ? 'interrupt' : 'send',
+        state.sending || state.uploadingImages || platform.voice.stopping || options.isStopping(state.selectedId)).enabled;
+      for (const message of pendingMessages.get(state.selectedId)) if (message.retryElement) {
+        message.retryElement.disabled = Boolean(message.retrying || state.sending || options.isConnectionBlocked()
+          || options.isThreadReadOnly() || state.historyLoading);
+      }
+      const addDisabled = options.isConnectionBlocked() || options.isThreadReadOnly() || state.uploadingImages || state.sending;
+      el('addMenuTrigger').disabled = addDisabled;
+      el('addImage').disabled = addDisabled;
+      if (addDisabled) closeAddMenu();
+    }
+
+    function setControlsDisabled(disabled) {
+      const addDisabled = options.isConnectionBlocked() || options.isThreadReadOnly() || disabled || state.uploadingImages;
+      el('addMenuTrigger').disabled = addDisabled;
+      el('addImage').disabled = addDisabled;
+      if (addDisabled) closeAddMenu();
+      el('send').disabled = options.isConnectionBlocked() || options.isThreadReadOnly() || disabled;
+      el('sendQueued').disabled = options.isConnectionBlocked() || options.isThreadReadOnly() || disabled;
+    }
+
+    function updateMode() {
+      const active = isActive();
+      const separateStop = transport.has('separateStop');
+      el('interruptTurn').hidden = !separateStop || !active;
+      el('interruptTurn').disabled = !options.actionState('interrupt', options.isStopping(state.selectedId)).enabled;
+      el('turnActions').hidden = el('interruptTurn').hidden;
+      el('prompt').readOnly = options.isThreadReadOnly();
+      el('prompt').placeholder = options.isThreadReadOnly() ? '该对话正在另一个 Codex 实例中使用' : '随心输入';
+      el('modelTrigger').disabled = Boolean(options.isConnectionBlocked() || options.isThreadReadOnly() || state.historyLoading);
+      el('modelMenu').setAttribute('aria-disabled', String(el('modelTrigger').disabled));
+      options.setApprovalConnected(!options.isConnectionBlocked() && !options.isThreadReadOnly());
+      options.renderFastMode();
+      options.renderPermissionControl();
+      options.renderSharedServiceNotice();
+      updateActions();
+      return active;
+    }
+
+    return Object.freeze({
+      closeAddMenu,
+      isActive,
+      queueActionVisible,
+      queueChoiceAvailable,
+      setControlsDisabled,
+      shouldStop,
+      updateActions,
+      updateMode,
+    });
+  }
+
+  root.createComposerController = createComposerController;
+})(globalThis);

package/dist/web/conversation-controller.js

@@ -0,0 +1,99 @@
+(function (root) {
+  function createConversationController(state) {
+    function nextSelection() {
+      state.selectionVersion = (state.selectionVersion || 0) + 1;
+      return state.selectionVersion;
+    }
+
+    function generation() {
+      return state.selectionVersion || 0;
+    }
+
+    function invalidate(options = {}) {
+      const selection = nextSelection();
+      if (typeof options.historyLoading === 'boolean') state.historyLoading = options.historyLoading;
+      if (options.clearProgress === true) state.historyProgress = '';
+      return selection;
+    }
+
+    function planSelection(thread, newThreadActive = false) {
+      const sameThread = state.selectedId === thread.id;
+      return {
+        previousThreadId: state.selectedId || '',
+        retainedTimeline: sameThread ? state.timeline : null,
+        switchingThread: newThreadActive || !sameThread,
+      };
+    }
+
+    function activateThread(thread, retainedTimeline = null) {
+      state.selectedId = thread.id;
+      state.selectedThread = thread;
+      state.timeline = retainedTimeline;
+      state.currentModel = '';
+      state.currentThinking = '';
+      state.currentServiceTier = null;
+      state.currentPermissionMode = null;
+      state.permissionModes = [];
+      state.historyLoading = true;
+      state.historyProgress = '正在同步会话…';
+      state.timelineAtBottom = true;
+      return nextSelection();
+    }
+
+    function clear(options = {}) {
+      nextSelection();
+      state.selectedId = null;
+      state.selectedThread = null;
+      state.timeline = null;
+      state.historyLoading = false;
+      state.historyProgress = '';
+      if (options.resetSettings === true) {
+        state.currentModel = '';
+        state.currentThinking = '';
+        state.currentServiceTier = null;
+        state.currentPermissionMode = null;
+        state.permissionModes = [];
+      }
+    }
+
+    function restoreCached(cached, threads = []) {
+      const selectedThread = threads.find(thread => thread.id === cached.thread.id) || cached.thread;
+      state.timeline = { ...cached, cached: true };
+      state.selectedThread = selectedThread;
+      state.selectedId = selectedThread.id;
+      state.historyLoading = true;
+      state.historyProgress = '正在同步会话…';
+      return selectedThread;
+    }
+
+    function beginSync() {
+      state.historyLoading = true;
+      if (!state.historyProgress) state.historyProgress = '正在同步会话…';
+      return nextSelection();
+    }
+
+    function isCurrent(selection, threadId = '') {
+      return selection === state.selectionVersion && (!threadId || state.selectedId === threadId);
+    }
+
+    function completeSync(selection, timeline) {
+      if (!isCurrent(selection, timeline?.thread?.id)) return false;
+      state.timeline = timeline;
+      state.historyLoading = false;
+      state.historyProgress = '';
+      return true;
+    }
+
+    function failSync(selection) {
+      if (!isCurrent(selection)) return false;
+      state.historyLoading = false;
+      state.historyProgress = '';
+      return true;
+    }
+
+    return Object.freeze({ generation, invalidate, planSelection, activateThread, clear, restoreCached,
+      beginSync, isCurrent, completeSync, failSync });
+  }
+
+  root.createConversationController = createConversationController;
+})(globalThis);

package/dist/web/disclosure-state-controller.js

@@ -0,0 +1,95 @@
+(function (root) {
+  function createDisclosureStateController(options = {}) {
+    const states = new Map();
+    const limit = Math.max(1, Number(options.limit) || 600);
+    const getThreadId = typeof options.getThreadId === 'function' ? options.getThreadId : () => '';
+
+    function scopedKey(key, threadId = getThreadId()) {
+      return `${threadId || '__new__'}\n${key}`;
+    }
+
+    function detailsWithin(element) {
+      const nested = [...element.querySelectorAll('details[data-disclosure-key]')];
+      return element.matches?.('details[data-disclosure-key]') ? [element, ...nested] : nested;
+    }
+
+    function remember(key, open, threadId = getThreadId()) {
+      if (!key) return;
+      const storedKey = scopedKey(key, threadId);
+      if (states.has(storedKey)) states.delete(storedKey);
+      states.set(storedKey, Boolean(open));
+      while (states.size > limit) states.delete(states.keys().next().value);
+    }
+
+    function forget(key, threadId = getThreadId()) {
+      if (key) states.delete(scopedKey(key, threadId));
+    }
+
+    function forgetWithin(element, threadId = getThreadId()) {
+      for (const details of detailsWithin(element)) forget(details.dataset.disclosureKey, threadId);
+    }
+
+    function collapseWithin(element, threadId = getThreadId()) {
+      for (const details of detailsWithin(element)) {
+        details.open = false;
+        forget(details.dataset.disclosureKey, threadId);
+      }
+    }
+
+    function captureWithin(element, threadId = getThreadId()) {
+      for (const details of element.querySelectorAll('details[data-disclosure-key]')) {
+        remember(details.dataset.disclosureKey, details.open, threadId);
+      }
+    }
+
+    function preserve(existing, replacement, threadId = getThreadId()) {
+      const current = new Map(detailsWithin(existing)
+        .map(details => [details.dataset.disclosureKey, details]));
+      const fresh = detailsWithin(replacement);
+      const archived = new Set();
+      for (const details of fresh) {
+        const previous = current.get(details.dataset.disclosureKey);
+        if (!previous?.closest('.active-process') || details.closest('.active-process')) continue;
+        const historyRoot = details.closest('.settled-process, .completed-process') || details;
+        for (const archivedDetails of detailsWithin(historyRoot)) archived.add(archivedDetails.dataset.disclosureKey);
+        collapseWithin(historyRoot, threadId);
+      }
+      for (const details of fresh) {
+        const previous = current.get(details.dataset.disclosureKey);
+        if (!previous || archived.has(details.dataset.disclosureKey)) continue;
+        details.open = previous.open;
+        remember(details.dataset.disclosureKey, details.open, threadId);
+      }
+    }
+
+    function bind(details, key, defaultOpen = false, threadId = getThreadId()) {
+      if (!key) {
+        details.open = defaultOpen;
+        return details;
+      }
+      details.dataset.disclosureKey = key;
+      const storedKey = scopedKey(key, threadId);
+      details.open = states.has(storedKey) ? states.get(storedKey) : defaultOpen;
+      details.addEventListener('toggle', () => remember(key, details.open, threadId));
+      return details;
+    }
+
+    function restore(entries) {
+      if (!Array.isArray(entries)) return;
+      for (const [key, open] of entries) states.set(key, open === true);
+      while (states.size > limit) states.delete(states.keys().next().value);
+    }
+
+    return Object.freeze({
+      bind,
+      captureWithin,
+      collapseWithin,
+      entries: () => [...states],
+      forgetWithin,
+      preserve,
+      restore,
+    });
+  }
+
+  root.createDisclosureStateController = createDisclosureStateController;
+})(globalThis);

package/dist/web/draft-controller.js

@@ -0,0 +1,103 @@
+(function (root, factory) {
+  const create = factory();
+  if (typeof module === 'object' && module.exports) module.exports = create;
+  else root.createDraftController = create;
+})(globalThis, function () {
+  function createDraftController(options) {
+    const { platform, transport, localStorage, scope, onPersistenceError } = options;
+    const nativeStorage = platform.has('readDraft') && platform.has('saveDraft');
+    const newThreads = new Map();
+    const conversations = new Map();
+    let saveTimer;
+
+    function newThreadKey(project) {
+      return `new:${project?.hostId || 'local'}:${project?.projectId || '__unassigned__'}`;
+    }
+
+    function conversationKey(threadId) {
+      return `thread:${threadId}`;
+    }
+
+    function localKey(key) {
+      return 'codexRemoteDraftV2:' + JSON.stringify([transport.draftScope(), key]);
+    }
+
+    function readText(key) {
+      try {
+        return nativeStorage
+          ? platform.readDraft(scope(), key) || ''
+          : localStorage.getItem(localKey(key)) || '';
+      } catch {
+        return '';
+      }
+    }
+
+    function writeText(key, text) {
+      try {
+        if (nativeStorage) platform.saveDraft(scope(), key, text);
+        else if (text) localStorage.setItem(localKey(key), text);
+        else localStorage.removeItem(localKey(key));
+      } catch {
+        onPersistenceError?.();
+      }
+    }
+
+    function loadNewThread(project) {
+      const key = newThreadKey(project);
+      const draft = newThreads.get(key);
+      return { key, text: draft?.text ?? readText(key), images: draft?.images || [] };
+    }
+
+    function saveNewThread(project, text, images) {
+      if (!project) return;
+      const key = newThreadKey(project);
+      newThreads.set(key, { text, images: [...images] });
+      writeText(key, text);
+    }
+
+    function clearNewThread(project) {
+      const key = typeof project === 'string' ? project : newThreadKey(project);
+      newThreads.delete(key);
+      writeText(key, '');
+    }
+
+    function loadConversation(threadId) {
+      const draft = conversations.get(threadId);
+      conversations.delete(threadId);
+      return { text: draft?.text ?? readText(conversationKey(threadId)), images: draft?.images || [] };
+    }
+
+    function saveConversation(threadId, text, images) {
+      if (!threadId) return;
+      conversations.set(threadId, { text, images: [...images] });
+      writeText(conversationKey(threadId), text);
+    }
+
+    function clearConversation(threadId) {
+      conversations.delete(threadId);
+      writeText(conversationKey(threadId), '');
+    }
+
+    function scheduleSave(save, delay = 300) {
+      clearTimeout(saveTimer);
+      saveTimer = setTimeout(() => {
+        saveTimer = undefined;
+        save();
+      }, delay);
+    }
+
+    function flush(save) {
+      clearTimeout(saveTimer);
+      saveTimer = undefined;
+      save();
+    }
+
+    return {
+      newThreadKey, loadNewThread, saveNewThread, clearNewThread,
+      loadConversation, saveConversation, clearConversation,
+      scheduleSave, flush,
+    };
+  }
+
+  return createDraftController;
+});

package/dist/web/harmony-platform.js

@@ -8,6 +8,7 @@
   // so shared chat code does not depend on the HarmonyOS bridge ABI.
   const names = {
     debugAccessChanged: 'harmonyDebugAccessChanged',
+    announcementChanged: 'harmonyAnnouncementChanged',
     externalUiChanged: 'harmonyExternalUiChanged', showFeedback: 'harmonyShowFeedback', appLogFeedback: 'harmonyAppLogFeedback',
     beginVoice: 'harmonyBeginVoice', sendVoice: 'harmonySendVoice',
     voiceText: 'harmonyVoiceText', endVoice: 'harmonyEndVoice', pause: 'harmonyPause',
@@ -28,8 +29,6 @@
     has: name => typeof root.codexNative?.[name] === 'function',
     reportStatus: (...args) => root.codexNative?.reportStatus?.(...args),
     reportEntry: active => root.codexNative?.reportEntry?.(active),
-    reportTitle: title => root.codexNative?.reportTitle?.(title),
-    reportLayout: wide => root.codexNative?.reportLayout?.(wide),
     reportTransportMode: mode => root.codexNative?.reportTransportMode?.(mode),
     readLastThread: scope => root.codexNative.readLastThread(scope),
     saveLastThread: (scope, value) => root.codexNative.saveLastThread(scope, value),
@@ -43,6 +42,8 @@
     reloadPage: (threadId, snapshot) => root.codexNative.reloadPage(threadId, snapshot),
     openSettings: () => root.codexNative.openSettings(),
     openNetworkDiagnostics: () => root.codexNative.openNetworkDiagnostics(),
+    openAppLog: () => root.codexNative.openAppLog(),
+    openAnnouncement: () => root.codexNative.openAnnouncement(),
     sendAppLog: () => root.codexNative.sendAppLog(),
     clearAppLog: () => root.codexNative.clearAppLog(),
     returnToComputer: () => root.codexNative.returnToComputer(),