@lynn123411/dsh-ask-user-grilling 0.6.4 → 0.7.0

package/lib/client.js

@@ -25,32 +25,41 @@ __export(index_exports, {
 });
 module.exports = __toCommonJS(index_exports);
 
-// src/client/AskGrillingRow.jsx
+// src/client/GrillingFormRow.jsx
 var import_react = require("react");
 var import_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
 
-// src/contract.js
-var RESERVED_ID_PREFIX = "__grill_";
-var ROUND_END_QUESTION = Object.freeze({
-  id: `${RESERVED_ID_PREFIX}round_supplement__`,
-  question: "\u8FD9\u8F6E\u8FD8\u6709\u4EC0\u4E48\u8981\u8865\u5145\u6216\u8C03\u6574\u7684\u5417\uFF1F",
-  header: "\u8F6E\u672B\u8865\u5145",
-  options: Object.freeze([Object.freeze({ label: "\u65E0\u9700\u8865\u5145" })])
-});
-function isBlank(value) {
-  return typeof value !== "string" || value.trim() === "";
+// src/recommendation.js
+var MARKER = "recommended|\u63A8\u8350";
+var BRACKETED_MARKER = `[\uFF08(\u3010\\[]\\s*(?:${MARKER})\\s*[\uFF09)\u3011\\]]`;
+var SEPARATOR = "\uFF1B;\uFF0C,\u3001:\uFF1A\\-\u2014";
+var TRAILING_PUNCTUATION = "\u3002.\uFF01!\uFF1F?\uFF1B;\uFF0C,\u3001~\uFF5E\\s";
+var BRACKETED_SUFFIX = new RegExp(`[\\s]*[${SEPARATOR}]?\\s*${BRACKETED_MARKER}[${TRAILING_PUNCTUATION}]*$`, "i");
+var BARE_SUFFIX = new RegExp(`[\\s]*[${SEPARATOR}]\\s*(?:${MARKER})[${TRAILING_PUNCTUATION}]*$`, "i");
+var RECOMMENDED_LABEL_SUFFIX = "\uFF08\u63A8\u8350\uFF09";
+function stripRecommendationMarker(text) {
+  if (typeof text !== "string") return { text, found: false };
+  const match = BRACKETED_SUFFIX.exec(text) ?? BARE_SUFFIX.exec(text);
+  if (match === null) return { text, found: false };
+  return { text: text.slice(0, match.index).replace(/\s+$/, ""), found: true };
 }
-function mergeNumberIntoHeader(number, header) {
-  const num = isBlank(number) ? void 0 : number;
-  const head = isBlank(header) ? void 0 : header;
-  if (num === void 0) return head ?? "";
-  if (head === void 0) return num;
-  return head.startsWith(num) ? head : `${num} \xB7 ${head}`;
+function normalizeOption(option) {
+  const label = stripRecommendationMarker(option.label);
+  const description = option.description === void 0 ? void 0 : stripRecommendationMarker(option.description);
+  const recommended = option.recommended === true || label.found || description !== void 0 && description.found;
+  const cleanLabel = label.text;
+  return {
+    originalLabel: option.label,
+    label: recommended ? `${cleanLabel}${RECOMMENDED_LABEL_SUFFIX}` : cleanLabel,
+    cleanLabel,
+    description: description === void 0 ? void 0 : description.text,
+    recommended
+  };
 }
 
-// src/card.js
-var CANCELLED_CODE = "ASK_CANCELLED";
-var INTERRUPTED_CODE = "ASK_ABORTED";
+// src/form-model.js
+var IMPORT_BLOCK_START = "\u3010\u76D8\u95EE\u4F5C\u7B54\u3011";
+var IMPORT_BLOCK_END = "\u3010/\u76D8\u95EE\u4F5C\u7B54\u3011";
 function isRecord(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value);
 }
@@ -65,6 +74,21 @@ function parseJson(text) {
 function stringList(value) {
   return Array.isArray(value) ? value.filter((item) => typeof item === "string") : [];
 }
+function isBlank(value) {
+  return typeof value !== "string" || value.trim() === "";
+}
+function mergeNumberIntoHeader(number, header) {
+  const num = isBlank(number) ? void 0 : number;
+  const head = isBlank(header) ? void 0 : header;
+  if (num === void 0) return head ?? "";
+  if (head === void 0) return num;
+  return head.startsWith(num) ? head : `${num} \xB7 ${head}`;
+}
+function titleOf(question) {
+  if (!isBlank(question.header)) return question.header;
+  if (!isBlank(question.question)) return question.question;
+  return question.id;
+}
 function readQuestions(argsRaw) {
   const parsed = parseJson(argsRaw);
   if (!isRecord(parsed) || !Array.isArray(parsed.questions)) return [];
@@ -73,13 +97,23 @@ function readQuestions(argsRaw) {
   for (const question of parsed.questions) {
     if (!isRecord(question) || typeof question.id !== "string" || ids.has(question.id)) return [];
     ids.add(question.id);
+    const options = (Array.isArray(question.options) ? question.options : []).filter((option) => isRecord(option)).map((option) => {
+      const normalized = normalizeOption(option);
+      return {
+        // 界面按 label 认选项（宿主已保证同题内唯一），显示用 cleanLabel、徽标另画，
+        // 导入文本也用 cleanLabel：模型写的推荐标记不会跟着用户的消息发回去。
+        label: normalized.label,
+        displayLabel: normalized.cleanLabel,
+        description: normalized.description,
+        recommended: normalized.recommended
+      };
+    });
     questions.push({
       id: question.id,
       header: mergeNumberIntoHeader(question.number, question.header),
       question: typeof question.question === "string" ? question.question : "",
       detail: isBlank(question.detail) ? void 0 : question.detail,
-      answers: [],
-      supplement: false
+      options
     });
   }
   return questions;
@@ -91,126 +125,205 @@ function readResult(resultText) {
     return {
       rejected: true,
       violations: stringList(parsed.violations),
-      error: typeof parsed.error === "string" ? parsed.error : void 0,
-      answers: []
+      error: typeof parsed.error === "string" ? parsed.error : void 0
     };
   }
-  if (!Array.isArray(parsed.answers)) return void 0;
-  const answers = [];
-  for (const entry of parsed.answers) {
-    if (!isRecord(entry) || typeof entry.id !== "string") return void 0;
-    answers.push({
-      id: entry.id,
-      selected: stringList(entry.selected),
-      custom: typeof entry.custom === "string" ? entry.custom : void 0
-    });
-  }
-  return { rejected: false, violations: [], error: void 0, answers };
+  if (parsed.pending === true) return { rejected: false, violations: [], error: void 0 };
+  return void 0;
 }
-function readAskCard({ argsRaw, resultText, errorCode, failed = false }) {
+function readFormModel({ argsRaw, resultText, failed = false }) {
   const questions = readQuestions(argsRaw);
-  const known = new Set(questions.map((question) => question.id));
   const result = readResult(resultText);
   let state;
-  if (errorCode === CANCELLED_CODE) state = "cancelled";
-  else if (errorCode === INTERRUPTED_CODE) state = "interrupted";
-  else if (result !== void 0) state = result.rejected ? "rejected" : "answered";
+  if (result !== void 0) state = result.rejected ? "rejected" : "form";
   else if (failed) state = "error";
   else if (typeof resultText === "string" && resultText !== "") state = "error";
   else state = "running";
-  if (state === "answered") {
-    for (const answer of result.answers) {
-      const lines = [
-        ...answer.selected,
-        ...answer.custom === void 0 || answer.custom === "" ? [] : [answer.custom]
-      ];
-      const entry = questions.find((question) => question.id === answer.id);
-      if (entry !== void 0) {
-        entry.answers = lines;
-        continue;
-      }
-      const supplement = answer.id === ROUND_END_QUESTION.id;
-      questions.push({
-        id: answer.id,
-        header: supplement ? ROUND_END_QUESTION.header : "",
-        question: supplement ? ROUND_END_QUESTION.question : answer.id,
-        detail: void 0,
-        answers: lines,
-        supplement: true
-      });
-    }
-  } else if ((state === "running" || state === "cancelled" || state === "interrupted") && questions.length > 0) {
-    if (!known.has(ROUND_END_QUESTION.id)) {
-      questions.push({
-        id: ROUND_END_QUESTION.id,
-        header: ROUND_END_QUESTION.header,
-        question: ROUND_END_QUESTION.question,
-        detail: void 0,
-        answers: [],
-        supplement: true
-      });
-    }
-  }
-  return finish(state, questions, result);
-}
-function finish(state, questions, result) {
   return {
     state,
     questions,
-    answered: questions.filter((question) => question.answers.length > 0).length,
-    total: questions.length,
     violations: result === void 0 ? [] : result.violations,
     error: result === void 0 ? void 0 : result.error
   };
 }
+function sanitizeAnswers(value) {
+  if (!isRecord(value)) return {};
+  const answers = {};
+  for (const [id, answer] of Object.entries(value)) {
+    if (!isRecord(answer)) continue;
+    const shaped = Array.isArray(answer.selected) || typeof answer.custom === "string";
+    const selected = stringList(answer.selected);
+    const custom = typeof answer.custom === "string" ? answer.custom : "";
+    if (!shaped && selected.length === 0 && custom === "") continue;
+    answers[id] = { selected, custom };
+  }
+  return answers;
+}
+function answerParts(question, answer) {
+  if (!isRecord(answer)) return { selected: [], custom: "" };
+  const shown = new Map(question.options.map((option) => [option.label, option.displayLabel]));
+  return {
+    selected: stringList(answer.selected).map((label) => shown.get(label) ?? label),
+    custom: typeof answer.custom === "string" ? answer.custom.trim() : ""
+  };
+}
+function answerLines(question, answer) {
+  const { selected, custom } = answerParts(question, answer);
+  return [...selected, ...custom === "" ? [] : [custom]];
+}
+function applyRecommendedDefaults(questions, answers) {
+  const merged = { ...isRecord(answers) ? answers : {} };
+  for (const question of questions) {
+    if (merged[question.id] !== void 0) continue;
+    const selected = question.options.filter((option) => option.recommended).map((option) => option.label);
+    if (selected.length > 0) merged[question.id] = { selected, custom: "" };
+  }
+  return merged;
+}
+function importBody(questions, answers) {
+  const lines = [];
+  for (const question of questions) {
+    const answer = answerLines(question, answers[question.id]);
+    if (answer.length === 0) continue;
+    lines.push(`${titleOf(question)}\uFF1A${answer.join("\u3001")}`);
+  }
+  return lines.join("\n");
+}
+function findImportBlock(draft) {
+  if (typeof draft !== "string") return void 0;
+  const start = draft.indexOf(IMPORT_BLOCK_START);
+  if (start === -1) return void 0;
+  const stop = draft.indexOf(IMPORT_BLOCK_END, start + IMPORT_BLOCK_START.length);
+  if (stop === -1) return void 0;
+  return { start, end: stop + IMPORT_BLOCK_END.length };
+}
+function blockTextOf(body) {
+  return `${IMPORT_BLOCK_START}
+${body}
+${IMPORT_BLOCK_END}`;
+}
+function applyImport(draft, body) {
+  const text = typeof draft === "string" ? draft : "";
+  if (body === "") return text;
+  const block = blockTextOf(body);
+  const current = findImportBlock(text);
+  if (current !== void 0) return text.slice(0, current.start) + block + text.slice(current.end);
+  return text === "" ? block : `${block}
 
-// src/client/AskGrillingRow.jsx
+${text}`;
+}
+function importStale(draft, body) {
+  if (body === "") return false;
+  const current = findImportBlock(draft);
+  if (current === void 0) return true;
+  const inner = draft.slice(current.start + IMPORT_BLOCK_START.length, current.end - IMPORT_BLOCK_END.length);
+  return inner.replace(/^\n/, "").replace(/\n$/, "") !== body;
+}
+function isReadOnlyAfter(nodes, callId) {
+  if (!Array.isArray(nodes)) return false;
+  const mine = nodes.find((node) => isRecord(node) && node.callId === callId);
+  if (mine === void 0 || typeof mine.seq !== "number") return false;
+  return nodes.some((node) => isRecord(node) && (node.kind === "user" || node.kind === "steering") && typeof node.seq === "number" && node.seq > mine.seq);
+}
+function formStorageKey(sessionId) {
+  const scope = typeof sessionId === "string" && sessionId !== "" ? sessionId : "unknown-session";
+  return `dsh-grilling-form.${scope}`;
+}
+function readStorage(storage, key) {
+  if (storage === void 0 || storage === null || typeof storage.getItem !== "function") return {};
+  try {
+    const parsed = parseJson(storage.getItem(key));
+    return isRecord(parsed) ? parsed : {};
+  } catch {
+    return {};
+  }
+}
+function readStoredForm(storage, key, callId) {
+  const all = readStorage(storage, key);
+  return sanitizeAnswers(all[callId]);
+}
+function writeStoredForm(storage, key, callId, answers) {
+  if (storage === void 0 || storage === null || typeof storage.setItem !== "function") return;
+  const all = readStorage(storage, key);
+  try {
+    storage.setItem(key, JSON.stringify({ ...all, [callId]: sanitizeAnswers(answers) }));
+  } catch {
+  }
+}
+
+// src/client/GrillingFormRow.jsx
 var import_jsx_runtime = require("react/jsx-runtime");
-function AskGrillingRow({ block, toolName, inspect, t }) {
-  const [expanded, setExpanded] = (0, import_react.useState)(false);
-  const toggle = () => setExpanded((value) => !value);
+function GrillingFormRow({
+  block,
+  toolName,
+  callId,
+  sessionId,
+  t,
+  inspect,
+  inputActions,
+  useInput,
+  useConversation
+}) {
   const settled = "kind" in block;
   const argsRaw = (settled ? block.call?.argsRaw : block.argsRaw) ?? "";
   const resultText = settled ? firstText(block.content) : void 0;
-  const model = readAskCard({
-    argsRaw,
-    resultText,
-    errorCode: settled ? block.error?.code : void 0,
-    failed: settled && block.isError === true
-  });
+  const model = readFormModel({ argsRaw, resultText, failed: settled && block.isError === true });
   const failure = settled && block.isError === true ? failureText(resultText, block.error) : void 0;
-  const expandable = argsRaw !== "" || resultText !== void 0 || model.questions.length > 0;
-  const open = expanded && expandable;
-  const status = statusLabel(model.state, t);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsg-root", "data-tool": toolName, "data-state": model.state, children: [
-    status === null ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dsg-visuallyHidden", children: status }),
+  const draft = useInput((state) => state.draft);
+  const chat = useConversation((snapshot) => snapshot.views.get("chat"));
+  const readOnly = isReadOnlyAfter(chat?.legacy?.nodes, callId);
+  const storageKey = formStorageKey(sessionId);
+  const readForm = () => readStoredForm(storageOf(), storageKey, callId);
+  const writeForm = (next) => writeStoredForm(storageOf(), storageKey, callId, next);
+  const [storedAnswers, setStoredAnswers] = (0, import_react.useState)(readForm);
+  const answers = applyRecommendedDefaults(model.questions, storedAnswers);
+  const interactive = model.state === "form" && !readOnly;
+  const body = importBody(model.questions, answers);
+  const canImport = interactive && body !== "";
+  const stale = canImport && importStale(draft, body);
+  const answered = model.questions.filter((question) => answerLines(question, answers[question.id]).length > 0).length;
+  const setAnswer = (id, next) => {
+    const merged = { ...storedAnswers, [id]: next };
+    setStoredAnswers(merged);
+    writeForm(merged);
+  };
+  const toggleOption = (question, label) => {
+    const answer = answers[question.id] ?? { selected: [], custom: "" };
+    const selected = answer.selected.includes(label) ? answer.selected.filter((item) => item !== label) : [...answer.selected, label];
+    setAnswer(question.id, { ...answer, selected });
+  };
+  const writeCustom = (question, custom) => {
+    const answer = answers[question.id] ?? { selected: [], custom: "" };
+    setAnswer(question.id, { ...answer, custom });
+  };
+  const onImport = () => {
+    if (!canImport) return;
+    inputActions.setDraft(applyImport(draft, body));
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsg-root", "data-tool": toolName, "data-state": model.state, "data-readonly": readOnly ? "true" : void 0, children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_dsh_client_ui_primitives.DisclosureRow,
+      FormBody,
       {
-        icon: leadingFor(model.state),
-        title: t("row.title"),
-        open,
-        expandable,
-        onToggle: toggle,
-        expandOnRowClick: true,
-        keepContentWhenOpen: true,
-        rowClassName: "dsg-row",
-        leadingClassName: "dsg-leading",
-        chevronClassName: "dsg-chevron",
-        titleClassName: "dsg-title",
-        collapsedContent: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dsg-sep", "aria-hidden": "true" }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dsg-summary", children: summaryFor(model, t) })
-        ] }),
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsg-bodyWrap", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CardBody, { model, argsRaw, resultText, failure, t }),
-          inspect === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", { type: "button", className: "dsg-inspectButton", onClick: inspect, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.IconInspectOutlineRegular, {}),
-            t("row.inspect")
-          ] })
-        ] })
+        model,
+        failure,
+        argsRaw,
+        resultText,
+        answers,
+        answered,
+        interactive,
+        readOnly,
+        stale,
+        canImport,
+        t,
+        onToggleOption: toggleOption,
+        onCustom: writeCustom,
+        onImport
       }
-    )
+    ),
+    inspect === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", { type: "button", className: "dsg-inspectButton", onClick: inspect, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.IconInspectOutlineRegular, {}),
+      t("row.inspect")
+    ] })
   ] });
 }
 function firstText(content) {
@@ -223,80 +336,123 @@ function failureText(resultText, error) {
   const parts = [error?.name, error?.code].filter((part) => typeof part === "string" && part !== "");
   return parts.length === 0 ? void 0 : parts.join(": ");
 }
-function leadingFor(state) {
-  if (state === "error" || state === "rejected") return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.StateDot, { state: "error" });
-  if (state === "cancelled" || state === "interrupted") return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.StateDot, { state: "warning" });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.IconQuestionOutlineRegular, {});
-}
-function statusLabel(state, t) {
-  switch (state) {
-    case "running":
-      return t("row.waiting");
-    case "error":
-      return t("row.failed");
-    case "cancelled":
-      return t("row.cancelled");
-    case "interrupted":
-      return t("row.interrupted");
-    default:
-      return null;
-  }
-}
-function summaryFor(model, t) {
-  switch (model.state) {
-    case "running":
-      return t("row.waiting");
-    case "answered":
-      return t("row.answered", { answered: model.answered, total: model.total });
-    case "rejected":
-      return t("row.rejected");
-    case "cancelled":
-      return t("row.cancelled");
-    case "interrupted":
-      return t("row.interrupted");
-    default:
-      return t("row.failed");
+function storageOf() {
+  try {
+    return globalThis.localStorage;
+  } catch {
+    return void 0;
   }
 }
-function CardBody({ model, argsRaw, resultText, failure, t }) {
+function FormBody({
+  model,
+  failure,
+  argsRaw,
+  resultText,
+  answers,
+  answered,
+  interactive,
+  readOnly,
+  stale,
+  canImport,
+  t,
+  onToggleOption,
+  onCustom,
+  onImport
+}) {
   if (model.state === "rejected") {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsg-card", role: "group", "aria-label": t("row.violations"), children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsg-form", role: "group", "aria-label": t("row.violations"), children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "dsg-verdict", children: model.error ?? t("row.rejected") }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "dsg-violations", children: model.violations.map((violation, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: violation }, String(index))) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(QuestionEntries, { questions: model.questions, showAnswers: false, t })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "dsg-violations", children: model.violations.map((violation, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: violation }, String(index))) })
     ] });
   }
   if (model.questions.length === 0) {
     const raw = model.state === "running" ? argsRaw : resultText;
     return raw === void 0 || raw === "" ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", { className: "dsg-raw", children: raw });
   }
-  if (model.state === "cancelled" || model.state === "interrupted") {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsg-card", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "dsg-verdict", children: model.state === "cancelled" ? t("row.cancelledDetail") : t("row.interruptedDetail") }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(QuestionEntries, { questions: model.questions, showAnswers: false, t })
-    ] });
-  }
   if (model.state === "error") {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsg-card", children: [
-      failure === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "dsg-failure", children: failure }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(QuestionEntries, { questions: model.questions, showAnswers: false, t })
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsg-form", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "dsg-failure", children: failure ?? t("row.failed") }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(QuestionList, { questions: model.questions, answers, interactive: false, readOnly: false, t, onToggleOption, onCustom })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsg-card", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(QuestionEntries, { questions: model.questions, showAnswers: model.state === "answered", t }) });
+  const live = model.state === "form";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsg-form", children: [
+    live ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "dsg-progress", children: t("row.progress", { total: model.questions.length, answered }) }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      QuestionList,
+      {
+        questions: model.questions,
+        answers,
+        interactive,
+        readOnly,
+        t,
+        onToggleOption,
+        onCustom
+      }
+    ),
+    !live ? null : readOnly ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "dsg-closed", children: t("row.closed") }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsg-footer", children: [
+      stale ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "dsg-reminder", children: t("row.reminder") }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_dsh_client_ui_primitives.Button,
+        {
+          className: "dsg-import",
+          variant: "outline",
+          size: "sm",
+          icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.IconDownloadOutlineRegular, {}),
+          disabled: !canImport,
+          onClick: onImport,
+          children: t("row.import")
+        }
+      )
+    ] })
+  ] });
 }
-function QuestionEntries({ questions, showAnswers, t }) {
+function QuestionList({ questions, answers, interactive, readOnly, t, onToggleOption, onCustom }) {
   const labels = (0, import_react.useMemo)(() => markdownLabels(t), [t]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dl", { className: "dsg-list", children: questions.map((question) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsg-item", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("dt", { className: "dsg-question", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsg-list", children: questions.map((question) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsg-item", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsg-question", children: [
       question.header === "" ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dsg-header", children: question.header }),
       question.question
     ] }),
     question.detail === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsg-detail", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.MarkdownText, { text: question.detail, labels }) }),
-    showAnswers ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AnswerLine, { question, t }) : null
+    interactive ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(OptionList, { question, answer: answers[question.id], t, onToggleOption, onCustom }) : null,
+    readOnly ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AnswerLine, { question, answer: answers[question.id], t }) : null
   ] }, question.id)) });
 }
-function AnswerLine({ question, t }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", { className: "dsg-answer", children: question.answers.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dsg-skipped", children: t("row.skipped") }) : question.answers.map((answer, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dsg-answerLine", children: answer }, `${question.id}-${String(index)}`)) });
+function OptionList({ question, answer, t, onToggleOption, onCustom }) {
+  const selected = answer?.selected ?? [];
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsg-options", children: [
+    question.options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsg-optionRow", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsg-optionMain", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_dsh_client_ui_primitives.Checkbox,
+          {
+            className: "dsg-option",
+            checked: selected.includes(option.label),
+            label: option.displayLabel,
+            onChange: () => onToggleOption(question, option.label)
+          }
+        ),
+        option.recommended ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Tag, { tone: "info", className: "dsg-badge", children: t("row.recommended") }) : null
+      ] }),
+      option.description === void 0 ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "dsg-optionDescription", children: option.description })
+    ] }, option.label)),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "textarea",
+      {
+        className: "dsg-custom",
+        rows: 2,
+        value: answer?.custom ?? "",
+        placeholder: t("row.customPlaceholder"),
+        "aria-label": `${t("row.customLabel")}\uFF1A${question.question}`,
+        onChange: (event) => onCustom(question, event.target.value)
+      }
+    )
+  ] });
+}
+function AnswerLine({ question, answer, t }) {
+  const lines = answerLines(question, answer);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsg-answer", children: lines.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dsg-skipped", children: t("row.unanswered") }) : lines.map((line, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dsg-answerLine", children: line }, `${question.id}-${String(index)}`)) });
 }
 function markdownLabels(t) {
   return {
@@ -305,40 +461,40 @@ function markdownLabels(t) {
   };
 }
 
-// src/client/AskGrillingRow.css
-var AskGrillingRow_default = "/* ask_user_grilling \u7684 transcript \u5361\u7247\u3002\n *\n * \u4E0E\u5B98\u65B9 @deepseek-ai/dsh-client-ui-tool \u7684 ToolRow / AskQuestionCard \u540C\u4E00\u5957 token \u4E0E\u6570\u503C\uFF1A\n * \u8FD9\u91CC\u53EA\u662F\u628A\u7C7B\u540D\u6362\u6210 dsg- \u524D\u7F00\uFF08\u8DE8\u63D2\u4EF6\u503C\u5BFC\u5165\u88AB\u5BA2\u6237\u7AEF bundle \u7684\u7EAF\u51C0\u5EA6\u95E8\u7981\u6321\u4F4F\uFF0C\u6240\u4EE5\u884C\u5916\u58F3\n * \u53EA\u80FD\u81EA\u5DF1\u62FC\uFF09\uFF0C\u5F62\u72B6\u3001\u5B57\u53F7\u3001\u884C\u9AD8\u30010.5px \u53D1\u4E1D\u7EBF\u90FD\u7167\u6284\uFF0C\u907F\u514D\u540C\u4E00\u9875\u51FA\u73B0\u4E24\u5957\u89C6\u89C9\u3002 */\n\n.dsg-root {\n  display: flex;\n  flex-direction: column;\n}\n\n.dsg-row {\n  position: relative;\n  overflow: hidden;\n}\n\n/* \u8FD0\u884C\u4E2D\uFF1A\u4E0E\u5B98\u65B9\u884C\u540C\u4E00\u6761\u626B\u5149\u3002 */\n.dsg-root[data-state='running'] .dsg-row::after {\n  content: '';\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  width: 300px;\n  pointer-events: none;\n  background: linear-gradient(\n    90deg,\n    transparent 0%,\n    color-mix(in srgb, var(--dsw-alias-bg-base) 60%, transparent) 55%,\n    transparent 100%\n  );\n  animation: 2.6s ease-out infinite dsg-tool-row-sweep;\n}\n\n@keyframes dsg-tool-row-sweep {\n  0% {\n    left: -300px;\n  }\n  90%,\n  100% {\n    left: 100%;\n  }\n}\n\n.dsg-leading {\n  flex-shrink: 0;\n}\n\n.dsg-chevron {\n  color: var(--dsw-alias-label-secondary);\n}\n\n.dsg-title {\n  font-weight: 400;\n}\n\n.dsg-sep {\n  flex: none;\n  width: 2px;\n  height: 2px;\n  margin: 0 8px;\n  border-radius: 1px;\n  background: var(--dsw-alias-label-caption);\n}\n\n.dsg-summary {\n  flex: auto;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-size: var(--dsh-content-font-size-secondary, 13px);\n  line-height: calc(24px + var(--dsh-content-font-delta, 0px));\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.dsg-bodyWrap {\n  display: flex;\n  flex-direction: column;\n}\n\n.dsg-card {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  max-height: 360px;\n  margin: 4px 0 4px 4px;\n  padding: 16px 20px;\n  overflow-y: auto;\n  border: 0.5px solid var(--dsw-alias-border-l1);\n  border-radius: 12px;\n  background: var(--dsw-alias-bg-base);\n}\n\n.dsg-list {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  margin: 0;\n}\n\n.dsg-item {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  min-width: 0;\n}\n\n.dsg-question,\n.dsg-answer,\n.dsg-verdict {\n  margin: 0;\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n  font-size: var(--dsh-content-font-size, 14px);\n  line-height: calc(24px + var(--dsh-content-font-delta, 0px));\n}\n\n.dsg-question {\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.dsg-answer,\n.dsg-verdict {\n  color: var(--dsw-alias-label-primary);\n}\n\n.dsg-failure {\n  margin: 0;\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n  font-size: var(--dsh-content-font-size, 14px);\n  line-height: calc(24px + var(--dsh-content-font-delta, 0px));\n  color: var(--dsw-alias-state-error-primary);\n}\n\n.dsg-answerLine {\n  display: block;\n}\n\n.dsg-skipped {\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.dsg-header {\n  display: block;\n  font-size: var(--dsh-content-font-size-secondary, 13px);\n  color: var(--dsw-alias-label-caption);\n}\n\n.dsg-detail {\n  margin: 2px 0 0;\n  font-size: var(--dsh-content-font-size-secondary, 13px);\n  color: var(--dsw-alias-label-secondary);\n}\n\n.dsg-violations {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin: 0;\n  padding-left: 20px;\n  font-size: var(--dsh-content-font-size, 14px);\n  line-height: calc(24px + var(--dsh-content-font-delta, 0px));\n  color: var(--dsw-alias-state-error-primary);\n}\n\n.dsg-raw {\n  max-height: 360px;\n  margin: 4px 0 4px 4px;\n  padding: 12px 16px;\n  overflow: auto;\n  border: 0.5px solid var(--dsw-alias-border-l1);\n  border-radius: 12px;\n  background: var(--dsw-alias-markdown-code-block);\n  font: var(--dsw-font-markdown-code-block-small);\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.dsg-inspectButton {\n  display: inline-flex;\n  align-self: flex-start;\n  align-items: center;\n  gap: 4px;\n  margin: 4px 0 2px 4px;\n  padding: 2px 8px;\n  border: 0.5px solid var(--dsw-alias-border-l4);\n  border-radius: 999px;\n  corner-shape: round;\n  background: var(--dsw-alias-bg-base);\n  color: var(--dsw-alias-label-secondary);\n  font-size: 11px;\n  line-height: 16px;\n  opacity: 0;\n  cursor: pointer;\n  transition: opacity 100ms ease;\n}\n\n.dsg-bodyWrap:hover .dsg-inspectButton,\n.dsg-inspectButton:focus-visible {\n  opacity: 1;\n}\n\n.dsg-inspectButton:hover {\n  background: var(--dsw-alias-interactive-bg-hover-solid);\n  color: var(--dsw-alias-label-primary);\n}\n\n.dsg-visuallyHidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n  white-space: nowrap;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .dsg-root[data-state='running'] .dsg-row::after {\n    animation: none;\n  }\n\n  .dsg-inspectButton {\n    transition: none;\n  }\n}\n";
+// src/client/GrillingFormRow.css
+var GrillingFormRow_default = "/* grilling_form \u7684 transcript \u8868\u5355\u3002\n *\n * \u6545\u610F**\u6CA1\u6709\u5361\u7247**\uFF1A\u4E0D\u753B\u6298\u53E0\u884C\uFF0C\u4E5F\u4E0D\u5957\u8FB9\u6846\u3001\u80CC\u666F\u3001\u5185\u8FB9\u8DDD\u4E0E\u5185\u90E8\u6EDA\u52A8\u2014\u2014\u9898\u76EE\u3001\u9009\u9879\u3001\u6309\u94AE\u8DDF\n * \u4E0A\u4E0B\u6587\u540C\u5904\u4E00\u5C42\uFF0C\u6574\u8F6E\u7684\u8FDB\u5EA6\u7F29\u6210\u9876\u4E0A\u7684\u4E00\u884C\u5C0F\u7070\u5B57\u3002\u6240\u4EE5\u8FD9\u91CC\u9664\u4E86\u90A3\u6761\u5C0F\u7070\u5B57\u4E0E\u81EA\u586B\u6846\u7684\u8F93\u5165\u6846\uFF0C\n * \u6CA1\u6709\u4EFB\u4F55\u5BB9\u5668\u7EA7\u7684\u7EBF\u6216\u5E95\u8272\uFF1B\u5B57\u53F7\u3001\u884C\u9AD8\u3001\u989C\u8272\u7167\u6284\u5B98\u65B9 @deepseek-ai/dsh-client-ui-tool \u7684\n * ToolRow / AskQuestionCard\uFF0C\u907F\u514D\u540C\u4E00\u9875\u51FA\u73B0\u4E24\u5957\u89C6\u89C9\u3002 */\n\n.dsg-root {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  margin: 4px 0;\n}\n\n.dsg-form {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.dsg-progress {\n  margin: 0;\n  font-size: var(--dsh-content-font-size-secondary, 13px);\n  line-height: calc(20px + var(--dsh-content-font-delta, 0px));\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.dsg-list {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.dsg-item {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  min-width: 0;\n}\n\n.dsg-question,\n.dsg-answer,\n.dsg-verdict {\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n  font-size: var(--dsh-content-font-size, 14px);\n  line-height: calc(24px + var(--dsh-content-font-delta, 0px));\n}\n\n.dsg-question {\n  color: var(--dsw-alias-label-primary);\n}\n\n.dsg-answer,\n.dsg-verdict {\n  color: var(--dsw-alias-label-primary);\n}\n\n.dsg-failure {\n  margin: 0;\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n  font-size: var(--dsh-content-font-size, 14px);\n  line-height: calc(24px + var(--dsh-content-font-delta, 0px));\n  color: var(--dsw-alias-state-error-primary);\n}\n\n.dsg-answerLine {\n  display: block;\n}\n\n.dsg-skipped {\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.dsg-header {\n  display: block;\n  font-size: var(--dsh-content-font-size-secondary, 13px);\n  color: var(--dsw-alias-label-caption);\n}\n\n.dsg-detail {\n  margin: 2px 0 0;\n  font-size: var(--dsh-content-font-size-secondary, 13px);\n  color: var(--dsw-alias-label-secondary);\n}\n\n.dsg-options {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  margin-top: 4px;\n}\n\n.dsg-optionRow {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  min-width: 0;\n}\n\n.dsg-optionMain {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-width: 0;\n}\n\n.dsg-option {\n  min-width: 0;\n  font-size: var(--dsh-content-font-size, 14px);\n  line-height: calc(24px + var(--dsh-content-font-delta, 0px));\n  color: var(--dsw-alias-label-primary);\n}\n\n.dsg-badge {\n  flex: none;\n}\n\n.dsg-optionDescription {\n  margin: 0 0 0 24px;\n  font-size: var(--dsh-content-font-size-secondary, 13px);\n  line-height: calc(20px + var(--dsh-content-font-delta, 0px));\n  color: var(--dsw-alias-label-tertiary);\n}\n\n/* \u591A\u884C\u81EA\u586B\uFF1Aui-primitives \u6CA1\u6709\u591A\u884C\u8F93\u5165\u63A7\u4EF6\uFF0C\u5B98\u65B9\u90A3\u5F20\u7B54\u9898\u5361\u4E5F\u662F\u81EA\u5DF1\u753B\u7684 textarea\u3002 */\n.dsg-custom {\n  box-sizing: border-box;\n  width: 100%;\n  min-height: 56px;\n  margin-top: 2px;\n  padding: 6px 10px;\n  resize: vertical;\n  border: 0.5px solid var(--dsw-alias-border-l4);\n  border-radius: 8px;\n  background: var(--dsw-alias-bg-base);\n  color: var(--dsw-alias-label-primary);\n  font: inherit;\n  font-size: var(--dsh-content-font-size, 14px);\n  line-height: calc(24px + var(--dsh-content-font-delta, 0px));\n}\n\n.dsg-custom::placeholder {\n  color: var(--dsw-alias-label-caption);\n}\n\n.dsg-custom:focus-visible {\n  outline: 2px solid var(--dsw-alias-state-business-primary);\n  outline-offset: 1px;\n}\n\n.dsg-footer {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  gap: 6px;\n}\n\n.dsg-import {\n  flex: none;\n}\n\n.dsg-reminder,\n.dsg-closed {\n  margin: 0;\n  align-self: stretch;\n  font-size: var(--dsh-content-font-size-secondary, 13px);\n  line-height: calc(20px + var(--dsh-content-font-delta, 0px));\n  color: var(--dsw-alias-state-warning-primary, var(--dsw-alias-label-secondary));\n}\n\n.dsg-closed {\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.dsg-violations {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin: 0;\n  padding-left: 20px;\n  font-size: var(--dsh-content-font-size, 14px);\n  line-height: calc(24px + var(--dsh-content-font-delta, 0px));\n  color: var(--dsw-alias-state-error-primary);\n}\n\n.dsg-raw {\n  max-height: 360px;\n  margin: 0;\n  padding: 12px 16px;\n  overflow: auto;\n  border: 0.5px solid var(--dsw-alias-border-l1);\n  border-radius: 12px;\n  background: var(--dsw-alias-markdown-code-block);\n  font: var(--dsw-font-markdown-code-block-small);\n  white-space: pre-wrap;\n  overflow-wrap: anywhere;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.dsg-inspectButton {\n  display: inline-flex;\n  align-self: flex-start;\n  align-items: center;\n  gap: 4px;\n  padding: 2px 8px;\n  border: 0.5px solid var(--dsw-alias-border-l4);\n  border-radius: 999px;\n  corner-shape: round;\n  background: var(--dsw-alias-bg-base);\n  color: var(--dsw-alias-label-secondary);\n  font-size: 11px;\n  line-height: 16px;\n  opacity: 0;\n  cursor: pointer;\n  transition: opacity 100ms ease;\n}\n\n.dsg-root:hover .dsg-inspectButton,\n.dsg-inspectButton:focus-visible {\n  opacity: 1;\n}\n\n.dsg-inspectButton:hover {\n  background: var(--dsw-alias-interactive-bg-hover-solid);\n  color: var(--dsw-alias-label-primary);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .dsg-inspectButton {\n    transition: none;\n  }\n}\n";
 
 // src/client/locales.js
-var NS = "askGrilling";
+var NS = "grillingForm";
 var zh = {
-  "row.title": "\u63D0\u95EE",
-  "row.waiting": "\u7B49\u5F85\u56DE\u7B54",
-  "row.answered": "{answered}/{total} \u5DF2\u56DE\u7B54",
-  "row.skipped": "\u672A\u56DE\u7B54",
+  "row.progress": "\u8FD9\u4E00\u8F6E {total} \u9898 \xB7 \u5DF2\u586B {answered}",
+  "row.closed": "\u672C\u8F6E\u5DF2\u8FC7\uFF0C\u4EC5\u4F9B\u67E5\u770B",
   "row.rejected": "\u5165\u53C2\u88AB\u62D2\u7EDD",
-  "row.cancelled": "\u5DF2\u53D6\u6D88",
-  "row.cancelledDetail": "\u672C\u8F6E\u5DF2\u53D6\u6D88\uFF0C\u672A\u63D0\u4EA4\u56DE\u7B54\u3002",
-  "row.interrupted": "\u5DF2\u4E2D\u65AD",
-  "row.interruptedDetail": "\u672C\u8F6E\u5DF2\u4E2D\u65AD\uFF0C\u672A\u63D0\u4EA4\u56DE\u7B54\u3002",
-  "row.failed": "\u8C03\u7528\u5931\u8D25",
   "row.violations": "\u6821\u9A8C\u5931\u8D25",
+  "row.failed": "\u8C03\u7528\u5931\u8D25",
+  "row.unanswered": "\u672A\u4F5C\u7B54",
+  "row.recommended": "\u63A8\u8350",
+  "row.customLabel": "\u81EA\u586B",
+  "row.customPlaceholder": "\u9009\u9879\u4E0D\u591F\u7528\u7684\u8BDD\uFF0C\u5728\u8FD9\u91CC\u81EA\u5DF1\u5199\u4E00\u6BB5",
+  "row.import": "\u5BFC\u5165\u8F93\u5165\u6846",
+  "row.reminder": "\u8868\u5355\u91CC\u586B\u4E86\u4E1C\u897F\uFF0C\u8FD8\u6CA1\u5BFC\u5165\u8F93\u5165\u6846",
   "row.inspect": "\u67E5\u770B",
   "copy": "\u590D\u5236",
   "copied": "\u5DF2\u590D\u5236",
   "markdown.footnotes": "\u811A\u6CE8"
 };
 var en = {
-  "row.title": "Ask question",
-  "row.waiting": "waiting for the answer",
-  "row.answered": "{answered}/{total} answered",
-  "row.skipped": "Not answered",
-  "row.rejected": "Rejected before asking",
-  "row.cancelled": "cancelled",
-  "row.cancelledDetail": "This round was cancelled before answers were submitted.",
-  "row.interrupted": "interrupted",
-  "row.interruptedDetail": "This round was interrupted before answers were submitted.",
-  "row.failed": "Tool call failed",
+  "row.progress": "{total} question(s) this round \xB7 {answered} filled",
+  "row.closed": "This round is over; the form is read-only",
+  "row.rejected": "Rejected before showing",
   "row.violations": "Rejected input",
+  "row.failed": "Tool call failed",
+  "row.unanswered": "Not answered",
+  "row.recommended": "Recommended",
+  "row.customLabel": "Your own answer",
+  "row.customPlaceholder": "Write your own answer here if the options do not cover it",
+  "row.import": "Import to composer",
+  "row.reminder": "This form has content that is not in the composer yet",
   "row.inspect": "Inspect",
   "copy": "Copy",
   "copied": "Copied",
@@ -347,7 +503,7 @@ var en = {
 
 // src/client/index.js
 var PACKAGE_ID = "@lynn123411/dsh-ask-user-grilling";
-var CSS_TAG = `${PACKAGE_ID}/AskGrillingRow.css`;
+var CSS_TAG = `${PACKAGE_ID}/GrillingFormRow.css`;
 var inject = ["locale", "slots"];
 function injectStyles() {
   if (typeof document === "undefined") return;
@@ -358,16 +514,16 @@ function injectStyles() {
     tag.dataset.pluginCss = CSS_TAG;
     document.head.appendChild(tag);
   }
-  tag.textContent = AskGrillingRow_default;
+  tag.textContent = GrillingFormRow_default;
 }
 function apply(ctx) {
   injectStyles();
   ctx.effect(() => ctx.locale.register(NS, { zh, en }), "dsh-ask-user-grilling: dictionaries");
   ctx.slots.inject("tool.call.toolview", () => ctx.slots.register({
     name: "tool.call.toolview",
-    key: "ask_user_grilling",
+    key: "grilling_form",
     locale: NS
-  }, AskGrillingRow));
+  }, GrillingFormRow));
 }
 return module.exports; } });
 //# sourceMappingURL=client.js.map