dsh-plugin-standalone-session 0.0.0-stage → 0.1.1

package/lib/client.js

@@ -0,0 +1,1969 @@
+window.__ModuleLoader__.load({
+  id: "dsh-plugin-standalone-session",
+  factory: (require) => {
+    var module = { exports: {} };
+    var exports = module.exports;
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/client/index.ts
+var index_exports = {};
+__export(index_exports, {
+  NEW_PANEL_ID: () => NEW_PANEL_ID,
+  PANEL_ID: () => PANEL_ID,
+  apply: () => apply,
+  inject: () => inject
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/client/adapters.ts
+var import_react = require("react");
+
+// src/shared/standalone.ts
+var STANDALONE_DIR_NAME = "dsh-standalone-sessions";
+var SESSION_ID_PREFIX = "session-";
+function pathSegments(path) {
+  return path.split(/[\\/]+/).filter((segment) => segment !== "");
+}
+function isStandaloneCwd(cwd) {
+  if (typeof cwd !== "string" || cwd.trim() === "") return false;
+  const segments = pathSegments(cwd);
+  for (let index = 0; index < segments.length - 1; index += 1) {
+    if (segments[index]?.toLowerCase() === STANDALONE_DIR_NAME) return true;
+  }
+  return false;
+}
+function joinPath(base, ...segments) {
+  const separator = base.includes("\\") && !base.includes("/") ? "\\" : "/";
+  const trimmed = base.replace(/[\\/]+$/, "");
+  const children = segments.filter((segment) => segment !== "");
+  for (const child of children) {
+    if (child === "." || child === ".." || child.includes("/") || child.includes("\\")) {
+      throw new Error(`invalid path segment: ${JSON.stringify(child)}`);
+    }
+  }
+  return children.length === 0 ? trimmed : `${trimmed}${separator}${children.join(separator)}`;
+}
+function defaultStandaloneRoot(home) {
+  return joinPath(home, ".dsh", STANDALONE_DIR_NAME);
+}
+function makeStandaloneCwd(home, sessionId) {
+  assertSessionId(sessionId);
+  return joinPath(defaultStandaloneRoot(home), sessionId);
+}
+function assertSessionId(sessionId) {
+  if (typeof sessionId !== "string" || sessionId === "" || sessionId.length > 200) {
+    throw new Error("invalid standalone session id");
+  }
+  if (!sessionId.startsWith(SESSION_ID_PREFIX)) {
+    throw new Error(`standalone session id must start with "${SESSION_ID_PREFIX}"`);
+  }
+  if (sessionId.includes("/") || sessionId.includes("\\") || sessionId === "." || sessionId === "..") {
+    throw new Error("standalone session id must not contain a path separator");
+  }
+  return sessionId;
+}
+function randomUuid() {
+  const source = globalThis.crypto;
+  if (source !== void 0 && typeof source.randomUUID === "function") return source.randomUUID();
+  const bytes = new Uint8Array(16);
+  if (source !== void 0 && typeof source.getRandomValues === "function") {
+    source.getRandomValues(bytes);
+  } else {
+    for (let index = 0; index < bytes.length; index += 1) {
+      bytes[index] = Math.floor(Math.random() * 256);
+    }
+  }
+  bytes[6] = (bytes[6] ?? 0) & 15 | 64;
+  bytes[8] = (bytes[8] ?? 0) & 63 | 128;
+  const hex = Array.from(bytes, (byte) => byte.toString(16).padStart(2, "0")).join("");
+  return `${hex.slice(0, 8)}-${hex.slice(8, 12)}-${hex.slice(12, 16)}-${hex.slice(16, 20)}-${hex.slice(20)}`;
+}
+function mintSessionId(uuidSource = randomUuid) {
+  const uuid = uuidSource();
+  return assertSessionId(`${SESSION_ID_PREFIX}${uuid}`);
+}
+function shouldUnlockComposer(sessionId, cwd, disabled) {
+  return disabled && sessionId !== void 0 && isStandaloneCwd(cwd);
+}
+function relativeTime(timestamp, now = Date.now()) {
+  if (!Number.isFinite(timestamp) || timestamp <= 0) return "";
+  const delta = Math.max(0, now - timestamp);
+  const minute = 6e4;
+  const hour = 60 * minute;
+  const day = 24 * hour;
+  if (delta < minute) return "now";
+  if (delta < hour) return `${Math.floor(delta / minute)}m`;
+  if (delta < day) return `${Math.floor(delta / hour)}h`;
+  if (delta < 30 * day) return `${Math.floor(delta / day)}d`;
+  return new Date(timestamp).toISOString().slice(0, 10);
+}
+
+// src/client/adapters.ts
+var COMPOSER_SLOT = "conversation.composer.bar";
+var RECONCILE_INTERVAL_MS = 750;
+var LOG_PREFIX = "[standalone-session]";
+function useSessionCwd(ctx, sessionId) {
+  const source = ctx.sessions.list;
+  const subscribe = (0, import_react.useMemo)(() => (listener) => source.subscribe(listener), [source]);
+  const getSnapshot = (0, import_react.useCallback)(
+    () => sessionId === void 0 ? void 0 : source.getSnapshot().byId[sessionId]?.cwd,
+    [sessionId, source]
+  );
+  return (0, import_react.useSyncExternalStore)(subscribe, getSnapshot, () => void 0);
+}
+function patchComposer(ctx, t) {
+  const restorers = /* @__PURE__ */ new Map();
+  let disposed = false;
+  const restoreAll = () => {
+    for (const [entry, restore] of restorers) {
+      try {
+        restore();
+      } catch (error) {
+        console.warn(`${LOG_PREFIX} could not restore a composer entry`, error);
+      }
+      restorers.delete(entry);
+    }
+  };
+  const reconcile = () => {
+    if (disposed) return;
+    let entries;
+    try {
+      entries = ctx.slots.entries(COMPOSER_SLOT);
+    } catch (error) {
+      console.warn(`${LOG_PREFIX} could not read the composer slot`, error);
+      return;
+    }
+    const live = new Set(entries);
+    for (const [entry, restore] of [...restorers]) {
+      if (live.has(entry)) continue;
+      try {
+        restore();
+      } catch {
+      }
+      restorers.delete(entry);
+    }
+    for (const entry of entries) {
+      if (restorers.has(entry)) continue;
+      const priority = entry.options?.priority ?? 0;
+      if (priority !== 0) continue;
+      const original = entry.component;
+      if (original === void 0 || original === null) continue;
+      if (typeof original !== "function" && typeof original !== "object") continue;
+      const Wrapped = (props) => {
+        const sessionId = typeof props.sessionId === "string" ? props.sessionId : void 0;
+        const cwd = useSessionCwd(ctx, sessionId);
+        if (!shouldUnlockComposer(sessionId, cwd, props.disabled === true)) {
+          return (0, import_react.createElement)(original, props);
+        }
+        return (0, import_react.createElement)(original, {
+          ...props,
+          disabled: false,
+          workspacePickerOpen: false,
+          onRequestWorkspace: void 0,
+          placeholder: t("composer.placeholder")
+        });
+      };
+      Wrapped.displayName = `StandaloneComposer(${original.displayName ?? original.name ?? "native"})`;
+      try {
+        entry.component = Wrapped;
+        restorers.set(entry, () => {
+          if (entry.component === Wrapped) entry.component = original;
+        });
+        console.info(`${LOG_PREFIX} unlocked the native composer for standalone sessions`);
+      } catch (error) {
+        console.warn(`${LOG_PREFIX} could not wrap the native composer entry`, error);
+      }
+    }
+  };
+  reconcile();
+  let unsubscribe;
+  try {
+    unsubscribe = ctx.slots.subscribe?.(COMPOSER_SLOT, reconcile);
+  } catch {
+    unsubscribe = void 0;
+  }
+  const timer = setInterval(reconcile, RECONCILE_INTERVAL_MS);
+  return () => {
+    disposed = true;
+    clearInterval(timer);
+    try {
+      unsubscribe?.();
+    } catch {
+    }
+    restoreAll();
+  };
+}
+
+// src/client/components.tsx
+var import_react3 = require("react");
+
+// src/client/create.ts
+function isAbsoluteHostPath(path) {
+  return /^(?:[A-Za-z]:[\\/]|\\\\|\/)/.test(path);
+}
+async function createStandaloneSession(deps) {
+  if (typeof deps.home !== "string" || deps.home.trim() === "") {
+    throw new Error(deps.noHomeMessage);
+  }
+  const home = deps.home.trim();
+  if (!isAbsoluteHostPath(home)) {
+    throw new Error(`host home is not absolute: ${home}`);
+  }
+  const sessionId = mintSessionId(deps.randomUuid);
+  const cwd = makeStandaloneCwd(home, sessionId);
+  const created = await deps.create({ cwd, sessionId });
+  deps.open?.(created);
+  return created;
+}
+
+// src/client/panels.ts
+var PANEL_ID = "standalone-sessions";
+var NEW_PANEL_ID = "standalone-sessions-new";
+
+// src/client/notice.ts
+var current = null;
+var sequence = 0;
+var listeners = /* @__PURE__ */ new Set();
+function getNoticeSnapshot() {
+  return current;
+}
+function subscribeNotice(listener) {
+  listeners.add(listener);
+  return () => {
+    listeners.delete(listener);
+  };
+}
+function showNotice(kind, text) {
+  sequence += 1;
+  const notice = { id: sequence, kind, text };
+  current = notice;
+  for (const listener of listeners) listener();
+  const timer = setTimeout(() => {
+    if (current?.id !== notice.id) return;
+    current = null;
+    for (const listener of listeners) listener();
+  }, 6e3);
+  if (typeof timer === "object" && timer !== null && "unref" in timer) {
+    const unref = timer.unref;
+    if (typeof unref === "function") unref.call(timer);
+  }
+}
+function dismissNotice() {
+  if (current === null) return;
+  current = null;
+  for (const listener of listeners) listener();
+}
+
+// src/client/actions.ts
+function hostHome(ctx) {
+  try {
+    return ctx.remote?.$host?.home;
+  } catch {
+    return void 0;
+  }
+}
+async function createStandaloneSessionId(ctx, t) {
+  return createStandaloneSession({
+    home: hostHome(ctx),
+    noHomeMessage: t("error.noHome"),
+    create: (options) => ctx.sessions.create(options)
+  });
+}
+async function startStandalone(ctx, t) {
+  const sessionId = await createStandaloneSessionId(ctx, t);
+  ctx.uiWorkspace.openSession(sessionId);
+  return sessionId;
+}
+function openManagementPanel(ctx, t) {
+  try {
+    ctx.layout.selectPanel(PANEL_ID);
+  } catch (error) {
+    showNotice("error", t("toast.manageFailed", { message: messageOf(error) }));
+  }
+}
+async function renameStandalone(ctx, sessionId, title) {
+  const trimmed = title.trim();
+  if (trimmed === "") throw new Error("empty title");
+  const result = await ctx.sessions.using(
+    sessionId,
+    { source: "standaloneSessionOperation" },
+    (reference) => reference.binding.session.rename(trimmed)
+  );
+  if (!result.ok) throw new Error(result.error.message);
+}
+async function archiveStandalone(ctx, sessionId) {
+  await ctx.workspaces.archiveSession(sessionId, { stopActivity: true });
+}
+function messageOf(error) {
+  return error instanceof Error ? error.message : String(error);
+}
+
+// src/client/hooks.ts
+var import_react2 = require("react");
+function useSnapshot(source) {
+  const subscribe = (0, import_react2.useMemo)(() => (listener) => source.subscribe(listener), [source]);
+  const getSnapshot = (0, import_react2.useMemo)(() => () => source.getSnapshot(), [source]);
+  return (0, import_react2.useSyncExternalStore)(subscribe, getSnapshot, getSnapshot);
+}
+function useSessionList(ctx) {
+  return useSnapshot(ctx.sessions.list);
+}
+function useWorkspaceSnapshot(ctx) {
+  return useSnapshot(ctx.workspaces.list);
+}
+function useSessionCwd2(ctx, sessionId) {
+  const source = ctx.sessions.list;
+  const subscribe = (0, import_react2.useMemo)(() => (listener) => source.subscribe(listener), [source]);
+  const getSnapshot = (0, import_react2.useCallback)(
+    () => sessionId === void 0 ? void 0 : source.getSnapshot().byId[sessionId]?.cwd,
+    [sessionId, source]
+  );
+  return (0, import_react2.useSyncExternalStore)(subscribe, getSnapshot, () => void 0);
+}
+function standaloneRows(sessions, archivedSessionIds) {
+  const archived = new Set(archivedSessionIds);
+  const rows = [];
+  for (const id of sessions.ids) {
+    const row = sessions.byId[id];
+    if (row === void 0) continue;
+    if (row.origin === "subagent") continue;
+    if (!isStandaloneCwd(row.cwd)) continue;
+    if (archived.has(row.id)) continue;
+    rows.push(row);
+  }
+  rows.sort((left, right) => {
+    if (left.blank !== right.blank) return left.blank ? -1 : 1;
+    if (right.updatedAt !== left.updatedAt) return right.updatedAt - left.updatedAt;
+    return left.id.localeCompare(right.id);
+  });
+  return rows;
+}
+function countStandalone(sessions, archivedSessionIds) {
+  const archived = new Set(archivedSessionIds);
+  let count = 0;
+  for (const id of sessions.ids) {
+    const row = sessions.byId[id];
+    if (row === void 0 || row.origin === "subagent") continue;
+    if (!isStandaloneCwd(row.cwd)) continue;
+    if (archived.has(row.id)) continue;
+    count += 1;
+  }
+  return count;
+}
+
+// src/client/launcher.ts
+var LAUNCHER_ARM_WINDOW_MS = 3e3;
+var armedAt = 0;
+function armStandaloneLauncher(now = Date.now()) {
+  armedAt = now;
+}
+function isStandaloneLauncherArmed(now = Date.now()) {
+  if (armedAt === 0) return false;
+  if (now - armedAt > LAUNCHER_ARM_WINDOW_MS) {
+    armedAt = 0;
+    return false;
+  }
+  return true;
+}
+function clearStandaloneLauncherArm() {
+  armedAt = 0;
+}
+var StandaloneLaunchCoordinator = class {
+  constructor(deps) {
+    this.deps = deps;
+  }
+  deps;
+  lastLauncherSessionId;
+  inFlight;
+  /**
+   * Launch one conversation: reuse the last blank bridged session when it is
+   * still live, otherwise create a new one.
+   * @returns the session to open and whether it was reused.
+   */
+  launch() {
+    if (this.inFlight !== void 0) return this.inFlight;
+    const task = this.run();
+    this.inFlight = task;
+    void task.finally(() => {
+      if (this.inFlight === task) this.inFlight = void 0;
+    }).catch(() => {
+    });
+    return task;
+  }
+  async run() {
+    const reusable = this.reusableSession();
+    if (reusable !== void 0) {
+      return { sessionId: reusable.id, reused: true };
+    }
+    const sessionId = await this.deps.create();
+    this.lastLauncherSessionId = sessionId;
+    return { sessionId, reused: false };
+  }
+  reusableSession() {
+    const sessionId = this.lastLauncherSessionId;
+    if (sessionId === void 0) return void 0;
+    const row = this.deps.sessions().byId[sessionId];
+    if (row === void 0 || row.origin === "subagent" || !isStandaloneCwd(row.cwd) || !row.blank || this.deps.archivedSessionIds().includes(row.id)) {
+      this.lastLauncherSessionId = void 0;
+      return void 0;
+    }
+    return row;
+  }
+};
+
+// src/client/format.ts
+function relativeTimeLabel(t, timestamp, now = Date.now()) {
+  const raw = relativeTime(timestamp, now);
+  if (raw === "") return "";
+  if (raw === "now") return t("time.now");
+  const match = /^(\d+)([mhd])$/.exec(raw);
+  if (match === null) return raw;
+  const n = Number(match[1]);
+  if (match[2] === "m") return t("time.minutes", { n });
+  if (match[2] === "h") return t("time.hours", { n });
+  return t("time.days", { n });
+}
+
+// src/client/locales.ts
+var NS = "standaloneSession";
+var zh = {
+  "panel.label": "\u72EC\u7ACB\u4F1A\u8BDD",
+  "panel.title": "\u72EC\u7ACB\u4F1A\u8BDD",
+  "panel.description": "\u4E0D\u96B6\u5C5E\u4E8E\u4EFB\u4F55\u5DE5\u4F5C\u533A\uFF0C\u4F7F\u7528 DSH \u539F\u751F\u8F93\u5165\u533A\u3002",
+  "panel.new": "\u65B0\u5EFA\u72EC\u7ACB\u4F1A\u8BDD",
+  "panel.empty": "\u8FD8\u6CA1\u6709\u72EC\u7ACB\u4F1A\u8BDD",
+  "panel.emptyHint": "\u70B9\u51FB\u4E0B\u65B9\u6309\u94AE\uFF0C\u521B\u5EFA\u4E00\u4E2A\u7A7A\u767D\u4F1A\u8BDD\u5F00\u59CB\u3002",
+  "panel.badge": "\u72EC\u7ACB",
+  "panel.open": "\u6253\u5F00",
+  "panel.rename": "\u91CD\u547D\u540D",
+  "panel.delete": "\u5220\u9664",
+  "panel.untitled": "\u672A\u547D\u540D\u4F1A\u8BDD",
+  "panel.blank": "\u7A7A\u767D",
+  "panel.running": "\u8FD0\u884C\u4E2D",
+  "panel.cwd": "\u5DE5\u4F5C\u76EE\u5F55",
+  "panel.count": "{n} \u4E2A\u4F1A\u8BDD",
+  "panel.deleteTitle": "\u5220\u9664\u72EC\u7ACB\u4F1A\u8BDD\uFF1F",
+  "panel.deleteBody": "\u4F1A\u8BDD\u5C06\u4ECE\u5217\u8868\u548C\u539F\u751F\u4F1A\u8BDD\u89C6\u56FE\u4E2D\u79FB\u9664\uFF08DSH \u4EE5\u5F52\u6863\u5B9E\u73B0\u5220\u9664\uFF09\uFF0C\u4F46\u4ECD\u53EF\u5728\u5F52\u6863\u89C6\u56FE\u4E2D\u6062\u590D\u3002\u7A7A\u767D\u4F1A\u8BDD\u7684\u4E34\u65F6\u76EE\u5F55\u4F1A\u88AB\u6E05\u7406\uFF1B\u5DF2\u7ECF\u4EA7\u751F\u8FC7\u6D88\u606F\u7684\u4F1A\u8BDD\u4F1A\u4FDD\u7559\u5176\u76EE\u5F55\u3002",
+  "panel.deleteConfirm": "\u5220\u9664",
+  "panel.deleteKeepDir": "\u8BE5\u4F1A\u8BDD\u5DF2\u6709\u6D88\u606F\uFF0C\u76EE\u5F55\u4F1A\u88AB\u4FDD\u7559\u3002",
+  "panel.cancel": "\u53D6\u6D88",
+  "panel.renameTitle": "\u91CD\u547D\u540D\u72EC\u7ACB\u4F1A\u8BDD",
+  "panel.renameLabel": "\u540D\u79F0",
+  "panel.more": "\u66F4\u591A\u64CD\u4F5C",
+  "panel.save": "\u4FDD\u5B58",
+  "panel.titleRequired": "\u6807\u9898\u4E0D\u80FD\u4E3A\u7A7A",
+  "panel.actionFailed": "\u64CD\u4F5C\u5931\u8D25\uFF1A{message}",
+  "panel.retry": "\u91CD\u8BD5",
+  "panel.archivedHint": "\u5DF2\u5220\u9664\u7684\u4F1A\u8BDD\u5728 DSH \u7684\u5F52\u6863\u89C6\u56FE\u4E2D\u4ECD\u53EF\u6062\u590D\u3002",
+  "panel.loading": "\u6B63\u5728\u52A0\u8F7D\u4F1A\u8BDD\u2026",
+  "entry.label": "\u65B0\u5EFA\u72EC\u7ACB\u4F1A\u8BDD",
+  "launcher.creating": "\u6B63\u5728\u521B\u5EFA\u72EC\u7ACB\u4F1A\u8BDD\u2026",
+  "launcher.failedTitle": "\u65E0\u6CD5\u521B\u5EFA\u72EC\u7ACB\u4F1A\u8BDD",
+  "launcher.retry": "\u91CD\u8BD5",
+  "launcher.manage": "\u7BA1\u7406\u5DF2\u6709\u4F1A\u8BDD",
+  "launcher.hint": "\u70B9\u51FB\u5DE6\u4FA7\u201C\u65B0\u5EFA\u72EC\u7ACB\u4F1A\u8BDD\u201D\u5373\u53EF\u76F4\u63A5\u5F00\u59CB\u3002",
+  "command.label": "\u72EC\u7ACB\u4F1A\u8BDD\uFF1A\u65B0\u5EFA",
+  "command.description": "\u521B\u5EFA\u4E00\u4E2A\u4E0D\u5C5E\u4E8E\u4EFB\u4F55\u5DE5\u4F5C\u533A\u7684\u72EC\u7ACB\u4F1A\u8BDD\u3002",
+  "command.manageLabel": "\u72EC\u7ACB\u4F1A\u8BDD\uFF1A\u7BA1\u7406",
+  "command.manageDescription": "\u6253\u5F00\u72EC\u7ACB\u4F1A\u8BDD\u5217\u8868\uFF0C\u652F\u6301\u6253\u5F00\u3001\u91CD\u547D\u540D\u548C\u5220\u9664\u3002",
+  "footer.manage": "\u7BA1\u7406\u72EC\u7ACB\u4F1A\u8BDD",
+  "footer.manageCount": "\u7BA1\u7406\u72EC\u7ACB\u4F1A\u8BDD\uFF08{n}\uFF09",
+  "footer.manageTooltip": "\u6253\u5F00\u72EC\u7ACB\u4F1A\u8BDD\u5217\u8868\uFF0C\u652F\u6301\u6253\u5F00\u3001\u91CD\u547D\u540D\u548C\u5220\u9664\u3002",
+  "time.now": "\u521A\u521A",
+  "time.minutes": "{n} \u5206\u949F\u524D",
+  "time.hours": "{n} \u5C0F\u65F6\u524D",
+  "time.days": "{n} \u5929\u524D",
+  "toast.manageFailed": "\u65E0\u6CD5\u6253\u5F00\u7BA1\u7406\u9762\u677F\uFF1A{message}",
+  "hero.badge": "\u72EC\u7ACB\u4F1A\u8BDD \xB7 \u65E0\u5DE5\u4F5C\u533A",
+  "hero.hint": "\u4E0D\u96B6\u5C5E\u4E8E\u4EFB\u4F55\u5DE5\u4F5C\u533A",
+  "row.mark": "\u72EC",
+  "row.hover": "\u72EC\u7ACB\u4F1A\u8BDD \xB7 \u4E0D\u5C5E\u4E8E\u4EFB\u4F55\u5DE5\u4F5C\u533A",
+  "composer.placeholder": "\u63CF\u8FF0\u4F60\u60F3\u6784\u5EFA\u7684\u5185\u5BB9\u2026",
+  "toast.created": "\u5DF2\u521B\u5EFA\u72EC\u7ACB\u4F1A\u8BDD",
+  "toast.createFailed": "\u65E0\u6CD5\u521B\u5EFA\u72EC\u7ACB\u4F1A\u8BDD\uFF1A{message}",
+  "toast.deleteFailed": "\u65E0\u6CD5\u5220\u9664\u72EC\u7ACB\u4F1A\u8BDD\uFF1A{message}",
+  "toast.deleted": "\u5DF2\u5220\u9664\u72EC\u7ACB\u4F1A\u8BDD",
+  "toast.renamed": "\u5DF2\u91CD\u547D\u540D\u72EC\u7ACB\u4F1A\u8BDD",
+  "toast.renameFailed": "\u65E0\u6CD5\u91CD\u547D\u540D\u72EC\u7ACB\u4F1A\u8BDD\uFF1A{message}",
+  "error.noHome": "\u65E0\u6CD5\u786E\u5B9A\u5BBF\u4E3B\u4E3B\u76EE\u5F55",
+  "error.noSession": "\u6CA1\u6709\u53EF\u7528\u7684\u4F1A\u8BDD"
+};
+var en = {
+  "panel.label": "Standalone",
+  "panel.title": "Standalone Sessions",
+  "panel.description": "Workspace-free sessions using the native DSH composer.",
+  "panel.new": "New Standalone Session",
+  "panel.empty": "No standalone sessions yet",
+  "panel.emptyHint": "Use the button below to create a blank session.",
+  "panel.badge": "Standalone",
+  "panel.open": "Open",
+  "panel.rename": "Rename",
+  "panel.delete": "Delete",
+  "panel.untitled": "Untitled session",
+  "panel.blank": "Blank",
+  "panel.running": "Running",
+  "panel.cwd": "Working directory",
+  "panel.count": "{n} session(s)",
+  "panel.deleteTitle": "Delete standalone session?",
+  "panel.deleteBody": "The session leaves the list and the native session view (DSH implements deletion as archive), and remains recoverable from the archived view. The directory of an unused session is removed; a session that already carried messages keeps its directory.",
+  "panel.deleteConfirm": "Delete",
+  "panel.deleteKeepDir": "This session already carried messages; its directory is retained.",
+  "panel.cancel": "Cancel",
+  "panel.renameTitle": "Rename standalone session",
+  "panel.renameLabel": "Name",
+  "panel.more": "More actions",
+  "panel.save": "Save",
+  "panel.titleRequired": "Title cannot be empty",
+  "panel.actionFailed": "Operation failed: {message}",
+  "panel.retry": "Retry",
+  "panel.archivedHint": "Deleted sessions remain recoverable from the native archived view.",
+  "panel.loading": "Loading sessions\u2026",
+  "entry.label": "New Standalone Session",
+  "launcher.creating": "Creating a standalone session\u2026",
+  "launcher.failedTitle": "Could not create a standalone session",
+  "launcher.retry": "Retry",
+  "launcher.manage": "Manage sessions",
+  "launcher.hint": "Choose New Standalone Session in the sidebar to start.",
+  "command.label": "Standalone Session: New",
+  "command.description": "Create a standalone session that belongs to no workspace.",
+  "command.manageLabel": "Standalone Session: Manage",
+  "command.manageDescription": "Open the standalone session list to open, rename or delete sessions.",
+  "footer.manage": "Manage standalone sessions",
+  "footer.manageCount": "Manage standalone sessions ({n})",
+  "footer.manageTooltip": "Open the standalone session list to open, rename or delete sessions.",
+  "time.now": "Just now",
+  "time.minutes": "{n} min ago",
+  "time.hours": "{n} hr ago",
+  "time.days": "{n} days ago",
+  "toast.manageFailed": "Could not open the manager: {message}",
+  "hero.badge": "Standalone \xB7 No workspace",
+  "hero.hint": "Not attached to any workspace",
+  "row.mark": "S",
+  "row.hover": "Standalone session \xB7 not attached to any workspace",
+  "composer.placeholder": "Describe what you want to build\u2026",
+  "toast.created": "Standalone session created",
+  "toast.createFailed": "Could not create the standalone session: {message}",
+  "toast.deleteFailed": "Could not delete the standalone session: {message}",
+  "toast.deleted": "Standalone session deleted",
+  "toast.renamed": "Standalone session renamed",
+  "toast.renameFailed": "Could not rename the standalone session: {message}",
+  "error.noHome": "Cannot determine the host home directory",
+  "error.noSession": "No session is available"
+};
+
+// src/client/components.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function StandaloneIcon({
+  size = 16,
+  active = false
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 16 16",
+      fill: "none",
+      "aria-hidden": "true",
+      focusable: "false",
+      style: { color: active ? "var(--dsw-alias-state-business-primary, #2563eb)" : "currentColor" },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "path",
+          {
+            d: "M2.5 3.25c0-.69.56-1.25 1.25-1.25h8.5c.69 0 1.25.56 1.25 1.25v6.5c0 .69-.56 1.25-1.25 1.25H7.4L4.6 13.2a.55.55 0 0 1-.9-.43V11H3.75c-.69 0-1.25-.56-1.25-1.25v-6.5Z",
+            stroke: "currentColor",
+            strokeWidth: "1.2",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "path",
+          {
+            d: "M8 3.4l.55 1.5 1.5.55-1.5.55L8 7.5l-.55-1.5-1.5-.55 1.5-.55L8 3.4Z",
+            fill: "currentColor"
+          }
+        )
+      ]
+    }
+  );
+}
+function StandaloneComposeIcon({
+  size = 16,
+  active = false
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 16 16",
+      fill: "none",
+      "aria-hidden": "true",
+      focusable: "false",
+      style: { color: active ? "var(--dsw-alias-state-business-primary, #2563eb)" : "currentColor" },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "path",
+          {
+            d: "M2.5 3.25c0-.69.56-1.25 1.25-1.25h8.5c.69 0 1.25.56 1.25 1.25v6.5c0 .69-.56 1.25-1.25 1.25H7.4L4.6 13.2a.55.55 0 0 1-.9-.43V11H3.75c-.69 0-1.25-.56-1.25-1.25v-6.5Z",
+            stroke: "currentColor",
+            strokeWidth: "1.2",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M8 4.3v3.4M6.3 6h3.4", stroke: "currentColor", strokeWidth: "1.2", strokeLinecap: "round" })
+      ]
+    }
+  );
+}
+function StandaloneListIcon({ size = 16 }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { width: size, height: size, viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", focusable: "false", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M5.5 4h8M5.5 8h8M5.5 12h8", stroke: "currentColor", strokeWidth: "1.2", strokeLinecap: "round" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "3", cy: "4", r: "0.8", fill: "currentColor" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "3", cy: "8", r: "0.8", fill: "currentColor" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "3", cy: "12", r: "0.8", fill: "currentColor" })
+  ] });
+}
+function useStandaloneRows(ctx) {
+  const sessions = useSessionList(ctx);
+  const workspaces = useWorkspaceSnapshot(ctx);
+  const rows = (0, import_react3.useMemo)(
+    () => standaloneRows(sessions, workspaces.archivedSessionIds),
+    [sessions, workspaces.archivedSessionIds]
+  );
+  return { rows, loading: sessions.phase === "pending" };
+}
+function createLauncherEntryIcon() {
+  return function StandaloneLauncherIcon({
+    size = 18,
+    active = false
+  }) {
+    const ref = (0, import_react3.useRef)(null);
+    (0, import_react3.useEffect)(() => {
+      const button = ref.current?.closest("button");
+      if (button == null) return;
+      const arm = () => armStandaloneLauncher();
+      button.addEventListener("click", arm, true);
+      return () => button.removeEventListener("click", arm, true);
+    }, []);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { ref, className: "ss-panelIcon", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StandaloneComposeIcon, { size, active }) });
+  };
+}
+function createManageFooterAction(ctx) {
+  const fallbackT = ctx.locale.bind(NS);
+  return function StandaloneManageFooterAction({
+    wide = true,
+    t
+  }) {
+    const translate = t ?? fallbackT;
+    const sessions = useSessionList(ctx);
+    const workspaces = useWorkspaceSnapshot(ctx);
+    const count = countStandalone(sessions, workspaces.archivedSessionIds);
+    const label = count > 0 ? translate("footer.manageCount", { n: count }) : translate("footer.manage");
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "button",
+      {
+        type: "button",
+        className: `ss-footerAction${wide ? "" : " ss-footerRail"}`,
+        "aria-label": label,
+        title: translate("footer.manageTooltip"),
+        onClick: () => openManagementPanel(ctx, translate),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "ss-panelIcon", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StandaloneListIcon, { size: wide ? 15 : 18 }) }),
+          wide ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "ss-footerLabel", children: label }) : null
+        ]
+      }
+    );
+  };
+}
+function createStandaloneLauncher(ctx) {
+  const fallbackT = ctx.locale.bind(NS);
+  const coordinator = new StandaloneLaunchCoordinator({
+    sessions: () => ctx.sessions.list.getSnapshot(),
+    archivedSessionIds: () => ctx.workspaces.list.getSnapshot().archivedSessionIds,
+    create: () => createStandaloneSessionId(ctx, fallbackT)
+  });
+  return function StandaloneLauncher(props) {
+    const t = props.t ?? fallbackT;
+    const [phase, setPhase] = (0, import_react3.useState)(
+      () => isStandaloneLauncherArmed() ? "creating" : "idle"
+    );
+    const [error, setError] = (0, import_react3.useState)(null);
+    const mounted = (0, import_react3.useRef)(true);
+    (0, import_react3.useEffect)(() => {
+      mounted.current = true;
+      return () => {
+        mounted.current = false;
+      };
+    }, []);
+    const run = async () => {
+      setPhase("creating");
+      setError(null);
+      try {
+        const result = await coordinator.launch();
+        if (!mounted.current) return;
+        ctx.uiWorkspace.openSession(result.sessionId);
+        setPhase("idle");
+      } catch (reason) {
+        if (!mounted.current) return;
+        setError(messageOf(reason));
+        setPhase("error");
+      } finally {
+        clearStandaloneLauncherArm();
+      }
+    };
+    (0, import_react3.useEffect)(() => {
+      if (!isStandaloneLauncherArmed()) {
+        setPhase((current2) => current2 === "creating" ? "idle" : current2);
+        return;
+      }
+      void run();
+    }, []);
+    if (phase === "creating") {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "ss-launcher", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "ss-launcherCard", "aria-live": "polite", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "ss-launcherSpinner", "aria-hidden": "true" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "ss-launcherTitle", children: t("launcher.creating") })
+      ] }) });
+    }
+    if (phase === "error") {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "ss-launcher", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "ss-launcherCard", role: "alert", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "ss-launcherTitle", children: t("launcher.failedTitle") }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "ss-launcherHint", children: t("panel.actionFailed", { message: error ?? "" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "ss-launcherActions", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "button",
+            {
+              type: "button",
+              className: "ss-button ss-buttonPrimary",
+              onClick: () => {
+                void run();
+              },
+              children: t("launcher.retry")
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "button",
+            {
+              type: "button",
+              className: "ss-button ss-buttonQuiet",
+              onClick: () => openManagementPanel(ctx, t),
+              children: t("launcher.manage")
+            }
+          )
+        ] })
+      ] }) });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "ss-launcher", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "ss-launcherCard", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "ss-launcherTitle", children: t("entry.label") }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "ss-launcherHint", children: t("launcher.hint") }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "ss-launcherActions", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "button",
+          {
+            type: "button",
+            className: "ss-button ss-buttonPrimary",
+            onClick: () => {
+              void run();
+            },
+            children: t("entry.label")
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "button",
+          {
+            type: "button",
+            className: "ss-button ss-buttonQuiet",
+            onClick: () => openManagementPanel(ctx, t),
+            children: t("launcher.manage")
+          }
+        )
+      ] })
+    ] }) });
+  };
+}
+function createHeroBadge(ctx) {
+  const fallbackT = ctx.locale.bind(NS);
+  return function StandaloneHeroBadge({
+    sessionId,
+    t
+  }) {
+    const translate = t ?? fallbackT;
+    const cwd = useSessionCwd2(ctx, sessionId);
+    if (!isStandaloneCwd(cwd)) return null;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "ss-badge ss-heroBadge", title: translate("hero.hint"), children: translate("hero.badge") });
+  };
+}
+function createRowLeading(ctx) {
+  const fallbackT = ctx.locale.bind(NS);
+  return function StandaloneRowLeading({
+    sessionId,
+    t
+  }) {
+    const translate = t ?? fallbackT;
+    const cwd = useSessionCwd2(ctx, sessionId);
+    if (!isStandaloneCwd(cwd)) return null;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "ss-rowMark", title: translate("row.hover"), "aria-label": translate("row.hover"), children: translate("row.mark") });
+  };
+}
+function createRowHover(ctx) {
+  const fallbackT = ctx.locale.bind(NS);
+  return function StandaloneRowHover({
+    sessionId,
+    t
+  }) {
+    const translate = t ?? fallbackT;
+    const cwd = useSessionCwd2(ctx, sessionId);
+    if (!isStandaloneCwd(cwd)) return null;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "ss-rowHover", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "ss-badge", children: translate("panel.badge") }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: translate("row.hover") })
+    ] });
+  };
+}
+function StandaloneToast() {
+  const notice = (0, import_react3.useSyncExternalStore)(subscribeNotice, getNoticeSnapshot, getNoticeSnapshot);
+  if (notice === null) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      className: `ss-toast${notice.kind === "error" ? " ss-toastError" : ""}`,
+      role: notice.kind === "error" ? "alert" : "status",
+      onClick: dismissNotice,
+      children: notice.text
+    }
+  );
+}
+function DialogFrame({ title, children, footer, onCancel, busy = false }) {
+  const ref = (0, import_react3.useRef)(null);
+  const onCancelRef = (0, import_react3.useRef)(onCancel);
+  const busyRef = (0, import_react3.useRef)(busy);
+  onCancelRef.current = onCancel;
+  busyRef.current = busy;
+  (0, import_react3.useEffect)(() => {
+    const dialog = ref.current;
+    if (dialog === null) return;
+    const previous = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+    const focusables = () => Array.from(
+      dialog.querySelectorAll(
+        'button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), a[href], [tabindex]:not([tabindex="-1"])'
+      )
+    );
+    focusables()[0]?.focus();
+    const onKey = (event) => {
+      if (event.key === "Escape" && !busyRef.current) {
+        event.preventDefault();
+        onCancelRef.current();
+        return;
+      }
+      if (event.key !== "Tab") return;
+      const items = focusables();
+      if (items.length === 0) return;
+      const first = items[0];
+      const last = items[items.length - 1];
+      if (event.shiftKey && document.activeElement === first) {
+        event.preventDefault();
+        last.focus();
+      } else if (!event.shiftKey && document.activeElement === last) {
+        event.preventDefault();
+        first.focus();
+      }
+    };
+    document.addEventListener("keydown", onKey);
+    return () => {
+      document.removeEventListener("keydown", onKey);
+      previous?.focus();
+    };
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      className: "ss-dialogBackdrop",
+      onMouseDown: (event) => {
+        if (event.target === event.currentTarget && !busy) onCancel();
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "ss-dialog", role: "dialog", "aria-modal": "true", "aria-label": title, ref, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "ss-dialogTitle", children: title }),
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "ss-dialogFooter", children: footer })
+      ] })
+    }
+  );
+}
+function RenameDialog({
+  row,
+  t,
+  onCancel,
+  onSave
+}) {
+  const [value, setValue] = (0, import_react3.useState)(row.title?.trim() ?? "");
+  const [busy, setBusy] = (0, import_react3.useState)(false);
+  const [error, setError] = (0, import_react3.useState)(null);
+  const inputRef = (0, import_react3.useRef)(null);
+  (0, import_react3.useEffect)(() => {
+    inputRef.current?.focus();
+    inputRef.current?.select();
+  }, []);
+  const submit = async () => {
+    const title = value.trim();
+    if (title === "") {
+      setError(t("panel.titleRequired"));
+      return;
+    }
+    setBusy(true);
+    setError(null);
+    try {
+      await onSave(title);
+    } catch (reason) {
+      setError(messageOf(reason));
+    } finally {
+      setBusy(false);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    DialogFrame,
+    {
+      title: t("panel.renameTitle"),
+      busy,
+      onCancel,
+      footer: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "ss-button ss-buttonQuiet", disabled: busy, onClick: onCancel, children: t("panel.cancel") }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "button",
+          {
+            type: "button",
+            className: "ss-button ss-buttonPrimary",
+            disabled: busy,
+            onClick: () => {
+              void submit();
+            },
+            children: t("panel.save")
+          }
+        )
+      ] }),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { className: "ss-fieldLabel", htmlFor: "ss-rename-input", children: t("panel.renameLabel") }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "input",
+          {
+            id: "ss-rename-input",
+            ref: inputRef,
+            className: "ss-input",
+            value,
+            maxLength: 200,
+            "aria-invalid": error !== null,
+            onChange: (event) => setValue(event.target.value),
+            onKeyDown: (event) => {
+              if (event.key === "Enter") {
+                event.preventDefault();
+                void submit();
+              }
+            }
+          }
+        ),
+        error !== null ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "ss-error", children: error }) : null
+      ]
+    }
+  );
+}
+function DeleteDialog({
+  row,
+  t,
+  onCancel,
+  onConfirm
+}) {
+  const [busy, setBusy] = (0, import_react3.useState)(false);
+  const [error, setError] = (0, import_react3.useState)(null);
+  const confirm = async () => {
+    if (busy) return;
+    setBusy(true);
+    setError(null);
+    try {
+      await onConfirm();
+    } catch (reason) {
+      setError(messageOf(reason));
+      setBusy(false);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    DialogFrame,
+    {
+      title: t("panel.deleteTitle"),
+      busy,
+      onCancel,
+      footer: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "ss-button ss-buttonQuiet", disabled: busy, onClick: onCancel, children: t("panel.cancel") }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "button",
+          {
+            type: "button",
+            className: "ss-button ss-buttonDanger",
+            disabled: busy,
+            onClick: () => {
+              void confirm();
+            },
+            children: t("panel.deleteConfirm")
+          }
+        )
+      ] }),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "ss-dialogBody", children: t("panel.deleteBody") }),
+        !row.blank ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "ss-dialogBody", children: t("panel.deleteKeepDir") }) : null,
+        error !== null ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "ss-error", children: error }) : null
+      ]
+    }
+  );
+}
+function createStandalonePanel(ctx) {
+  const fallbackT = ctx.locale.bind(NS);
+  return function StandalonePanel(props) {
+    const t = props.t ?? fallbackT;
+    const { rows, loading } = useStandaloneRows(ctx);
+    const [busy, setBusy] = (0, import_react3.useState)(null);
+    const [error, setError] = (0, import_react3.useState)(null);
+    const [renameTarget, setRenameTarget] = (0, import_react3.useState)(null);
+    const [deleteTarget, setDeleteTarget] = (0, import_react3.useState)(null);
+    const [menuTarget, setMenuTarget] = (0, import_react3.useState)(null);
+    const menuRef = (0, import_react3.useRef)(null);
+    const menuButtonRef = (0, import_react3.useRef)(null);
+    (0, import_react3.useEffect)(() => {
+      if (menuTarget === null) return;
+      menuRef.current?.querySelector("button")?.focus();
+      const onPointerDown = (event) => {
+        if (menuRef.current?.contains(event.target)) return;
+        setMenuTarget(null);
+      };
+      const onKeyDown = (event) => {
+        if (event.key === "Escape") {
+          setMenuTarget(null);
+          menuButtonRef.current?.focus();
+        }
+      };
+      document.addEventListener("pointerdown", onPointerDown);
+      document.addEventListener("keydown", onKeyDown);
+      return () => {
+        document.removeEventListener("pointerdown", onPointerDown);
+        document.removeEventListener("keydown", onKeyDown);
+      };
+    }, [menuTarget]);
+    const create = async () => {
+      if (busy !== null) return;
+      setBusy("new");
+      setError(null);
+      try {
+        await startStandalone(ctx, t);
+      } catch (reason) {
+        setError(t("panel.actionFailed", { message: messageOf(reason) }));
+      } finally {
+        setBusy(null);
+      }
+    };
+    const open = (row) => {
+      if (busy !== null) return;
+      setMenuTarget(null);
+      try {
+        ctx.uiWorkspace.openSession(row.id);
+      } catch (reason) {
+        setError(t("panel.actionFailed", { message: messageOf(reason) }));
+      }
+    };
+    const rename = async (row, title) => {
+      setBusy(row.id);
+      setError(null);
+      try {
+        await renameStandalone(ctx, row.id, title);
+        setRenameTarget(null);
+      } catch (reason) {
+        throw new Error(messageOf(reason));
+      } finally {
+        setBusy(null);
+      }
+    };
+    const remove = async (row) => {
+      setBusy(row.id);
+      setError(null);
+      try {
+        await archiveStandalone(ctx, row.id);
+        openManagementPanel(ctx, t);
+        setDeleteTarget(null);
+      } catch (reason) {
+        throw new Error(messageOf(reason));
+      } finally {
+        setBusy(null);
+      }
+    };
+    const count = t("panel.count", { n: rows.length });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "ss-panel", "aria-label": t("panel.title"), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "ss-shell", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("header", { className: "ss-header", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "ss-titleRow", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { className: "ss-title", children: t("panel.title") }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "ss-count ss-countInline", children: count })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "ss-description", children: t("panel.description") })
+        ] }) }),
+        error !== null ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "ss-error", role: "alert", children: error }) : null,
+        loading && rows.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "ss-empty", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "ss-emptyHint", children: t("panel.loading") }) }) : rows.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "ss-empty", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "ss-emptyTitle", children: t("panel.empty") }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "ss-emptyHint", children: t("panel.emptyHint") }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "ss-emptyAction", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            "button",
+            {
+              type: "button",
+              className: "ss-button ss-buttonPrimary",
+              disabled: busy !== null,
+              onClick: () => {
+                void create();
+              },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StandaloneComposeIcon, { size: 14 }),
+                t("panel.new")
+              ]
+            }
+          ) })
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "ss-list", children: rows.map((row) => {
+          const title = row.title?.trim() || t("panel.untitled");
+          const updated = relativeTimeLabel(t, row.updatedAt);
+          const openMenu = menuTarget === row.id;
+          const metaItems = [];
+          if (updated !== "") metaItems.push(/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: updated }, "time"));
+          if (row.running) {
+            metaItems.push(
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "ss-stateRunning", children: t("panel.running") }, "running")
+            );
+          }
+          if (row.blank) {
+            metaItems.push(
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "ss-status", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "ss-statusDot", "aria-hidden": "true" }),
+                t("panel.blank")
+              ] }, "blank")
+            );
+          }
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            "li",
+            {
+              className: `ss-row${openMenu ? " ss-rowMenuOpen" : ""}`,
+              role: "button",
+              tabIndex: 0,
+              "aria-disabled": busy !== null,
+              onClick: () => open(row),
+              onKeyDown: (event) => {
+                if (event.target !== event.currentTarget) return;
+                if (event.key === "Enter" || event.key === " ") {
+                  event.preventDefault();
+                  open(row);
+                } else if (event.key === "ArrowDown") {
+                  event.preventDefault();
+                  setMenuTarget(row.id);
+                }
+              },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "ss-rowMain", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "ss-rowTitleRow", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "ss-rowTitle", title, children: title }) }),
+                  metaItems.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "ss-rowMeta", children: metaItems.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react3.Fragment, { children: [
+                    index > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "ss-dotSep", children: "\xB7" }) : null,
+                    item
+                  ] }, index)) }) : null
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "ss-rowActions", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    "button",
+                    {
+                      type: "button",
+                      className: "ss-rowMenuButton",
+                      "aria-label": t("panel.more"),
+                      "aria-haspopup": "menu",
+                      "aria-expanded": openMenu,
+                      disabled: busy !== null,
+                      ref: openMenu ? menuButtonRef : void 0,
+                      onClick: (event) => {
+                        event.stopPropagation();
+                        setMenuTarget(openMenu ? null : row.id);
+                      },
+                      onKeyDown: (event) => event.stopPropagation(),
+                      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { "aria-hidden": "true", children: "\u22EF" })
+                    }
+                  ),
+                  openMenu ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                    "div",
+                    {
+                      className: "ss-rowMenu",
+                      role: "menu",
+                      ref: menuRef,
+                      onClick: (event) => event.stopPropagation(),
+                      children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                          "button",
+                          {
+                            type: "button",
+                            role: "menuitem",
+                            disabled: busy !== null,
+                            onClick: () => {
+                              setMenuTarget(null);
+                              setRenameTarget(row);
+                            },
+                            children: t("panel.rename")
+                          }
+                        ),
+                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                          "button",
+                          {
+                            type: "button",
+                            role: "menuitem",
+                            className: "ss-rowMenuDanger",
+                            disabled: busy !== null,
+                            onClick: () => {
+                              setMenuTarget(null);
+                              setDeleteTarget(row);
+                            },
+                            children: t("panel.delete")
+                          }
+                        )
+                      ]
+                    }
+                  ) : null
+                ] })
+              ]
+            },
+            row.id
+          );
+        }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "ss-panelHint", children: t("panel.archivedHint") })
+      ] }),
+      renameTarget !== null ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        RenameDialog,
+        {
+          row: renameTarget,
+          t,
+          onCancel: () => setRenameTarget(null),
+          onSave: (title) => rename(renameTarget, title)
+        }
+      ) : null,
+      deleteTarget !== null ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        DeleteDialog,
+        {
+          row: deleteTarget,
+          t,
+          onCancel: () => setDeleteTarget(null),
+          onConfirm: () => remove(deleteTarget)
+        }
+      ) : null
+    ] });
+  };
+}
+
+// src/client/styles.ts
+var CSS = `
+.ss-panel {
+  box-sizing: border-box;
+  height: 100%;
+  min-height: 0;
+  overflow: auto;
+  padding: 32px clamp(20px, 5vw, 56px) 56px;
+  color: var(--dsw-alias-label-primary, #1f2328);
+  background: var(--dsw-specific-main-fill, transparent);
+}
+.ss-shell {
+  width: 100%;
+  max-width: 880px;
+  margin: 0 auto;
+}
+.ss-header {
+  display: flex;
+  align-items: flex-start;
+  gap: 16px;
+  justify-content: space-between;
+  flex-wrap: wrap;
+  margin-bottom: 8px;
+}
+.ss-titleRow {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  min-width: 0;
+}
+.ss-title {
+  font-size: 24px;
+  line-height: 32px;
+  font-weight: 600;
+  margin: 0;
+}
+.ss-description {
+  color: var(--dsw-alias-label-secondary, #59636e);
+  font-size: 13px;
+  line-height: 20px;
+  margin: 6px 0 0;
+  max-width: 560px;
+}
+.ss-count {
+  color: var(--dsw-alias-label-tertiary, #818b98);
+  font-size: 12px;
+  line-height: 20px;
+  margin-top: 6px;
+}
+.ss-countInline {
+  margin-top: 0;
+  align-self: center;
+}
+.ss-button {
+  font: inherit;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  box-sizing: border-box;
+  min-height: 32px;
+  padding: 5px 12px;
+  border-radius: var(--dsw-radius-md, 10px);
+  border: 0.5px solid transparent;
+  cursor: pointer;
+  color: var(--dsw-alias-label-primary, #1f2328);
+  background: var(--dsw-alias-button-elevated-fill, #f3f4f6);
+  transition: background 120ms ease, border-color 120ms ease;
+}
+.ss-button:hover:not(:disabled) {
+  background: var(--dsw-alias-interactive-bg-hover, #e9ebee);
+}
+.ss-button:focus-visible {
+  outline: var(--dsw-focus-ring-width, 2px) solid
+    var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary, #3b82f6));
+  outline-offset: 1px;
+}
+.ss-button:disabled {
+  cursor: default;
+  opacity: 0.55;
+}
+.ss-buttonPrimary {
+  color: #fff;
+  background: var(--dsw-alias-state-business-primary, #2563eb);
+  border-color: var(--dsw-alias-state-business-primary, #2563eb);
+}
+.ss-buttonPrimary:hover:not(:disabled) {
+  background: var(--dsw-alias-state-business-primary, #2563eb);
+  filter: brightness(1.05);
+}
+.ss-buttonQuiet {
+  background: transparent;
+  border-color: var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.22));
+}
+.ss-buttonDanger {
+  color: var(--dsw-alias-state-error-primary, #d1242f);
+  background: transparent;
+  border-color: var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.22));
+}
+.ss-badge {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  flex: none;
+  border-radius: 999px;
+  padding: 1px 8px 2px;
+  font-size: 11px;
+  line-height: 16px;
+  font-weight: 600;
+  letter-spacing: 0.01em;
+  color: var(--dsw-alias-label-primary-bluish, #1f4f8f);
+  background: var(--dsw-alias-state-business-tertiary, rgba(59, 130, 246, 0.12));
+  border: 0.5px solid var(--dsw-alias-interactive-bg-hover, rgba(59, 130, 246, 0.18));
+}
+.ss-list {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  margin: 20px 0 0;
+  padding: 0;
+  list-style: none;
+}
+.ss-row {
+  position: relative;
+  display: flex;
+  align-items: center;
+  gap: 14px;
+  box-sizing: border-box;
+  padding: 12px 14px;
+  border-radius: var(--dsw-radius-lg, 14px);
+  border: 0.5px solid var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.2));
+  background: var(--dsw-alias-bg-elevated, rgba(255, 255, 255, 0.02));
+  cursor: pointer;
+  transition: background 120ms ease, border-color 120ms ease;
+}
+.ss-row:hover,
+.ss-row:focus-within {
+  border-color: var(--dsw-alias-border-l4, rgba(128, 128, 128, 0.35));
+  background: var(--dsw-alias-interactive-bg-hover, #e9ebee);
+}
+.ss-row:focus-visible {
+  outline: var(--dsw-focus-ring-width, 2px) solid
+    var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary, #3b82f6));
+  outline-offset: 1px;
+}
+.ss-row[aria-disabled="true"] {
+  cursor: default;
+  opacity: 0.7;
+}
+.ss-rowMain {
+  min-width: 0;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 3px;
+}
+.ss-rowTitleRow {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  min-width: 0;
+}
+.ss-rowTitle {
+  font-size: 14px;
+  line-height: 20px;
+  font-weight: 600;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.ss-rowMeta {
+  color: var(--dsw-alias-label-tertiary, #818b98);
+  font-size: 12px;
+  line-height: 18px;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  min-width: 0;
+  flex-wrap: wrap;
+}
+.ss-dotSep {
+  opacity: 0.5;
+}
+.ss-rowActions {
+  position: relative;
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  flex: none;
+}
+.ss-rowMenuButton {
+  width: 28px;
+  height: 28px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  border: 0;
+  border-radius: var(--dsw-radius-md, 10px);
+  background: transparent;
+  color: var(--dsw-alias-label-tertiary, #818b98);
+  font: inherit;
+  font-size: 18px;
+  line-height: 1;
+  cursor: pointer;
+  opacity: 0;
+  transition: background 120ms ease, color 120ms ease, opacity 120ms ease;
+}
+.ss-row:hover .ss-rowMenuButton,
+.ss-row:focus-within .ss-rowMenuButton,
+.ss-rowMenuOpen .ss-rowMenuButton {
+  opacity: 1;
+}
+.ss-rowMenuButton:hover:not(:disabled) {
+  color: var(--dsw-alias-label-primary, #1f2328);
+  background: var(--dsw-alias-interactive-bg-hover, #e9ebee);
+}
+.ss-rowMenuButton:focus-visible {
+  opacity: 1;
+  outline: var(--dsw-focus-ring-width, 2px) solid
+    var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary, #3b82f6));
+  outline-offset: 1px;
+}
+.ss-rowMenuButton:disabled {
+  cursor: default;
+  opacity: 0.35;
+}
+.ss-rowMenu {
+  position: absolute;
+  top: calc(100% + 4px);
+  right: 0;
+  z-index: 20;
+  min-width: 136px;
+  padding: 4px;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  border: 0.5px solid var(--dsw-alias-border-l4, rgba(128, 128, 128, 0.35));
+  border-radius: var(--dsw-radius-md, 10px);
+  background: var(--dsw-alias-bg-elevated, #fff);
+  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.16);
+}
+.ss-rowMenu button {
+  box-sizing: border-box;
+  width: 100%;
+  padding: 6px 9px;
+  border: 0;
+  border-radius: 6px;
+  background: transparent;
+  color: var(--dsw-alias-label-primary, #1f2328);
+  font: inherit;
+  font-size: 13px;
+  line-height: 20px;
+  text-align: left;
+  cursor: pointer;
+}
+.ss-rowMenu button:hover:not(:disabled),
+.ss-rowMenu button:focus-visible {
+  background: var(--dsw-alias-interactive-bg-hover, #e9ebee);
+  outline: none;
+}
+.ss-rowMenu button:disabled {
+  cursor: default;
+  opacity: 0.5;
+}
+.ss-rowMenuDanger {
+  color: var(--dsw-alias-state-error-primary, #d1242f) !important;
+}
+.ss-status {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+}
+.ss-statusDot {
+  width: 5px;
+  height: 5px;
+  border-radius: 50%;
+  background: currentColor;
+  opacity: 0.55;
+}
+.ss-stateRunning {
+  color: var(--dsw-alias-state-business-primary, #2563eb);
+  font-weight: 600;
+}
+.ss-empty {
+  margin-top: 28px;
+  padding: 44px 24px;
+  text-align: center;
+  border: 0.5px dashed var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.3));
+  border-radius: var(--dsw-radius-lg, 14px);
+}
+.ss-emptyTitle {
+  font-size: 15px;
+  font-weight: 600;
+  line-height: 22px;
+  margin: 0 0 6px;
+}
+.ss-emptyHint {
+  color: var(--dsw-alias-label-secondary, #59636e);
+  font-size: 13px;
+  line-height: 20px;
+  margin: 0 auto;
+  max-width: 460px;
+}
+.ss-emptyAction {
+  margin-top: 18px;
+}
+.ss-panelHint {
+  margin: 18px 0 0;
+  color: var(--dsw-alias-label-tertiary, #818b98);
+  font-size: 12px;
+  line-height: 20px;
+}
+.ss-fieldLabel {
+  display: block;
+  margin: 12px 0 6px;
+  color: var(--dsw-alias-label-secondary, #59636e);
+  font-size: 12px;
+  line-height: 18px;
+}
+.ss-error {
+  margin-top: 16px;
+  padding: 8px 10px;
+  border-radius: var(--dsw-radius-sm, 8px);
+  color: var(--dsw-alias-state-error-primary, #d1242f);
+  background: var(--dsw-alias-state-error-tertiary, rgba(209, 36, 47, 0.08));
+  font-size: 12px;
+  line-height: 18px;
+}
+.ss-dialogBackdrop {
+  position: fixed;
+  inset: 0;
+  z-index: 80;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: rgba(0, 0, 0, 0.28);
+  padding: 24px;
+}
+.ss-dialog {
+  width: 100%;
+  max-width: 440px;
+  box-sizing: border-box;
+  border-radius: var(--dsw-radius-lg, 14px);
+  border: 0.5px solid var(--dsw-alias-border-l4, rgba(128, 128, 128, 0.35));
+  background: var(--dsw-alias-bg-elevated, #fff);
+  padding: 20px;
+  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.22);
+}
+.ss-dialogTitle {
+  margin: 0 0 6px;
+  font-size: 16px;
+  line-height: 24px;
+  font-weight: 600;
+}
+.ss-dialogBody {
+  margin: 0 0 14px;
+  color: var(--dsw-alias-label-secondary, #59636e);
+  font-size: 13px;
+  line-height: 20px;
+}
+.ss-input {
+  box-sizing: border-box;
+  width: 100%;
+  height: 36px;
+  border-radius: var(--dsw-radius-sm, 8px);
+  border: 0.5px solid var(--dsw-alias-border-l4, rgba(128, 128, 128, 0.35));
+  background: transparent;
+  color: inherit;
+  font: inherit;
+  padding: 0 10px;
+}
+.ss-dialogFooter {
+  display: flex;
+  justify-content: flex-end;
+  gap: 8px;
+  margin-top: 18px;
+}
+.ss-footerAction {
+  box-sizing: border-box;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  min-height: 30px;
+  padding: 4px 8px;
+  border: 0;
+  border-radius: var(--dsw-radius-md, 10px);
+  background: transparent;
+  color: var(--dsw-alias-label-secondary, #59636e);
+  font: inherit;
+  cursor: pointer;
+  text-align: left;
+}
+.ss-footerAction:hover {
+  color: var(--dsw-alias-label-primary, #1f2328);
+  background: var(--dsw-alias-interactive-bg-hover, #e9ebee);
+}
+.ss-footerAction:disabled {
+  cursor: default;
+  opacity: 0.55;
+}
+.ss-footerLabel {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 13px;
+}
+.ss-footerRail {
+  width: 36px;
+  height: 36px;
+  justify-content: center;
+  padding: 0;
+}
+.ss-panelIcon {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+.ss-launcher {
+  box-sizing: border-box;
+  min-height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 32px;
+  color: var(--dsw-alias-label-primary, #1f2328);
+}
+.ss-launcherCard {
+  box-sizing: border-box;
+  width: 100%;
+  max-width: 430px;
+  padding: 30px 28px;
+  text-align: center;
+  border: 0.5px solid var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.22));
+  border-radius: var(--dsw-radius-lg, 14px);
+  background: var(--dsw-alias-bg-elevated, rgba(255, 255, 255, 0.02));
+}
+.ss-launcherSpinner {
+  width: 22px;
+  height: 22px;
+  margin: 0 auto 14px;
+  border-radius: 50%;
+  border: 2px solid var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.25));
+  border-top-color: var(--dsw-alias-state-business-primary, #2563eb);
+  animation: ss-spin 900ms linear infinite;
+}
+@keyframes ss-spin {
+  to { transform: rotate(360deg); }
+}
+.ss-launcherTitle {
+  margin: 0;
+  font-size: 15px;
+  line-height: 22px;
+  font-weight: 600;
+}
+.ss-launcherHint {
+  margin: 6px 0 0;
+  color: var(--dsw-alias-label-secondary, #59636e);
+  font-size: 13px;
+  line-height: 20px;
+}
+.ss-launcherActions {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  gap: 8px;
+  margin-top: 18px;
+}
+.ss-heroBadge {
+  margin-right: 4px;
+}
+.ss-rowMark {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 14px;
+  height: 14px;
+  border-radius: 4px;
+  font-size: 10px;
+  line-height: 1;
+  font-weight: 700;
+  color: var(--dsw-alias-label-primary-bluish, #1f4f8f);
+  background: var(--dsw-alias-state-business-tertiary, rgba(59, 130, 246, 0.14));
+  flex: none;
+}
+.ss-rowHover {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  color: #cfd3d6;
+  font-size: 12px;
+  line-height: 16px;
+}
+.ss-toast {
+  position: fixed;
+  left: 50%;
+  bottom: 28px;
+  transform: translateX(-50%);
+  z-index: 90;
+  max-width: min(520px, calc(100vw - 40px));
+  box-sizing: border-box;
+  padding: 9px 14px;
+  border-radius: var(--dsw-radius-md, 10px);
+  border: 0.5px solid var(--dsw-alias-border-l4, rgba(128, 128, 128, 0.35));
+  background: var(--dsw-alias-bg-elevated, #fff);
+  color: var(--dsw-alias-label-primary, #1f2328);
+  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
+  font-size: 13px;
+  line-height: 19px;
+  pointer-events: auto;
+}
+.ss-toastError {
+  color: var(--dsw-alias-state-error-primary, #d1242f);
+}
+.ss-visuallyHidden {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+@media (hover: none) {
+  .ss-rowMenuButton { opacity: 1; }
+}
+@media (max-width: 640px) {
+  .ss-panel { padding: 20px 14px 40px; }
+  .ss-row { flex-wrap: wrap; }
+  .ss-rowActions { width: 100%; justify-content: flex-end; }
+}
+`;
+function insertStyles() {
+  if (typeof document === "undefined") return () => void 0;
+  const existing = document.querySelector('style[data-plugin="dsh-plugin-standalone-session"]');
+  if (existing !== null) {
+    existing.textContent = CSS;
+    return () => void 0;
+  }
+  const tag = document.createElement("style");
+  tag.setAttribute("data-plugin", "dsh-plugin-standalone-session");
+  tag.textContent = CSS;
+  document.head.appendChild(tag);
+  return () => tag.remove();
+}
+
+// src/client/index.ts
+var inject = [
+  "slots",
+  "locale",
+  "sessions",
+  "workspaces",
+  "uiWorkspace",
+  "commandUi",
+  "layout",
+  "remote"
+];
+function apply(ctx) {
+  const boundT = ctx.locale.bind(NS);
+  ctx.effect(
+    () => ctx.locale.register(NS, { zh, en }),
+    "standalone-session: dictionaries"
+  );
+  ctx.effect(() => insertStyles(), "standalone-session: styles");
+  ctx.slots.inject("conversation.composer.bar", () => patchComposer(ctx, boundT));
+  ctx.slots.inject(
+    "main",
+    () => ctx.slots.register(
+      { name: "main", key: NEW_PANEL_ID, locale: NS },
+      createStandaloneLauncher(ctx)
+    )
+  );
+  ctx.slots.inject(
+    "main",
+    () => ctx.slots.register(
+      { name: "main", key: PANEL_ID, locale: NS },
+      createStandalonePanel(ctx)
+    )
+  );
+  ctx.slots.inject(
+    "sidebar.panellist",
+    () => ctx.slots.register(
+      {
+        name: "sidebar.panellist",
+        id: NEW_PANEL_ID,
+        order: 20,
+        locale: NS,
+        label: () => boundT("entry.label")
+      },
+      createLauncherEntryIcon()
+    )
+  );
+  ctx.slots.inject(
+    "sidebar.footer.action",
+    () => ctx.slots.register(
+      {
+        name: "sidebar.footer.action",
+        id: "standalone-session-manage",
+        order: 20,
+        locale: NS
+      },
+      createManageFooterAction(ctx)
+    )
+  );
+  ctx.slots.inject(
+    "conversation.hero.options",
+    () => ctx.slots.register(
+      {
+        name: "conversation.hero.options",
+        id: "standalone-session-badge",
+        order: 100,
+        locale: NS
+      },
+      createHeroBadge(ctx)
+    )
+  );
+  ctx.slots.inject(
+    "sidebar.session.row.leading",
+    () => ctx.slots.register(
+      {
+        name: "sidebar.session.row.leading",
+        id: "standalone-session-mark",
+        order: 100,
+        locale: NS
+      },
+      createRowLeading(ctx)
+    )
+  );
+  ctx.slots.inject(
+    "sidebar.session.row.hover",
+    () => ctx.slots.register(
+      {
+        name: "sidebar.session.row.hover",
+        id: "standalone-session-hover",
+        order: 100,
+        locale: NS
+      },
+      createRowHover(ctx)
+    )
+  );
+  ctx.slots.inject(
+    "shell.overlay",
+    () => ctx.slots.register(
+      {
+        name: "shell.overlay",
+        id: "standalone-session-toast",
+        order: 1e3
+      },
+      StandaloneToast
+    )
+  );
+  ctx.effect(
+    () => ctx.commandUi.register({
+      name: "standalone-new",
+      label: () => boundT("command.label"),
+      description: () => boundT("command.description"),
+      icon: StandaloneIcon,
+      available: () => true,
+      ui: {
+        kind: "action",
+        run: () => {
+          void startStandalone(ctx, boundT).catch((error) => {
+            showNotice(
+              "error",
+              boundT("toast.createFailed", { message: messageOf(error) })
+            );
+          });
+        }
+      }
+    }),
+    "standalone-session: new command"
+  );
+  ctx.effect(
+    () => ctx.commandUi.register({
+      name: "standalone-manage",
+      label: () => boundT("command.manageLabel"),
+      description: () => boundT("command.manageDescription"),
+      icon: StandaloneIcon,
+      available: () => true,
+      ui: {
+        kind: "action",
+        run: () => openManagementPanel(ctx, boundT)
+      }
+    }),
+    "standalone-session: manage command"
+  );
+}
+
+    return module.exports;
+  }
+});