@yushaw/sanqian-chat 0.3.5 → 0.3.6

package/dist/renderer/index.js

@@ -9105,6 +9105,16 @@ var ChatInput = (0, import_react23.memo)(
 // src/renderer/components/HitlCard.tsx
 var import_react24 = require("react");
 var import_jsx_runtime12 = require("react/jsx-runtime");
+function parseOption(option) {
+  if (typeof option === "string") return { label: option };
+  if (option && typeof option === "object") {
+    const obj = option;
+    const label = (typeof obj.label === "string" ? obj.label : void 0) ?? (typeof obj.name === "string" ? obj.name : void 0) ?? JSON.stringify(option);
+    const description = typeof obj.description === "string" ? obj.description : void 0;
+    return { label, description };
+  }
+  return { label: String(option) };
+}
 var defaultStrings = {
   approve: "Approve",
   reject: "Reject",
@@ -9230,7 +9240,7 @@ var HitlCard = (0, import_react24.memo)(function HitlCard2({
         return;
       }
       if (hasOptions) {
-        const selectedAnswers = selectedIndices.map((i) => interrupt.options[i]).join(", ");
+        const selectedAnswers = selectedIndices.map((i) => parseOption(interrupt.options[i]).label).join(", ");
         onSubmit?.({
           answer: selectedAnswers,
           selected_indices: selectedIndices
@@ -9267,6 +9277,7 @@ var HitlCard = (0, import_react24.memo)(function HitlCard2({
     width: "1.125rem",
     height: "1.125rem",
     margin: 0,
+    marginTop: "0.125rem",
     flexShrink: 0
   };
   const cardStyle = {
@@ -9370,11 +9381,12 @@ var HitlCard = (0, import_react24.memo)(function HitlCard2({
           ] }),
           isUserInput && interrupt.options && interrupt.options.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "space-y-1.5", children: interrupt.options.map((option, index) => {
             const isSelected = selectedIndices.includes(index);
+            const { label: optLabel, description: optDesc } = parseOption(option);
             const optionStyle = isSelected ? isDarkMode ? { borderColor: "rgba(96, 165, 250, 0.75)", background: "rgba(59, 130, 246, 0.24)" } : { borderColor: "rgba(37, 99, 235, 0.36)", background: "rgba(239, 246, 255, 0.98)" } : isDarkMode ? { borderColor: "rgba(113, 113, 122, 0.6)", background: "rgba(9, 9, 11, 0.84)" } : { borderColor: "rgba(113, 113, 122, 0.34)", background: "rgba(250, 250, 250, 0.96)" };
             return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
               "label",
               {
-                className: `flex cursor-pointer items-center gap-2 rounded p-2 transition-colors ${isSelected ? isDarkMode ? "border-blue-500/50 bg-blue-500/20" : "border-blue-200 bg-blue-50" : `${inputBg} border-transparent hover:border-zinc-300`} border`,
+                className: `flex cursor-pointer items-start gap-2 rounded p-2 transition-colors ${isSelected ? isDarkMode ? "border-blue-500/50 bg-blue-500/20" : "border-blue-200 bg-blue-50" : `${inputBg} border-transparent hover:border-zinc-300`} border`,
                 style: optionStyle,
                 children: [
                   /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
@@ -9387,7 +9399,10 @@ var HitlCard = (0, import_react24.memo)(function HitlCard2({
                       style: optionControlStyle
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: `text-sm ${textPrimary} break-words ${isSelected ? "font-semibold" : "font-medium"}`, children: option })
+                  /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { className: "min-w-0 break-words", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: `text-sm ${textPrimary} ${isSelected ? "font-semibold" : "font-medium"}`, children: optLabel }),
+                    optDesc && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: `block text-xs ${textSecondary} mt-0.5 leading-snug`, children: optDesc })
+                  ] })
                 ]
               },
               index

package/dist/renderer/index.mjs

@@ -9033,6 +9033,16 @@ var ChatInput = memo7(
 // src/renderer/components/HitlCard.tsx
 import { memo as memo8, useState as useState15, useEffect as useEffect18, useRef as useRef10 } from "react";
 import { jsx as jsx12, jsxs as jsxs6 } from "react/jsx-runtime";
+function parseOption(option) {
+  if (typeof option === "string") return { label: option };
+  if (option && typeof option === "object") {
+    const obj = option;
+    const label = (typeof obj.label === "string" ? obj.label : void 0) ?? (typeof obj.name === "string" ? obj.name : void 0) ?? JSON.stringify(option);
+    const description = typeof obj.description === "string" ? obj.description : void 0;
+    return { label, description };
+  }
+  return { label: String(option) };
+}
 var defaultStrings = {
   approve: "Approve",
   reject: "Reject",
@@ -9158,7 +9168,7 @@ var HitlCard = memo8(function HitlCard2({
         return;
       }
       if (hasOptions) {
-        const selectedAnswers = selectedIndices.map((i) => interrupt.options[i]).join(", ");
+        const selectedAnswers = selectedIndices.map((i) => parseOption(interrupt.options[i]).label).join(", ");
         onSubmit?.({
           answer: selectedAnswers,
           selected_indices: selectedIndices
@@ -9195,6 +9205,7 @@ var HitlCard = memo8(function HitlCard2({
     width: "1.125rem",
     height: "1.125rem",
     margin: 0,
+    marginTop: "0.125rem",
     flexShrink: 0
   };
   const cardStyle = {
@@ -9298,11 +9309,12 @@ var HitlCard = memo8(function HitlCard2({
           ] }),
           isUserInput && interrupt.options && interrupt.options.length > 0 && /* @__PURE__ */ jsx12("div", { className: "space-y-1.5", children: interrupt.options.map((option, index) => {
             const isSelected = selectedIndices.includes(index);
+            const { label: optLabel, description: optDesc } = parseOption(option);
             const optionStyle = isSelected ? isDarkMode ? { borderColor: "rgba(96, 165, 250, 0.75)", background: "rgba(59, 130, 246, 0.24)" } : { borderColor: "rgba(37, 99, 235, 0.36)", background: "rgba(239, 246, 255, 0.98)" } : isDarkMode ? { borderColor: "rgba(113, 113, 122, 0.6)", background: "rgba(9, 9, 11, 0.84)" } : { borderColor: "rgba(113, 113, 122, 0.34)", background: "rgba(250, 250, 250, 0.96)" };
             return /* @__PURE__ */ jsxs6(
               "label",
               {
-                className: `flex cursor-pointer items-center gap-2 rounded p-2 transition-colors ${isSelected ? isDarkMode ? "border-blue-500/50 bg-blue-500/20" : "border-blue-200 bg-blue-50" : `${inputBg} border-transparent hover:border-zinc-300`} border`,
+                className: `flex cursor-pointer items-start gap-2 rounded p-2 transition-colors ${isSelected ? isDarkMode ? "border-blue-500/50 bg-blue-500/20" : "border-blue-200 bg-blue-50" : `${inputBg} border-transparent hover:border-zinc-300`} border`,
                 style: optionStyle,
                 children: [
                   /* @__PURE__ */ jsx12(
@@ -9315,7 +9327,10 @@ var HitlCard = memo8(function HitlCard2({
                       style: optionControlStyle
                     }
                   ),
-                  /* @__PURE__ */ jsx12("span", { className: `text-sm ${textPrimary} break-words ${isSelected ? "font-semibold" : "font-medium"}`, children: option })
+                  /* @__PURE__ */ jsxs6("span", { className: "min-w-0 break-words", children: [
+                    /* @__PURE__ */ jsx12("span", { className: `text-sm ${textPrimary} ${isSelected ? "font-semibold" : "font-medium"}`, children: optLabel }),
+                    optDesc && /* @__PURE__ */ jsx12("span", { className: `block text-xs ${textSecondary} mt-0.5 leading-snug`, children: optDesc })
+                  ] })
                 ]
               },
               index

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yushaw/sanqian-chat",
-  "version": "0.3.5",
+  "version": "0.3.6",
   "description": "Floating chat window SDK for Sanqian AI Assistant",
   "main": "./dist/main/index.js",
   "types": "./dist/main/index.d.ts",