@xirang-ai/dsh-teamflow 0.1.0 → 0.1.2

package/lib/client.js

@@ -1,4 +1,4 @@
-/* @xirang-ai/dsh-teamflow 0.1.0 — generated by scripts/build.mjs, do not edit. */
+/* @xirang-ai/dsh-teamflow 0.1.2 — generated by scripts/build.mjs, do not edit. */
 window.__ModuleLoader__.load({
 	id: "@xirang-ai/dsh-teamflow",
 	factory: (require) => {
@@ -234,10 +234,12 @@ window.__ModuleLoader__.load({
 		  "composer.locked": "The conversation has started; create a new one to switch agents.",
 		  "composer.noPreset": "The preset agent is not loaded, so the switch was not applied.",
 		  "composer.other": "Other (default)",
-		  "create.attachment.add": "Add files",
+		  "create.attachment.add": "Add attachments",
 		  "create.attachment.blocked": "Attachments are still uploading; wait for them to finish before sending.",
 		  "create.attachment.busy": "The conversation is busy, so the attachments were not sent. Try again.",
 		  "create.attachment.cancelled": "Upload cancelled; nothing was sent.",
+		  "create.attachment.dropActive": "Release to attach these files.",
+		  "create.attachment.dropHint": "Click to choose files, or drop them here.",
 		  "create.attachment.failed": "Upload failed",
 		  "create.attachment.failed.network": "The upload failed. Check the network and try again.",
 		  "create.attachment.failed.rejected": "The host rejected the file (damaged content or wrong type).",
@@ -339,6 +341,7 @@ window.__ModuleLoader__.load({
 		  "delete.statusMissing": "—",
 		  "delete.summary": "{total} record(s), {deletable} deletable",
 		  "detail.branch": "Branch",
+		  "detail.bugDiscussion": "Discuss this bug in a new session",
 		  "detail.bugBody": "What happened",
 		  "detail.completedAt": "Completed",
 		  "detail.description": "Description",
@@ -354,6 +357,7 @@ window.__ModuleLoader__.load({
 		  "detail.discussionNewDetail": "Discuss the detailed design in a new conversation",
 		  "detail.discussionNewSplit": "Split Stories in a new conversation",
 		  "detail.discussionOpen": "Open",
+		  "detail.storyDiscussion": "Discuss this story in a new session",
 		  "detail.discussionStarting": "Creating conversation…",
 		  "detail.docs": "Detailed design",
 		  "detail.docsEmpty": "No detailed design written yet.",
@@ -570,10 +574,12 @@ window.__ModuleLoader__.load({
 		  "composer.locked": "会话已开始，无法再切换 Agent；请新建会话。",
 		  "composer.noPreset": "预设 Agent 未加载，无法切换。",
 		  "composer.other": "其他（默认）",
-		  "create.attachment.add": "选择文件",
+		  "create.attachment.add": "添加附件",
 		  "create.attachment.blocked": "附件正在上传，上传完成后再提交。",
 		  "create.attachment.busy": "会话正忙，附件未发送，请稍后重试。",
 		  "create.attachment.cancelled": "已取消上传，附件未发送。",
+		  "create.attachment.dropActive": "松手即可添加附件。",
+		  "create.attachment.dropHint": "点击选择文件，或把文件拖到这里。",
 		  "create.attachment.failed": "上传失败",
 		  "create.attachment.failed.network": "上传暂时失败，请检查网络后重试。",
 		  "create.attachment.failed.rejected": "宿主拒绝了该文件（内容损坏或类型不符）。",
@@ -675,6 +681,7 @@ window.__ModuleLoader__.load({
 		  "delete.statusMissing": "—",
 		  "delete.summary": "共 {total} 条，可删除 {deletable} 条",
 		  "detail.branch": "分支",
+		  "detail.bugDiscussion": "在新会话中进行缺陷讨论",
 		  "detail.bugBody": "缺陷说明",
 		  "detail.completedAt": "完成时间",
 		  "detail.description": "故事说明",
@@ -690,6 +697,7 @@ window.__ModuleLoader__.load({
 		  "detail.discussionNewDetail": "在新会话中进行详细设计讨论",
 		  "detail.discussionNewSplit": "在新会话中进行故事拆分",
 		  "detail.discussionOpen": "打开",
+		  "detail.storyDiscussion": "在新会话中进行故事讨论",
 		  "detail.discussionStarting": "正在创建会话…",
 		  "detail.docs": "详细设计",
 		  "detail.docsEmpty": "还没有写详细设计。",
@@ -893,6 +901,7 @@ window.__ModuleLoader__.load({
 		  cancelStory: "cancelStory",
 		  completeBug: "completeBug",
 		  prepareRequirementSession: "prepareRequirementSession",
+		  prepareDiscussionSession: "prepareDiscussionSession",
 		  sessionPermissionTier: "sessionPermissionTier",
 		  previewDelete: "previewDelete",
 		  deleteRecords: "deleteRecords",
@@ -1030,6 +1039,21 @@ window.__ModuleLoader__.load({
 		    ]),
 		    result: JSON_CODEC
 		  }),
+		  Object.freeze({
+		    id: `${PACKAGE_NAME}#${METHODS.prepareDiscussionSession}`,
+		    service: SERVICE_KEY,
+		    namespace: NAMESPACE,
+		    method: METHODS.prepareDiscussionSession,
+		    invocation: { kind: "direct" },
+		    parameters: Object.freeze([
+		      parameter("subjectType", "Discussion subject: requirement, story or bug"),
+		      parameter("subjectId", "Requirement, story or defect the discussion belongs to"),
+		      parameter("sessionId", "Newly created conversation to link"),
+		      parameter("kind", "Discussion kind: discuss for stories and defects, the requirement kinds otherwise"),
+		      LOCALE_PARAMETER
+		    ]),
+		    result: JSON_CODEC
+		  }),
 		  Object.freeze({
 		    id: `${PACKAGE_NAME}#${METHODS.sessionPermissionTier}`,
 		    service: SERVICE_KEY,
@@ -1093,6 +1117,7 @@ window.__ModuleLoader__.load({
 		});
 
 		// src/client/composer.tsx
+		var import_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
 		var import_react = require("react");
 
 		// src/create.ts
@@ -1146,6 +1171,15 @@ window.__ModuleLoader__.load({
 		  }
 		  return ["【继续讨论需求与概要设计】", "", "我的补充："].join("\n");
 		}
+		var STORY_DISCUSSION_PRESET = "xirang-story";
+		var BUG_DISCUSSION_PRESET = "xirang-bug";
+		function presetForRecordDiscussion(kind) {
+		  return kind === "bug" ? BUG_DISCUSSION_PRESET : STORY_DISCUSSION_PRESET;
+		}
+		function buildRecordDiscussionPrompt(kind, title) {
+		  const heading = kind === "bug" ? "【继续讨论缺陷】" : "【继续讨论故事】";
+		  return [heading, title, "", "我的补充："].join("\n");
+		}
 
 		// src/client/composer-kind.ts
 		var COMPOSER_KINDS = [...CREATE_KINDS, "design", "detail", "split"];
@@ -2281,8 +2315,82 @@ window.__ModuleLoader__.load({
 		 * Attachment block. The picker is the Host's own file input, so it keeps the
 		 * Host rules for what can be selected; it is only hidden because the visible
 		 * control is the card's button and native inputs cannot be styled consistently.
+		 * The whole card body is one picker: a large plus, the action, and what a drop
+		 * will do. It stays a real <button>, so the drop target always keeps a
+		 * keyboard and single-pointer equivalent for the drag gesture.
+		 */
+		.tf-attachment-pick {
+		  display: flex;
+		  flex-direction: column;
+		  align-items: center;
+		  justify-content: center;
+		  gap: 6px;
+		  width: 100%;
+		  min-height: 150px;
+		  margin-top: 10px;
+		  padding: 20px 16px;
+		  border: 1px dashed var(--dsw-alias-border-l3, currentColor);
+		  border-radius: 12px;
+		  background: var(--dsw-alias-bg-l2, transparent);
+		  color: var(--dsw-alias-label-secondary, inherit);
+		  font: inherit;
+		  text-align: center;
+		  cursor: pointer;
+		  transition: border-color .12s ease, background-color .12s ease;
+		}
+		.tf-attachment-pick:hover:not(:disabled) {
+		  border-color: var(--dsw-alias-state-business-primary, #4176e6);
+		  background: var(--dsw-alias-interactive-bg-hover, transparent);
+		}
+		.tf-attachment-pick:focus-visible {
+		  outline: 2px solid var(--dsw-alias-link, #4176e6);
+		  outline-offset: 2px;
+		}
+		.tf-attachment-pick:disabled { opacity: .5; cursor: default; }
+		.tf-attachment-plus {
+		  display: grid;
+		  place-items: center;
+		  width: 40px;
+		  height: 40px;
+		  border-radius: 50%;
+		  background: var(--dsw-alias-interactive-bg-hover, rgba(0, 0, 0, .04));
+		  color: var(--dsw-alias-state-business-primary, #4176e6);
+		  font-size: 24px;
+		  font-weight: 300;
+		  line-height: 1;
+		}
+		.tf-attachment-pick-title {
+		  font-size: 13px;
+		  font-weight: 600;
+		  color: var(--dsw-alias-label-primary, inherit);
+		}
+		.tf-attachment-pick-sub {
+		  font-size: 11.5px;
+		  line-height: 1.5;
+		  color: var(--dsw-alias-label-tertiary, inherit);
+		}
+		.tf-attachment-limits {
+		  margin: 8px 0 0;
+		  font-size: 11.5px;
+		  line-height: 1.5;
+		  text-align: center;
+		  color: var(--dsw-alias-label-caption, inherit);
+		}
+		/*
+		 * The attachment card doubles as the drop target, so a file dropped anywhere
+		 * the user reads as "the attachment area" lands on the picker's own intake path.
+		 * Only the picker itself lights up while a file drag is inside the card, and its
+		 * subtitle says what releasing will do.
 		 */
-		.tf-attachment-bar { display: flex; align-items: center; gap: 10px; margin-top: 8px; }
+		.tf-attachment-dropzone[data-drag='active'] .tf-attachment-pick {
+		  border-style: solid;
+		  border-color: var(--dsw-alias-state-business-primary, #4176e6);
+		  background: color-mix(in srgb, var(--dsw-alias-state-business-primary, #4176e6) 7%, transparent);
+		}
+		.tf-attachment-dropzone[data-drag='active'] .tf-attachment-pick-sub {
+		  color: var(--dsw-alias-state-business-primary, #4176e6);
+		  font-weight: 600;
+		}
 		.tf-attachment-input {
 		  position: absolute;
 		  width: 1px;
@@ -2472,23 +2580,37 @@ window.__ModuleLoader__.load({
 		`;
 		var COMPOSER_STYLES = `
 		.tf-composer { display: inline-flex; align-items: center; gap: 6px; min-width: 0; max-width: 100%; }
-		.tf-composer-field { display: inline-flex; align-items: center; gap: 5px; min-width: 0; }
-		.tf-composer-label { font-size: 11.5px; color: var(--dsw-alias-label-tertiary, inherit); white-space: nowrap; }
-		.tf-composer-select {
-		  height: 24px;
-		  max-width: 132px;
-		  padding: 0 6px;
-		  border: 1px solid var(--dsw-alias-border-l2, transparent);
-		  border-radius: 7px;
-		  background: transparent;
+		/* Trigger matches the Host's composer selects (permission, model): same height,
+		   radius, spacing, type scale and interaction colors, all from theme tokens. */
+		.tf-composer-trigger {
+		  display: inline-flex;
+		  align-items: center;
+		  gap: 4px;
+		  min-width: 0;
+		  max-width: 220px;
+		  height: 28px;
+		  padding: 0 4px 0 8px;
+		  border: none;
+		  border-radius: var(--dsw-radius-sm, 7px);
+		  background: none;
 		  color: var(--dsw-alias-label-secondary, inherit);
 		  font: inherit;
-		  font-size: 11.5px;
+		  font-size: 13px;
+		  font-weight: 500;
+		  line-height: 20px;
 		  cursor: pointer;
 		  outline: none;
 		}
-		.tf-composer-select:focus { border-color: var(--dsw-alias-label-caption, transparent); }
-		.tf-composer-select:disabled { opacity: .55; cursor: default; }
+		@media (hover: hover) {
+		  .tf-composer-trigger:hover:not(:disabled) { background: var(--dsw-alias-interactive-bg-hover, transparent); }
+		}
+		.tf-composer-trigger:focus-visible {
+		  box-shadow: 0 0 0 2px var(--dsw-focus-ring-color, var(--dsw-alias-state-business-primary));
+		}
+		.tf-composer-trigger:disabled { color: var(--dsw-alias-label-dimmed, inherit); cursor: default; }
+		.tf-composer-value { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+		.tf-composer-chevron { display: inline-flex; flex: none; color: var(--dsw-alias-label-caption, inherit); transition: transform .12s; }
+		.tf-composer-chevron-open { transform: rotate(180deg); }
 		.tf-composer-note {
 		  font-size: 11px;
 		  color: var(--dsw-alias-label-caption, inherit);
@@ -2516,6 +2638,7 @@ window.__ModuleLoader__.load({
 		  const kinds = discussionSession ? COMPOSER_KINDS : CREATE_KINDS;
 		  const [pending, setPending] = (0, import_react.useState)(false);
 		  const [error, setError] = (0, import_react.useState)(null);
+		  const [open, setOpen] = (0, import_react.useState)(false);
 		  const change = (0, import_react.useCallback)(
 		    (next) => {
 		      setError(null);
@@ -2569,26 +2692,55 @@ window.__ModuleLoader__.load({
 		    },
 		    [agentPresets, blank, mode, sessionId, t]
 		  );
+		  const locked = !blank;
+		  const currentLabel = mode === "" ? t("composer.other") : t(COMPOSER_KIND_LABEL[mode]);
+		  const items = [
+		    { id: "", label: t("composer.other") },
+		    ...kinds.map((kind) => ({ id: kind, label: t(COMPOSER_KIND_LABEL[kind]) }))
+		  ];
 		  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
 		    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("style", { children: COMPOSER_STYLES }),
 		    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "tf-composer", children: [
-		      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: "tf-composer-field", children: [
-		        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "tf-composer-label", children: t("composer.label") }),
-		        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-		          "select",
-		          {
-		            className: "tf-select tf-composer-select",
-		            value: mode,
-		            disabled: pending,
-		            title: blank ? t("composer.hint") : t("composer.locked"),
-		            onChange: (event) => change(event.target.value),
-		            children: [
-		              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "", children: t("composer.other") }),
-		              kinds.map((kind) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: kind, children: t(COMPOSER_KIND_LABEL[kind]) }, kind))
-		            ]
-		          }
-		        )
-		      ] }),
+		      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+		        import_dsh_client_ui_primitives.Menu,
+		        {
+		          open,
+		          items,
+		          selectedId: mode,
+		          onSelect: (id2) => {
+		            setOpen(false);
+		            change(id2);
+		          },
+		          onClose: () => setOpen(false),
+		          side: "top",
+		          portal: true,
+		          anchor: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+		            "button",
+		            {
+		              type: "button",
+		              className: "tf-composer-trigger",
+		              "aria-label": `${t("composer.label")}: ${currentLabel}`,
+		              "aria-haspopup": "menu",
+		              "aria-expanded": open,
+		              "aria-busy": pending,
+		              title: blank ? t("composer.hint") : t("composer.locked"),
+		              disabled: pending || locked,
+		              onClick: () => setOpen((value2) => !value2),
+		              children: [
+		                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "tf-composer-value", children: currentLabel }),
+		                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+		                  "span",
+		                  {
+		                    className: open ? "tf-composer-chevron tf-composer-chevron-open" : "tf-composer-chevron",
+		                    "aria-hidden": "true",
+		                    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.IconChevronDownOutlineRegular, {})
+		                  }
+		                )
+		              ]
+		            }
+		          )
+		        }
+		      ),
 		      error !== null ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "tf-composer-note", role: "status", children: error }) : null
 		    ] })
 		  ] });
@@ -2700,6 +2852,12 @@ window.__ModuleLoader__.load({
 		  }
 		  return { accepted: kept, rejections };
 		}
+		function carriesFiles(types) {
+		  return types !== void 0 && types.includes("Files");
+		}
+		function droppedFiles(files) {
+		  return files === void 0 ? [] : Array.from(files);
+		}
 
 		// src/client/icon.tsx
 		var import_react2 = require("react");
@@ -2747,7 +2905,7 @@ window.__ModuleLoader__.load({
 		}
 
 		// src/client/page.tsx
-		var import_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
+		var import_dsh_client_ui_primitives2 = require("@deepseek-ai/dsh-client-ui-primitives");
 		var import_react10 = require("react");
 
 		// src/client/board.ts
@@ -2757,6 +2915,13 @@ window.__ModuleLoader__.load({
 		  const pad = (value2) => String(value2).padStart(2, "0");
 		  return `${pad(at.getMonth() + 1)}-${pad(at.getDate())} ${pad(at.getHours())}:${pad(at.getMinutes())}`;
 		}
+		function discussionNodes(sessions) {
+		  return sessions.map((session) => ({
+		    sessionId: session.sessionId,
+		    kind: session.kind,
+		    at: session.linkedAt ?? session.preparedAt ?? session.createdAt
+		  }));
+		}
 		var EMPTY_BOARD = { requirements: [], standalone: [], bugs: [] };
 		var STORY_RUNNING = ["developing", "self_testing"];
 		var STORY_DONE = ["done", "completed", "cancelled"];
@@ -2887,7 +3052,8 @@ window.__ModuleLoader__.load({
 		      acceptance: parsed.acceptance,
 		      bodyMissing: story.bodyMissing,
 		      ...last === void 0 ? {} : { lastRun: { status: last.status, at: last.at } },
-		      runs
+		      runs,
+		      sessions: discussionNodes(story.sessions)
 		    };
 		    if (story.requirementId === null) {
 		      standalone.push({ kind: "story", id: story.id, workspaceId: node.workspaceId, story: node });
@@ -2908,12 +3074,8 @@ window.__ModuleLoader__.load({
 		    const finished = stories.length > 0 && stories.every((story) => story.status === "completed");
 		    const state = requirement.status === "archived" ? "done" : running ? "running" : requirement.status === "completed" || finished ? "done" : "ready";
 		    const branch = runs.find((run) => run.branch.length > 0)?.branch;
-		    const sessions = snapshot.requirementSessions.filter((session) => session.requirementId === requirement.id).map(
-		      (session) => ({
-		        sessionId: session.sessionId,
-		        kind: session.kind,
-		        at: session.linkedAt ?? session.preparedAt ?? session.createdAt
-		      })
+		    const sessions = discussionNodes(
+		      snapshot.requirementSessions.filter((session) => session.requirementId === requirement.id)
 		    );
 		    const latestDesign = sessions.find((session) => session.kind === "design");
 		    return {
@@ -2952,7 +3114,8 @@ window.__ModuleLoader__.load({
 		      updatedAt: bug.updatedAt,
 		      ...last?.sessionId === void 0 ? {} : { sessionId: last.sessionId },
 		      ...bug.createSessionId === null ? {} : { createSessionId: bug.createSessionId },
-		      runs
+		      runs,
+		      sessions: discussionNodes(bug.sessions)
 		    };
 		  });
 		  return { requirements, standalone, bugs };
@@ -3449,6 +3612,8 @@ window.__ModuleLoader__.load({
 		  const [files, setFiles] = (0, import_react4.useState)([]);
 		  const [rejections, setRejections] = (0, import_react4.useState)([]);
 		  const picker = (0, import_react4.useRef)(null);
+		  const [dragActive, setDragActive] = (0, import_react4.useState)(false);
+		  const dragDepth = (0, import_react4.useRef)(0);
 		  const previews = (0, import_react4.useRef)(/* @__PURE__ */ new Map());
 		  const [, bumpPreviews] = (0, import_react4.useState)(0);
 		  const [broken, setBroken] = (0, import_react4.useState)([]);
@@ -3501,18 +3666,75 @@ window.__ModuleLoader__.load({
 		    },
 		    []
 		  );
-		  const pick = (event) => {
-		    const picked = Array.from(event.target.files ?? []);
-		    event.target.value = "";
+		  const addFiles = (picked) => {
 		    if (picked.length === 0) return;
 		    const intake = intakeAttachments(picked, files, attachmentPolicy ?? null);
 		    if (intake.accepted.length > 0) setFiles((current) => [...current, ...intake.accepted]);
 		    setRejections(intake.rejections);
 		  };
+		  const pick = (event) => {
+		    const picked = Array.from(event.target.files ?? []);
+		    event.target.value = "";
+		    addFiles(picked);
+		  };
+		  const dropRefused = busy || attachmentAvailable === false;
+		  const dragEnter = (event) => {
+		    if (!carriesFiles(event.dataTransfer?.types) || dropRefused) return;
+		    event.preventDefault();
+		    dragDepth.current += 1;
+		    setDragActive(true);
+		  };
+		  const dragOver = (event) => {
+		    if (!carriesFiles(event.dataTransfer?.types)) return;
+		    event.preventDefault();
+		    event.dataTransfer.dropEffect = dropRefused ? "none" : "copy";
+		  };
+		  const dragLeave = (event) => {
+		    if (!carriesFiles(event.dataTransfer?.types)) return;
+		    dragDepth.current = Math.max(0, dragDepth.current - 1);
+		    if (dragDepth.current === 0) setDragActive(false);
+		  };
+		  const drop = (event) => {
+		    if (!carriesFiles(event.dataTransfer?.types)) return;
+		    event.preventDefault();
+		    dragDepth.current = 0;
+		    setDragActive(false);
+		    if (dropRefused) return;
+		    addFiles(droppedFiles(event.dataTransfer?.files));
+		  };
+		  (0, import_react4.useEffect)(() => {
+		    if (!dragActive) return;
+		    const reset = () => {
+		      dragDepth.current = 0;
+		      setDragActive(false);
+		    };
+		    const onKeyDown = (event) => {
+		      if (event.key === "Escape") reset();
+		    };
+		    window.addEventListener("keydown", onKeyDown);
+		    window.addEventListener("dragend", reset);
+		    window.addEventListener("drop", reset);
+		    window.addEventListener("blur", reset);
+		    return () => {
+		      window.removeEventListener("keydown", onKeyDown);
+		      window.removeEventListener("dragend", reset);
+		      window.removeEventListener("drop", reset);
+		      window.removeEventListener("blur", reset);
+		    };
+		  }, [dragActive]);
 		  const remove2 = (index2) => {
 		    setFiles((current) => current.filter((_, position) => position !== index2));
 		    setRejections([]);
 		  };
+		  const pageDragOver = (event) => {
+		    if (carriesFiles(event.dataTransfer?.types)) event.preventDefault();
+		  };
+		  const pageDrop = (event) => {
+		    if (!carriesFiles(event.dataTransfer?.types)) return;
+		    event.preventDefault();
+		    dragDepth.current = 0;
+		    setDragActive(false);
+		  };
 		  const submit = (event) => {
 		    event.preventDefault();
 		    if (busy) return;
@@ -3543,7 +3765,7 @@ window.__ModuleLoader__.load({
 		    size: formatBytes(attachmentPolicy.maxImageBytes),
 		    count: attachmentPolicy.maxImagesPerMessage
 		  });
-		  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "tf-create", children: [
+		  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "tf-create", onDragOver: pageDragOver, onDrop: pageDrop, children: [
 		    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("header", { className: "tf-detail-head", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "tf-detail-heading", children: [
 		      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h1", { className: "tf-title", children: t("create.title") }),
 		      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "tf-sub", children: t("create.subtitle") })
@@ -3606,88 +3828,100 @@ window.__ModuleLoader__.load({
 		          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "tf-field-hint", children: t("create.descriptionHint") })
 		        ] })
 		      ] }),
-		      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("section", { className: "tf-card", children: [
-		        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "tf-card-head", children: [
-		          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h2", { className: "tf-card-title", children: t("create.attachment.label") }),
-		          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "tf-card-hint", children: t("create.attachment.optional") })
-		        ] }),
-		        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "tf-attachment-bar", children: [
-		          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-		            "button",
-		            {
-		              className: "tf-btn",
-		              "data-tone": "soft",
-		              type: "button",
-		              disabled: busy || attachmentAvailable === false,
-		              onClick: () => picker.current?.click(),
-		              children: t("create.attachment.add")
-		            }
-		          ),
-		          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "tf-field-hint tf-grow", children: attachmentHint })
-		        ] }),
-		        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-		          "input",
-		          {
-		            ref: picker,
-		            className: "tf-attachment-input",
-		            type: "file",
-		            multiple: true,
-		            tabIndex: -1,
-		            "aria-hidden": true,
-		            onChange: pick
-		          }
-		        ),
-		        files.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("ul", { className: "tf-attachment-list", children: files.map((file, index2) => {
-		          const state = uploads[fileKey(file)];
-		          const label = state === void 0 ? null : state.status === "uploaded" ? t("create.attachment.uploaded") : state.status === "failed" ? t("create.attachment.failed") : state.status === "uploading" ? state.percent === void 0 ? t("create.attachment.uploading") : t("create.attachment.uploadingPercent", { percent: state.percent }) : t("create.attachment.queued");
-		          const key = fileKey(file);
-		          const preview = broken.includes(key) ? void 0 : previews.current.get(key);
-		          return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("li", { className: "tf-attachment-item", "data-state": state?.status, children: [
-		            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "tf-attachment-thumb", "data-kind": isImageFile(file) ? "image" : "file", children: preview === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "tf-attachment-ext", children: fileExtension(file.name) }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-		              "img",
-		              {
-		                className: "tf-attachment-thumb-img",
-		                src: preview,
-		                alt: file.name,
-		                onError: () => setBroken((current) => current.includes(key) ? current : [...current, key])
-		              }
-		            ) }),
-		            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "tf-attachment-body", children: [
-		              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "tf-attachment-name", title: file.name, children: file.name }),
-		              /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "tf-attachment-meta", children: [
-		                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "tf-attachment-size", children: formatBytes(file.size) }),
-		                label === null ? null : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-		                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "tf-attachment-sep", "aria-hidden": true, children: t("create.attachment.metaSep") }),
-		                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "tf-attachment-status", children: label })
-		                ] })
-		              ] }),
-		              state?.status === "failed" && state.reason !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "tf-attachment-error", children: t(FAILURE_KEY[state.reason]) }) : null,
-		              state?.status === "uploading" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "tf-attachment-track", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-		                "span",
-		                {
-		                  className: "tf-attachment-fill",
-		                  style: { width: `${Math.max(4, Math.min(100, state.percent ?? 0))}%` }
-		                }
-		              ) }) : null
+		      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+		        "section",
+		        {
+		          className: "tf-card tf-attachment-dropzone",
+		          "data-drag": dragActive ? "active" : void 0,
+		          onDragEnter: dragEnter,
+		          onDragOver: dragOver,
+		          onDragLeave: dragLeave,
+		          onDrop: drop,
+		          children: [
+		            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "tf-card-head", children: [
+		              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h2", { className: "tf-card-title", children: t("create.attachment.label") }),
+		              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "tf-card-hint", children: t("create.attachment.optional") })
 		            ] }),
-		            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+		            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
 		              "button",
 		              {
-		                className: "tf-attachment-remove",
+		                className: "tf-attachment-pick",
 		                type: "button",
-		                "aria-label": `${t("create.attachment.remove")} ${file.name}`,
-		                disabled: busy,
-		                onClick: () => remove2(index2),
-		                children: "×"
+		                disabled: busy || attachmentAvailable === false,
+		                onClick: () => picker.current?.click(),
+		                children: [
+		                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "tf-attachment-plus", "aria-hidden": "true", children: "+" }),
+		                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "tf-attachment-pick-title", children: t("create.attachment.add") }),
+		                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "tf-attachment-pick-sub", children: dragActive ? t("create.attachment.dropActive") : t("create.attachment.dropHint") })
+		                ]
 		              }
-		            )
-		          ] }, `${fileKey(file)}-${index2}`);
-		        }) }) : null,
-		        rejections.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("ul", { className: "tf-attachment-rejected", role: "alert", children: rejections.map((rejection, index2) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("li", { children: t(REJECTION_KEY[rejection.reason], {
-		          name: rejection.file.name,
-		          ...rejection.params
-		        }) }, `${rejection.file.name}-${index2}`)) }) : null
-		      ] }),
+		            ),
+		            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "tf-attachment-limits", children: attachmentHint }),
+		            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+		              "input",
+		              {
+		                ref: picker,
+		                className: "tf-attachment-input",
+		                type: "file",
+		                multiple: true,
+		                tabIndex: -1,
+		                "aria-hidden": true,
+		                onChange: pick
+		              }
+		            ),
+		            files.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("ul", { className: "tf-attachment-list", children: files.map((file, index2) => {
+		              const state = uploads[fileKey(file)];
+		              const label = state === void 0 ? null : state.status === "uploaded" ? t("create.attachment.uploaded") : state.status === "failed" ? t("create.attachment.failed") : state.status === "uploading" ? state.percent === void 0 ? t("create.attachment.uploading") : t("create.attachment.uploadingPercent", { percent: state.percent }) : t("create.attachment.queued");
+		              const key = fileKey(file);
+		              const preview = broken.includes(key) ? void 0 : previews.current.get(key);
+		              return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("li", { className: "tf-attachment-item", "data-state": state?.status, children: [
+		                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "tf-attachment-thumb", "data-kind": isImageFile(file) ? "image" : "file", children: preview === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "tf-attachment-ext", children: fileExtension(file.name) }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+		                  "img",
+		                  {
+		                    className: "tf-attachment-thumb-img",
+		                    src: preview,
+		                    alt: file.name,
+		                    onError: () => setBroken((current) => current.includes(key) ? current : [...current, key])
+		                  }
+		                ) }),
+		                /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "tf-attachment-body", children: [
+		                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "tf-attachment-name", title: file.name, children: file.name }),
+		                  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "tf-attachment-meta", children: [
+		                    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "tf-attachment-size", children: formatBytes(file.size) }),
+		                    label === null ? null : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+		                      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "tf-attachment-sep", "aria-hidden": true, children: t("create.attachment.metaSep") }),
+		                      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "tf-attachment-status", children: label })
+		                    ] })
+		                  ] }),
+		                  state?.status === "failed" && state.reason !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "tf-attachment-error", children: t(FAILURE_KEY[state.reason]) }) : null,
+		                  state?.status === "uploading" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "tf-attachment-track", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+		                    "span",
+		                    {
+		                      className: "tf-attachment-fill",
+		                      style: { width: `${Math.max(4, Math.min(100, state.percent ?? 0))}%` }
+		                    }
+		                  ) }) : null
+		                ] }),
+		                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+		                  "button",
+		                  {
+		                    className: "tf-attachment-remove",
+		                    type: "button",
+		                    "aria-label": `${t("create.attachment.remove")} ${file.name}`,
+		                    disabled: busy,
+		                    onClick: () => remove2(index2),
+		                    children: "×"
+		                  }
+		                )
+		              ] }, `${fileKey(file)}-${index2}`);
+		            }) }) : null,
+		            rejections.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("ul", { className: "tf-attachment-rejected", role: "alert", children: rejections.map((rejection, index2) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("li", { children: t(REJECTION_KEY[rejection.reason], {
+		              name: rejection.file.name,
+		              ...rejection.params
+		            }) }, `${rejection.file.name}-${index2}`)) }) : null
+		          ]
+		        }
+		      ),
 		      invalid !== null || error !== null ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "tf-error", role: "alert", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AlertText, { text: invalid?.message ?? error ?? "" }) }) : null,
 		      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "tf-create-actions", children: [
 		        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { className: "tf-btn", "data-tone": "primary", type: "submit", disabled: !canSubmit, children: staging ? t("create.attachment.submitUploading") : busy ? t("create.submitting") : t("create.submit") }),
@@ -13852,7 +14086,7 @@ window.__ModuleLoader__.load({
 		    },
 		    [basePath, onMissing, onOpenPath]
 		  );
-		  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_dsh_client_ui_primitives.MarkdownDelegateProvider, { openFile: basePath === void 0 ? void 0 : openFile, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_dsh_client_ui_primitives.MarkdownText, { text, labels }) });
+		  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_dsh_client_ui_primitives2.MarkdownDelegateProvider, { openFile: basePath === void 0 ? void 0 : openFile, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_dsh_client_ui_primitives2.MarkdownText, { text, labels }) });
 		}
 		function SectionHead({
 		  title,
@@ -13908,6 +14142,7 @@ window.__ModuleLoader__.load({
 		  const [createBusy, setCreateBusy] = (0, import_react10.useState)(false);
 		  const [createError, setCreateError] = (0, import_react10.useState)(null);
 		  const [discussionBusy, setDiscussionBusy] = (0, import_react10.useState)(null);
+		  const [recordDiscussionBusy, setRecordDiscussionBusy] = (0, import_react10.useState)(null);
 		  const [cleanup, setCleanup] = (0, import_react10.useState)(false);
 		  const [selected2, setSelected] = (0, import_react10.useState)(/* @__PURE__ */ new Set());
 		  const [confirm, setConfirm] = (0, import_react10.useState)(null);
@@ -14411,14 +14646,59 @@ window.__ModuleLoader__.load({
 		    },
 		    [data, openConversation2, showToast, t]
 		  );
+		  const startRecordDiscussion = (0, import_react10.useCallback)(
+		    (subject) => {
+		      const open = openConversation2;
+		      if (open === void 0) {
+		        showToast(t("toast.startUnavailable"));
+		        return;
+		      }
+		      setRecordDiscussionBusy(subject.kind);
+		      open(subject.workspaceId, buildRecordDiscussionPrompt(subject.kind, subject.title), {
+		        agentPreset: presetForRecordDiscussion(subject.kind),
+		        autoSend: false,
+		        composerKind: subject.kind
+		      }).then(async (outcome) => {
+		        if (outcome.status === "unavailable") {
+		          if (mounted.current) {
+		            showToast(outcome.message ?? t("toast.discussionFailed", { title: subject.title }));
+		          }
+		          return;
+		        }
+		        if (outcome.sessionId === void 0) {
+		          if (mounted.current) {
+		            showToast(t("toast.discussionDrafted", { title: subject.title }));
+		          }
+		          return;
+		        }
+		        try {
+		          await data.prepareDiscussionSession(subject.kind, subject.id, outcome.sessionId, "discuss");
+		          if (!mounted.current) return;
+		          showToast(
+		            outcome.status === "drafted" ? t("toast.discussionDrafted", { title: subject.title }) : t("toast.discussionStarted", { title: subject.title })
+		          );
+		        } catch (failure) {
+		          if (!mounted.current) return;
+		          showToast(
+		            t("toast.discussionLinkFailed", {
+		              title: subject.title,
+		              message: failureMessage(failure)
+		            })
+		          );
+		        }
+		      }).catch(() => {
+		        if (mounted.current) showToast(t("toast.discussionFailed", { title: subject.title }));
+		      }).finally(() => {
+		        if (mounted.current) setRecordDiscussionBusy(null);
+		      });
+		    },
+		    [data, openConversation2, showToast, t]
+		  );
 		  const requirementAction = (0, import_react10.useCallback)(
 		    (requirement) => {
 		      if (requirement.state === "running") {
 		        return { label: t("row.open"), tone: "live", icon: ICONS.live };
 		      }
-		      if (requirement.state === "done") {
-		        return { label: t("row.history"), tone: "ghost", icon: ICONS.ghost };
-		      }
 		      const lone = loneReadyStory(requirement);
 		      return lone === void 0 ? null : { label: t("row.start"), tone: "soft", icon: ICONS.soft };
 		    },
@@ -14513,11 +14793,7 @@ window.__ModuleLoader__.load({
 		    }
 		  };
 		  const storyAction = (0, import_react10.useCallback)(
-		    (story) => {
-		      if (story.state === "running") return { label: t("row.open"), tone: "live", icon: ICONS.live };
-		      if (story.state === "done") return { label: t("row.history"), tone: "ghost", icon: ICONS.ghost };
-		      return { label: t("row.start"), tone: "soft", icon: ICONS.soft };
-		    },
+		    (story) => story.state === "ready" ? { label: t("row.start"), tone: "soft", icon: ICONS.soft } : null,
 		    [t]
 		  );
 		  const runStoryAction = (0, import_react10.useCallback)(
@@ -15043,7 +15319,14 @@ window.__ModuleLoader__.load({
 		          onDelete: () => openDelete([{ kind: "bug", id: activeBug.id }]),
 		          onComplete: () => setDecision({ kind: "complete-bug", bug: activeBug, busy: false, error: null }),
 		          onStartFix: (tier) => startBugFix(activeBug, tier),
-		          onCancelFix: () => cancelBugFix(activeBug)
+		          onCancelFix: () => cancelBugFix(activeBug),
+		          onNewDiscussion: () => startRecordDiscussion({
+		            kind: "bug",
+		            id: activeBug.id,
+		            title: activeBug.title,
+		            workspaceId: activeBug.workspaceId
+		          }),
+		          discussionBusy: recordDiscussionBusy === "bug"
 		        }
 		      ) : null,
 		      view.kind === "story" && activeStory !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
@@ -15063,7 +15346,14 @@ window.__ModuleLoader__.load({
 		          onCancelRun: () => setDecision({ kind: "cancel-run", story: activeStory, busy: false, error: null }),
 		          onOpenSession: (sessionId) => openSession(sessionId),
 		          onOpenPath: openFile,
-		          onMissing: (path) => showToast(t("doc.linkMissing", { path }))
+		          onMissing: (path) => showToast(t("doc.linkMissing", { path })),
+		          onNewDiscussion: () => startRecordDiscussion({
+		            kind: "story",
+		            id: activeStory.id,
+		            title: activeStory.title,
+		            workspaceId: activeStory.workspaceId
+		          }),
+		          discussionBusy: recordDiscussionBusy === "story"
 		        }
 		      ) : null
 		    ] }) }),
@@ -15940,6 +16230,8 @@ window.__ModuleLoader__.load({
 		  onComplete,
 		  onStartFix,
 		  onCancelFix,
+		  onNewDiscussion,
+		  discussionBusy = false,
 		  readOnly = false
 		}) {
 		  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
@@ -15966,27 +16258,42 @@ window.__ModuleLoader__.load({
 		      readOnly ? null : /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("button", { className: "tf-btn tf-danger", "data-tone": "ghost", type: "button", onClick: onDelete, style: { flex: "0 0 auto" }, children: [
 		        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(TrashGlyph, {}),
 		        t("delete.action")
-		      ] }),
-		      readOnly || bug.sessionId === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
-		        "button",
-		        {
-		          className: "tf-btn",
-		          "data-tone": "live",
-		          type: "button",
-		          onClick: () => onOpenSession(bug.sessionId),
-		          style: { flex: "0 0 auto" },
-		          children: [
-		            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ChatGlyph, {}),
-		            t("row.open")
-		          ]
-		        }
-		      )
+		      ] })
 		    ] }),
 		    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "tf-grid", children: [
 		      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { children: [
 		        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("section", { className: "tf-card", children: [
-		          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SectionHead, { title: t("detail.bugBody") }),
-		          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "tf-doc-body", children: bug.bodyMissing ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "tf-card-hint", children: t("body.missingGeneric") }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(MarkdownBody, { text: bug.content.join("\n"), t }) })
+		          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+		            SectionHead,
+		            {
+		              title: t("detail.bugBody"),
+		              action: readOnly || onNewDiscussion === void 0 ? void 0 : /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+		                "button",
+		                {
+		                  className: "tf-btn tf-btn-sm",
+		                  "data-tone": "soft",
+		                  type: "button",
+		                  disabled: discussionBusy,
+		                  onClick: onNewDiscussion,
+		                  children: [
+		                    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(PlusGlyph, {}),
+		                    discussionBusy ? t("detail.discussionStarting") : t("detail.bugDiscussion")
+		                  ]
+		                }
+		              )
+		            }
+		          ),
+		          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "tf-doc-body", children: bug.bodyMissing ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "tf-card-hint", children: t("body.missingGeneric") }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(MarkdownBody, { text: bug.content.join("\n"), t }) }),
+		          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+		            DiscussionSessions,
+		            {
+		              t,
+		              sessions: bug.sessions,
+		              sessionTitle,
+		              onOpenSession,
+		              readOnly
+		            }
+		          )
 		        ] }),
 		        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("section", { className: "tf-card", children: [
 		          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
@@ -16062,6 +16369,8 @@ window.__ModuleLoader__.load({
 		  onOpenSession,
 		  onOpenPath,
 		  onMissing,
+		  onNewDiscussion,
+		  discussionBusy = false,
 		  readOnly = false
 		}) {
 		  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
@@ -16111,7 +16420,26 @@ window.__ModuleLoader__.load({
 		    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "tf-grid", children: [
 		      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { children: [
 		        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("section", { className: "tf-card", children: [
-		          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SectionHead, { title: t("detail.storyBody") }),
+		          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+		            SectionHead,
+		            {
+		              title: t("detail.storyBody"),
+		              action: readOnly || onNewDiscussion === void 0 ? void 0 : /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+		                "button",
+		                {
+		                  className: "tf-btn tf-btn-sm",
+		                  "data-tone": "soft",
+		                  type: "button",
+		                  disabled: discussionBusy,
+		                  onClick: onNewDiscussion,
+		                  children: [
+		                    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(PlusGlyph, {}),
+		                    discussionBusy ? t("detail.discussionStarting") : t("detail.storyDiscussion")
+		                  ]
+		                }
+		              )
+		            }
+		          ),
 		          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "tf-doc-body", children: story.bodyMissing ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "tf-card-hint", style: { margin: 0 }, children: t("body.missing", { path: story.path }) }) : story.body.trim() === "" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "tf-card-hint", style: { margin: 0 }, children: t("detail.noDescription") }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
 		            MarkdownBody,
 		            {
@@ -16121,7 +16449,17 @@ window.__ModuleLoader__.load({
 		              onOpenPath,
 		              onMissing
 		            }
-		          ) })
+		          ) }),
+		          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+		            DiscussionSessions,
+		            {
+		              t,
+		              sessions: story.sessions,
+		              sessionTitle,
+		              onOpenSession,
+		              readOnly
+		            }
+		          )
 		        ] }),
 		        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("section", { className: "tf-card", children: [
 		          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
@@ -16891,6 +17229,9 @@ window.__ModuleLoader__.load({
 		    prepareRequirementSession: async (requirementId, sessionId, kind) => callRemote(
 		      (await ready.promise).prepareRequirementSession(requirementId, sessionId, kind, locale())
 		    ),
+		    prepareDiscussionSession: async (subjectType, subjectId, sessionId, kind) => callRemote(
+		      (await ready.promise).prepareDiscussionSession(subjectType, subjectId, sessionId, kind, locale())
+		    ),
 		    sessionPermissionTier: async (sessionId) => callRemote((await ready.promise).sessionPermissionTier(sessionId, locale())),
 		    previewDelete: async (targets) => callRemote((await ready.promise).previewDelete(targets, locale())),
 		    deleteRecords: async (targets) => callRemote((await ready.promise).deleteRecords(targets, locale())),