@elixpo/lixsketch 5.5.9 → 5.5.11

package/dist/react/index.js

@@ -9,7 +9,7 @@ import {
 } from "./chunk-DNAG7ML6.js";
 
 // src/react/LixSketchCanvas.jsx
-import { useCallback as useCallback17, useEffect as useEffect15, useRef as useRef12, useState as useState21 } from "react";
+import { useCallback as useCallback16, useEffect as useEffect15, useRef as useRef11, useState as useState20 } from "react";
 
 // src/react/store/useSketchStore.js
 import { create } from "zustand";
@@ -331,7 +331,7 @@ var useUIStore = create2((set, get) => ({
   setCanvasLoading: (loading, message) => set({ canvasLoading: loading, canvasLoadingMessage: message || "Loading canvas..." }),
   // --- Theme ---
   // Issue #38 bug #1: light by default. Dark stays available via toggle.
-  theme: "dark",
+  theme: "light",
   setTheme: (newTheme) => {
     const prev = get().theme;
     const resolve = (t) => t === "system" ? window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : t;
@@ -427,7 +427,7 @@ function useSketchEngine(svgRef, ready = true) {
           setZoom: (zoom) => useSketchStore_default.setState({ zoom }),
           getState: () => useSketchStore_default.getState()
         };
-        const { SketchEngine } = await import("./SketchEngine-XWWTA2MT.js");
+        const { SketchEngine } = await import("./SketchEngine-NPF2XN6Z.js");
         if (cancelled) return;
         const engine = new SketchEngine(svgRef.current);
         await engine.init();
@@ -2161,7 +2161,7 @@ function TextSidebar() {
   const activeTool = useSketchStore_default((s) => s.activeTool);
   const selectedShapeSidebar = useSketchStore_default((s) => s.selectedShapeSidebar);
   const [textColor, setTextColor] = useState9("#fff");
-  const [fontSize, setFontSize] = useState9("M");
+  const [fontSize, setFontSize] = useState9("S");
   const [font, setFont] = useState9("lixFont");
   const [codeMode, setCodeMode] = useState9(false);
   const [language, setLanguage] = useState9("javascript");
@@ -4500,73 +4500,33 @@ function HelpModal() {
 }
 
 // src/react/components/modals/LixScriptModal.jsx
-import { useCallback as useCallback15, useEffect as useEffect13, useRef as useRef10, useState as useState19 } from "react";
+import { useEffect as useEffect13 } from "react";
 import { jsx as jsx24, jsxs as jsxs24 } from "react/jsx-runtime";
-var SAMPLE = `# LixScript \u2014 paste shapes / arrows in a simple DSL.
-# Hit Cmd/Ctrl+Enter to render onto the canvas.
-
-rect A "Idea" 100 100 220 90
-rect B "Plan"  400 100 220 90
-rect C "Ship"  700 100 220 90
-
-arrow A -> B
-arrow B -> C
-`;
 function LixScriptModal() {
-  const open = useUIStore_default((s) => s.aiModalOpen);
-  const toggle = useUIStore_default((s) => s.toggleAIModal);
-  const [source, setSource] = useState19(SAMPLE);
-  const [busy, setBusy] = useState19(false);
-  const [status, setStatus] = useState19(null);
-  const taRef = useRef10(null);
+  const open = useUIStore_default((state) => state.aiModalOpen);
+  const toggle = useUIStore_default((state) => state.toggleAIModal);
   useEffect13(() => {
     if (!open) return;
-    requestAnimationFrame(() => taRef.current?.focus());
-    const onKey = (e) => {
-      if (e.key === "Escape") toggle();
+    const onKeyDown = (event) => {
+      if (event.key === "Escape") toggle();
     };
-    document.addEventListener("keydown", onKey);
-    return () => document.removeEventListener("keydown", onKey);
+    document.addEventListener("keydown", onKeyDown);
+    return () => document.removeEventListener("keydown", onKeyDown);
   }, [open, toggle]);
-  const render = useCallback15(async () => {
-    if (busy) return;
-    setBusy(true);
-    setStatus(null);
-    try {
-      const mod = await import("./LixScriptParser-JYWJX375.js");
-      const parsed = mod.parseLixScript(source);
-      const resolved = mod.resolveShapeRefs ? mod.resolveShapeRefs(parsed) : parsed;
-      mod.renderLixScript(resolved);
-      setStatus({ tone: "success", message: `Rendered ${Array.isArray(resolved) ? resolved.length : "?"} elements.` });
-      setTimeout(() => {
-        toggle();
-      }, 700);
-    } catch (err) {
-      console.warn("[LixScriptModal] parse failed:", err);
-      setStatus({ tone: "error", message: err?.message || "Parse failed." });
-    } finally {
-      setBusy(false);
-    }
-  }, [source, busy, toggle]);
-  const handleKeyDown = useCallback15((e) => {
-    if ((e.ctrlKey || e.metaKey) && e.key === "Enter") {
-      e.preventDefault();
-      render();
-    }
-  }, [render]);
   if (!open) return null;
   return /* @__PURE__ */ jsx24(
     "div",
     {
-      className: "fixed inset-0 z-[1100] flex items-center justify-center bg-black/60 backdrop-blur-sm font-[lixFont]",
+      className: "fixed inset-0 z-[1100] flex items-center justify-center bg-black/40 backdrop-blur-sm font-[lixFont]",
       onClick: toggle,
       role: "dialog",
       "aria-modal": "true",
+      "aria-labelledby": "lixscript-coming-soon-title",
       children: /* @__PURE__ */ jsxs24(
         "div",
         {
-          onClick: (e) => e.stopPropagation(),
-          className: "relative w-[560px] max-w-[94vw] bg-surface border border-border-light rounded-2xl p-5 shadow-2xl flex flex-col gap-3",
+          onClick: (event) => event.stopPropagation(),
+          className: "relative w-[520px] max-w-[94vw] bg-surface border border-border-light rounded-2xl px-8 py-10 shadow-2xl text-center",
           children: [
             /* @__PURE__ */ jsx24(
               "button",
@@ -4577,36 +4537,10 @@ function LixScriptModal() {
                 children: /* @__PURE__ */ jsx24("i", { className: "bx bx-x text-lg" })
               }
             ),
-            /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx24("div", { className: "w-8 h-8 rounded-lg bg-accent-blue/10 border border-accent-blue/30 flex items-center justify-center", children: /* @__PURE__ */ jsx24("i", { className: "bx bx-code-alt text-accent-blue" }) }),
-              /* @__PURE__ */ jsxs24("div", { className: "flex-1", children: [
-                /* @__PURE__ */ jsx24("h2", { className: "text-text-primary text-sm font-medium", children: "LixScript" }),
-                /* @__PURE__ */ jsx24("p", { className: "text-text-dim text-[11px]", children: "Type shapes + arrows, render directly. No AI involved." })
-              ] })
-            ] }),
-            /* @__PURE__ */ jsx24(
-              "textarea",
-              {
-                ref: taRef,
-                value: source,
-                onChange: (e) => setSource(e.target.value),
-                onKeyDown: handleKeyDown,
-                spellCheck: false,
-                className: "w-full h-[260px] resize-none bg-surface-card border border-border-light rounded-lg px-3 py-2 text-[12px] text-text-primary font-[lixCode] outline-none focus:border-accent-blue/50"
-              }
-            ),
-            /* @__PURE__ */ jsxs24("div", { className: "flex items-center justify-between", children: [
-              status ? /* @__PURE__ */ jsx24("span", { className: `text-[11px] ${status.tone === "error" ? "text-red-400" : "text-green-400"}`, children: status.message }) : /* @__PURE__ */ jsx24("span", { className: "text-text-dim text-[11px]", children: "Cmd/Ctrl+Enter to render \xB7 Esc to close" }),
-              /* @__PURE__ */ jsx24(
-                "button",
-                {
-                  onClick: render,
-                  disabled: busy,
-                  className: "px-3 py-1.5 rounded-lg bg-accent-blue text-text-primary text-[12px] font-medium hover:bg-accent-blue-hover transition-colors disabled:opacity-50 disabled:pointer-events-none",
-                  children: busy ? "Rendering\u2026" : "Render"
-                }
-              )
-            ] })
+            /* @__PURE__ */ jsx24("div", { className: "mx-auto mb-5 w-12 h-12 rounded-xl bg-accent-blue/10 border border-accent-blue/25 flex items-center justify-center", children: /* @__PURE__ */ jsx24("i", { className: "bx bx-plug text-2xl text-accent-blue" }) }),
+            /* @__PURE__ */ jsx24("span", { className: "inline-flex px-2.5 py-1 rounded-full bg-[#a97852]/15 text-[#8f6244] text-[10px] font-semibold uppercase tracking-wider", children: "Coming soon" }),
+            /* @__PURE__ */ jsx24("h2", { id: "lixscript-coming-soon-title", className: "mt-4 text-text-primary text-xl font-medium", children: "LixScript MCP" }),
+            /* @__PURE__ */ jsx24("p", { className: "mt-2 text-text-muted text-sm leading-relaxed", children: "LixScript is being prepared as the programmable MCP interface for LixSketch. This workspace panel will become available with the supported platform integration." })
           ]
         }
       )
@@ -4615,9 +4549,9 @@ function LixScriptModal() {
 }
 
 // src/react/components/modals/GraphModal.jsx
-import { useCallback as useCallback16, useEffect as useEffect14, useRef as useRef11, useState as useState20 } from "react";
+import { useCallback as useCallback15, useEffect as useEffect14, useRef as useRef10, useState as useState19 } from "react";
 import { jsx as jsx25, jsxs as jsxs25 } from "react/jsx-runtime";
-var SAMPLE2 = `# One equation per line. Comments start with #.
+var SAMPLE = `# One equation per line. Comments start with #.
 # Hit Cmd/Ctrl+Enter to render onto the canvas.
 
 y = x^2
@@ -4631,11 +4565,11 @@ function parseEquations(text) {
 function GraphModal() {
   const open = useUIStore_default((s) => s.graphModalOpen);
   const toggle = useUIStore_default((s) => s.toggleGraphModal);
-  const [source, setSource] = useState20(SAMPLE2);
-  const [settings, setSettings] = useState20(DEFAULT_SETTINGS);
-  const [busy, setBusy] = useState20(false);
-  const [status, setStatus] = useState20(null);
-  const taRef = useRef11(null);
+  const [source, setSource] = useState19(SAMPLE);
+  const [settings, setSettings] = useState19(DEFAULT_SETTINGS);
+  const [busy, setBusy] = useState19(false);
+  const [status, setStatus] = useState19(null);
+  const taRef = useRef10(null);
   useEffect14(() => {
     if (!open) return;
     requestAnimationFrame(() => taRef.current?.focus());
@@ -4645,7 +4579,7 @@ function GraphModal() {
     document.addEventListener("keydown", onKey);
     return () => document.removeEventListener("keydown", onKey);
   }, [open, toggle]);
-  const render = useCallback16(async () => {
+  const render = useCallback15(async () => {
     if (busy) return;
     setBusy(true);
     setStatus(null);
@@ -4677,7 +4611,7 @@ function GraphModal() {
       setBusy(false);
     }
   }, [source, settings, busy, toggle]);
-  const handleKeyDown = useCallback16((e) => {
+  const handleKeyDown = useCallback15((e) => {
     if ((e.ctrlKey || e.metaKey) && e.key === "Enter") {
       e.preventDefault();
       render();
@@ -4803,7 +4737,7 @@ var _saveScene = null;
 var _loadScene = null;
 async function ensureSceneSerializer() {
   if (_saveScene && _loadScene) return;
-  const m = await import("./SceneSerializer-4U4B24JM.js");
+  const m = await import("./SceneSerializer-ZPHV6IUP.js");
   _saveScene = m.saveScene;
   _loadScene = m.loadScene;
 }
@@ -4816,10 +4750,10 @@ function LixSketchCanvas({
   className = "",
   style = null
 }) {
-  const wrapperRef = useRef12(null);
-  const lastSceneJsonRef = useRef12("");
-  const debounceRef = useRef12(null);
-  const [bootstrapped, setBootstrapped] = useState21(false);
+  const wrapperRef = useRef11(null);
+  const lastSceneJsonRef = useRef11("");
+  const debounceRef = useRef11(null);
+  const [bootstrapped, setBootstrapped] = useState20(false);
   useEffect15(() => {
     installImageUploadBridge(onUploadImage);
   }, [onUploadImage]);
@@ -4978,7 +4912,7 @@ function LixSketchCanvas({
             "button",
             {
               type: "button",
-              title: "LixScript \u2014 write shapes in DSL",
+              title: "LixScript MCP \u2014 coming soon",
               onClick: () => useUIStore_default.getState().toggleAIModal?.(),
               className: "w-9 h-9 flex items-center justify-center rounded-lg bg-surface border border-border-light text-text-muted hover:text-text-primary hover:bg-surface-hover transition-colors",
               children: /* @__PURE__ */ jsx26("i", { className: "bx bx-code-alt text-base" })