@arronqzy/react-view 1.0.11 → 1.0.12

package/dist/styles.css

@@ -1090,6 +1090,10 @@ video {
   width: 2.25rem;
 }
 
+.w-\[108px\] {
+  width: 108px;
+}
+
 .w-\[220px\] {
   width: 220px;
 }
@@ -1098,10 +1102,6 @@ video {
   width: 280px;
 }
 
-.w-\[96px\] {
-  width: 96px;
-}
-
 .w-\[min\(92vw\2c 720px\)\] {
   width: min(92vw, 720px);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arronqzy/react-view",
-  "version": "1.0.11",
+  "version": "1.0.12",
   "files": [
     "src",
     "dist",
@@ -31,12 +31,12 @@
     "@codemirror/theme-one-dark": "^6.1.2",
     "@codemirror/view": "^6.36.2",
     "@arronqzy/blueprint-dsl": "1.0.5",
-    "@arronqzy/i18n": "0.1.3",
     "@arronqzy/ui": "1.0.5",
+    "@arronqzy/i18n": "0.1.4",
+    "@arronqzy/webllm-assistant": "0.1.6",
     "@arronqzy/react-blueprint": "1.0.6",
-    "@arronqzy/rx-store": "1.0.4",
-    "@arronqzy/webllm-assistant": "0.1.5",
-    "@arronqzy/view-table": "0.1.3"
+    "@arronqzy/view-table": "0.1.3",
+    "@arronqzy/rx-store": "1.0.4"
   },
   "devDependencies": {
     "@types/react": "^19.0.1",

package/src/panel/ai/AssistantChatPanel.tsx

@@ -3,18 +3,17 @@ import {
   ASSISTANT_MODEL_OPTIONS,
   DEFAULT_MODEL_ID,
   WebLLMAssistantRuntime,
-  buildSystemPrompt,
   isWebGPUAvailable,
   looksLikePureQuestion,
-  parseAssistantAction,
   inferPanelAddFromUserText,
   runAgentLoop,
   buildEditorContext,
   tryLocalFaqReply,
+  buildChatSystemPrompt,
   buildForceReplyPrompt,
+  unwrapChatReply,
   buildPriorChatMessages,
   buildRecentDialogSummary,
-  looksLikeUnclearIntent,
   UNCLEAR_INTENT_REPLY,
   inferLocalEditorPlan,
   type ChatMessage,
@@ -345,15 +344,6 @@ export function AssistantChatPanel({
           return;
         }
 
-        // Vague greetings / short junk — ask instead of mutating.
-        if (looksLikeUnclearIntent(trimmed)) {
-          pushMessage({
-            role: "assistant",
-            content: t("panel.ai.unclearIntent") || UNCLEAR_INTENT_REPLY,
-          });
-          return;
-        }
-
         // High-confidence local tools (add / resize / delete / save …) — skip model.
         const selectedIds = depsRef.current.getSelectedIds() ?? [];
         const localPlan = inferLocalEditorPlan(trimmed, { selectedIds });
@@ -402,41 +392,20 @@ export function AssistantChatPanel({
         const runtime = runtimeRef.current!;
 
         if (looksLikePureQuestion(trimmed)) {
-          const ctx = buildEditorContext({
-            ...buildObservation(),
-            userGoal: trimmed,
-            recentDialog,
-          });
           const history: ChatMessage[] = [
-            { role: "system", content: buildSystemPrompt(ctx) },
+            { role: "system", content: buildChatSystemPrompt() },
             ...priorChat,
             { role: "user", content: trimmed },
           ];
-          let parsed = parseAssistantAction(await runtime.chat(history));
-          if (parsed.ok && parsed.action.type !== "reply") {
-            // Small models often mutate the page on Q&A — force a reply-only turn.
-            history.push({
-              role: "assistant",
-              content: JSON.stringify(parsed.action),
-            });
+          let message = unwrapChatReply(await runtime.chat(history));
+          if (!message) {
             history.push({ role: "user", content: buildForceReplyPrompt() });
-            parsed = parseAssistantAction(await runtime.chat(history));
+            message = unwrapChatReply(await runtime.chat(history));
           }
-          if (!parsed.ok) {
-            pushMessage({
-              role: "assistant",
-              content: `${t("panel.ai.parseFailed")}\n\n\`\`\`\n${parsed.rawText.slice(0, 800)}\n\`\`\``,
-            });
-            return;
-          }
-          if (parsed.action.type === "reply") {
-            pushMessage({ role: "assistant", content: parsed.action.message });
-            return;
-          }
-          // Still not a reply — refuse to mutate; ask clearly instead.
           pushMessage({
             role: "assistant",
-            content: t("panel.ai.unclearIntent") || UNCLEAR_INTENT_REPLY,
+            content:
+              message || t("panel.ai.unclearIntent") || UNCLEAR_INTENT_REPLY,
           });
           return;
         }
@@ -625,12 +594,17 @@ export function AssistantChatPanel({
                 onValueChange={setModelId}
                 disabled={busy || status === "loading"}
               >
-                <SelectTrigger className="h-8 w-[96px] rounded-md border-border bg-background text-[12px] shadow-none">
+                <SelectTrigger className="h-8 w-[108px] rounded-md border-border bg-background text-[12px] shadow-none">
                   <SelectValue />
                 </SelectTrigger>
                 <SelectContent position="popper" sideOffset={6}>
                   {ASSISTANT_MODEL_OPTIONS.map((opt) => (
-                    <SelectItem key={opt.id} value={opt.id} className="text-[12px]">
+                    <SelectItem
+                      key={opt.id}
+                      value={opt.id}
+                      className="text-[12px]"
+                      title={t(opt.hintKey)}
+                    >
                       {t(opt.labelKey)}
                     </SelectItem>
                   ))}

package/src/panel/utils/chartOptionBuilder.ts

@@ -84,6 +84,40 @@ function deepMerge<T extends Record<string, any>>(base: T, patch?: Record<string
   return next as T;
 }
 
+function mixHex(a: string, b: string, t: number): string {
+  const pa = parseHex(a);
+  const pb = parseHex(b);
+  if (!pa || !pb) return a;
+  const m = (i: number) => Math.round(pa[i]! * (1 - t) + pb[i]! * t);
+  return `#${[m(0), m(1), m(2)].map((n) => n.toString(16).padStart(2, "0")).join("")}`;
+}
+
+function parseHex(hex: string): [number, number, number] | null {
+  const s = hex.replace("#", "").trim();
+  const full =
+    s.length === 3
+      ? s
+          .split("")
+          .map((c) => c + c)
+          .join("")
+      : s.slice(0, 6);
+  if (!/^[0-9a-fA-F]{6}$/.test(full)) return null;
+  return [
+    Number.parseInt(full.slice(0, 2), 16),
+    Number.parseInt(full.slice(2, 4), 16),
+    Number.parseInt(full.slice(4, 6), 16),
+  ];
+}
+
+function pieSliceColors(base: string, count: number): string[] {
+  const n = Math.max(count, 1);
+  if (n === 1) return [base];
+  return Array.from({ length: n }, (_, i) => {
+    const t = n === 1 ? 0 : i / (n - 1);
+    return mixHex(mixHex(base, "#111827", 0.12), "#fefce8", t * 0.45);
+  });
+}
+
 export function buildChartOption(element: PanelElement): EChartsOption {
   const chartType = (element.materialType ?? "") as ChartType;
   const labels = resolveChartLabels(element);
@@ -144,10 +178,11 @@ export function buildChartOption(element: PanelElement): EChartsOption {
   if (chartType === "pie") {
     const inner = element.chart?.pieInnerRadius ?? 30;
     const outer = element.chart?.pieOuterRadius ?? 65;
+    const sliceColors = pieSliceColors(color, labels.length);
     const baseOption: EChartsOption = {
       animation: false,
       title: { text: title, left: "center", top: 6, textStyle: { fontSize: 12 } },
-      color: [chartColor as any],
+      color: sliceColors as any,
       tooltip: tooltipOption,
       series: [
         {
@@ -155,7 +190,11 @@ export function buildChartOption(element: PanelElement): EChartsOption {
           radius: [`${inner}%`, `${outer}%`],
           center: ["50%", "58%"],
           label: { fontSize: 10 },
-          data: labels.map((name, i) => ({ name, value: values[i] ?? 0 })),
+          data: labels.map((name, i) => ({
+            name,
+            value: values[i] ?? 0,
+            itemStyle: { color: sliceColors[i % sliceColors.length] as any },
+          })),
         },
       ],
     };