@nice2dev/ui-ai 1.0.5 → 1.0.8

package/dist/index.mjs

@@ -1,12 +1,12 @@
-import { jsx as x, jsxs as R } from "react/jsx-runtime";
-import { useRef as E, useCallback as I, useMemo as s, useContext as Z, createContext as p, useState as O, useEffect as H, forwardRef as j } from "react";
-class ee {
-  constructor(e = {}, n) {
+import { jsx as t, jsxs as i, Fragment as ne } from "react/jsx-runtime";
+import { useRef as Q, useCallback as X, useMemo as B, useContext as ve, createContext as ye, useState as p, useEffect as Z, forwardRef as ce } from "react";
+class Ne {
+  constructor(e = {}, a) {
     this.timestamps = [], this.tokenCount = 0, this.warningEmitted = !1, this.config = {
       maxRequestsPerMinute: e.maxRequestsPerMinute ?? 30,
       maxTokensPerSession: e.maxTokensPerSession ?? 1e4,
       warnThresholdPercent: e.warnThresholdPercent ?? 80
-    }, this.onWarning = n;
+    }, this.onWarning = a;
   }
   /** Check whether a new request is allowed. */
   canRequest() {
@@ -23,12 +23,12 @@ class ee {
   /** Get current rate limit status. */
   getStatus() {
     this.pruneOldTimestamps();
-    const e = this.config.maxTokensPerSession > 0 ? this.tokenCount / this.config.maxTokensPerSession * 100 : 0, n = this.config.maxRequestsPerMinute > 0 ? this.timestamps.length / this.config.maxRequestsPerMinute * 100 : 0;
+    const e = this.config.maxTokensPerSession > 0 ? this.tokenCount / this.config.maxTokensPerSession * 100 : 0, a = this.config.maxRequestsPerMinute > 0 ? this.timestamps.length / this.config.maxRequestsPerMinute * 100 : 0;
     return {
       requestsThisMinute: this.timestamps.length,
       tokensThisSession: this.tokenCount,
       isLimited: !this.canRequest(),
-      isWarning: e >= this.config.warnThresholdPercent || n >= this.config.warnThresholdPercent
+      isWarning: e >= this.config.warnThresholdPercent || a >= this.config.warnThresholdPercent
     };
   }
   /** Reset all counters. */
@@ -37,105 +37,105 @@ class ee {
   }
   pruneOldTimestamps() {
     const e = Date.now() - 6e4;
-    this.timestamps = this.timestamps.filter((n) => n > e);
+    this.timestamps = this.timestamps.filter((a) => a > e);
   }
   checkWarning() {
-    var n;
+    var a;
     if (this.warningEmitted) return;
-    this.getStatus().isWarning && (this.warningEmitted = !0, (n = this.onWarning) == null || n.call(this));
+    this.getStatus().isWarning && (this.warningEmitted = !0, (a = this.onWarning) == null || a.call(this));
   }
 }
-const B = p(null);
-function ke({
-  config: r,
+const de = ye(null);
+function je({
+  config: n,
   rateLimits: e,
-  enabled: n = !0,
-  onRateLimitWarning: i,
-  children: t
+  enabled: a = !0,
+  onRateLimitWarning: c,
+  children: d
 }) {
-  const a = E(null);
-  a.current || (a.current = new ee(e, i));
-  const u = I(() => a.current.getStatus(), []), w = s(
+  const r = Q(null);
+  r.current || (r.current = new Ne(e, c));
+  const x = X(() => r.current.getStatus(), []), C = B(
     () => ({
-      config: r,
-      enabled: n,
-      rateLimiter: a.current,
-      getRateLimitStatus: u
+      config: n,
+      enabled: a,
+      rateLimiter: r.current,
+      getRateLimitStatus: x
     }),
-    [r, n, u]
+    [n, a, x]
   );
-  return /* @__PURE__ */ x(B.Provider, { value: w, children: t });
+  return /* @__PURE__ */ t(de.Provider, { value: C, children: d });
 }
-function Y() {
-  return Z(B);
+function oe() {
+  return ve(de);
 }
-async function* ne(r, e) {
-  var a, u, w, d, o, y, T, m, S;
-  const n = (a = r.body) == null ? void 0 : a.getReader();
-  if (!n)
+async function* xe(n, e) {
+  var r, x, C, S, b, I, E, R, $;
+  const a = (r = n.body) == null ? void 0 : r.getReader();
+  if (!a)
     throw new Error("Response body is not readable");
-  const i = new TextDecoder();
-  let t = "";
+  const c = new TextDecoder();
+  let d = "";
   try {
     for (; !(e != null && e.aborted); ) {
-      const { done: C, value: c } = await n.read();
-      if (C) break;
-      t += i.decode(c, { stream: !0 });
-      const P = t.split(`
+      const { done: O, value: N } = await a.read();
+      if (O) break;
+      d += c.decode(N, { stream: !0 });
+      const U = d.split(`
 `);
-      t = P.pop() ?? "";
-      for (const $ of P) {
-        const l = $.trim();
-        if (!(!l || l === ":")) {
-          if (l.startsWith("data:")) {
-            const f = l.slice(5).trim();
+      d = U.pop() ?? "";
+      for (const h of U) {
+        const v = h.trim();
+        if (!(!v || v === ":")) {
+          if (v.startsWith("data:")) {
+            const f = v.slice(5).trim();
             if (f === "[DONE]") {
               yield { token: "", done: !0 };
               return;
             }
             try {
-              const k = JSON.parse(f), h = ((d = (w = (u = k.choices) == null ? void 0 : u[0]) == null ? void 0 : w.delta) == null ? void 0 : d.content) ?? "", b = ((y = (o = k.choices) == null ? void 0 : o[0]) == null ? void 0 : y.finish_reason) === "stop";
-              (h || b) && (yield { token: h, done: b, usage: k.usage });
+              const D = JSON.parse(f), L = ((S = (C = (x = D.choices) == null ? void 0 : x[0]) == null ? void 0 : C.delta) == null ? void 0 : S.content) ?? "", P = ((I = (b = D.choices) == null ? void 0 : b[0]) == null ? void 0 : I.finish_reason) === "stop";
+              (L || P) && (yield { token: L, done: P, usage: D.usage });
             } catch {
               f && (yield { token: f, done: !1 });
             }
             continue;
           }
           try {
-            const f = JSON.parse(l), k = f.text ?? f.content ?? f.token ?? "";
-            k && (yield { token: k, done: !1 });
+            const f = JSON.parse(v), D = f.text ?? f.content ?? f.token ?? "";
+            D && (yield { token: D, done: !1 });
           } catch {
-            l && (yield { token: l, done: !1 });
+            v && (yield { token: v, done: !1 });
           }
         }
       }
     }
-    if (t.trim()) {
-      const C = t.trim();
-      if (C.startsWith("data:")) {
-        const c = C.slice(5).trim();
-        if (c && c !== "[DONE]")
+    if (d.trim()) {
+      const O = d.trim();
+      if (O.startsWith("data:")) {
+        const N = O.slice(5).trim();
+        if (N && N !== "[DONE]")
           try {
-            const $ = ((S = (m = (T = JSON.parse(c).choices) == null ? void 0 : T[0]) == null ? void 0 : m.delta) == null ? void 0 : S.content) ?? "";
-            $ && (yield { token: $, done: !0 });
+            const h = (($ = (R = (E = JSON.parse(N).choices) == null ? void 0 : E[0]) == null ? void 0 : R.delta) == null ? void 0 : $.content) ?? "";
+            h && (yield { token: h, done: !0 });
           } catch {
-            yield { token: c, done: !0 };
+            yield { token: N, done: !0 };
           }
       }
     }
   } finally {
-    n.releaseLock();
+    a.releaseLock();
   }
 }
-async function re(r) {
-  var n, i, t, a;
-  const e = await r.json();
-  if ((t = (i = (n = e.choices) == null ? void 0 : n[0]) == null ? void 0 : i.message) != null && t.content)
+async function pe(n) {
+  var a, c, d, r;
+  const e = await n.json();
+  if ((d = (c = (a = e.choices) == null ? void 0 : a[0]) == null ? void 0 : c.message) != null && d.content)
     return {
       text: e.choices[0].message.content,
       usage: e.usage
     };
-  if ((a = e.message) != null && a.content)
+  if ((r = e.message) != null && r.content)
     return { text: e.message.content };
   if (typeof e.text == "string")
     return { text: e.text };
@@ -145,116 +145,116 @@ async function re(r) {
     return { text: e.response };
   throw new Error("Unrecognized AI response format");
 }
-const z = /* @__PURE__ */ new Map();
-function W(r, e) {
-  const n = e ? { ...r, fieldValue: void 0, formContext: void 0 } : r;
-  return JSON.stringify(n);
+const ae = /* @__PURE__ */ new Map();
+function ie(n, e) {
+  const a = e ? { ...n, fieldValue: void 0, formContext: void 0 } : n;
+  return JSON.stringify(a);
 }
-function ie(r, e) {
-  const n = [], i = e.systemPrompt ?? "You are a helpful assistant providing concise contextual hints for form fields. Keep responses short (1-3 sentences). Be specific and actionable.";
-  n.push({ role: "system", content: i });
-  const t = [];
-  if (r.fieldLabel && t.push(`Field: "${r.fieldLabel}"`), r.fieldType && t.push(`Type: ${r.fieldType}`), !e.privacyMode && r.fieldValue !== void 0) {
-    const u = typeof r.fieldValue == "string" ? r.fieldValue : JSON.stringify(r.fieldValue);
-    t.push(`Current value: ${u}`);
+function Ce(n, e) {
+  const a = [], c = e.systemPrompt ?? "You are a helpful assistant providing concise contextual hints for form fields. Keep responses short (1-3 sentences). Be specific and actionable.";
+  a.push({ role: "system", content: c });
+  const d = [];
+  if (n.fieldLabel && d.push(`Field: "${n.fieldLabel}"`), n.fieldType && d.push(`Type: ${n.fieldType}`), !e.privacyMode && n.fieldValue !== void 0) {
+    const x = typeof n.fieldValue == "string" ? n.fieldValue : JSON.stringify(n.fieldValue);
+    d.push(`Current value: ${x}`);
   }
-  r.validationRules && Object.keys(r.validationRules).length > 0 && t.push(`Validation: ${JSON.stringify(r.validationRules)}`), r.schema && Object.keys(r.schema).length > 0 && t.push(`Schema: ${JSON.stringify(r.schema)}`), !e.privacyMode && r.formContext && Object.keys(r.formContext).length > 0 && t.push(`Form context: ${JSON.stringify(r.formContext)}`), r.customPrompt && t.push(r.customPrompt);
-  const a = t.length > 0 ? `Provide a helpful hint for this field:
-${t.join(`
+  n.validationRules && Object.keys(n.validationRules).length > 0 && d.push(`Validation: ${JSON.stringify(n.validationRules)}`), n.schema && Object.keys(n.schema).length > 0 && d.push(`Schema: ${JSON.stringify(n.schema)}`), !e.privacyMode && n.formContext && Object.keys(n.formContext).length > 0 && d.push(`Form context: ${JSON.stringify(n.formContext)}`), n.customPrompt && d.push(n.customPrompt);
+  const r = d.length > 0 ? `Provide a helpful hint for this field:
+${d.join(`
 `)}` : "Provide a helpful suggestion.";
-  return n.push({ role: "user", content: a }), n;
+  return a.push({ role: "user", content: r }), a;
 }
-function g(r = {}, e = {}) {
-  r = r ?? {}, e = e ?? {};
-  const { debounceMs: n = 500, disabled: i = !1 } = e, t = Y(), [a, u] = O(""), [w, d] = O(!1), [o, y] = O(null), [T, m] = O(!1), S = E(null), C = E(0), c = I(async () => {
-    var J, V, q;
-    if (!t || !t.enabled || i) return;
-    const { config: l, rateLimiter: f } = t;
+function F(n = {}, e = {}) {
+  n = n ?? {}, e = e ?? {};
+  const { debounceMs: a = 500, disabled: c = !1 } = e, d = oe(), [r, x] = p(""), [C, S] = p(!1), [b, I] = p(null), [E, R] = p(!1), $ = Q(null), O = Q(0), N = X(async () => {
+    var V, G, y;
+    if (!d || !d.enabled || c) return;
+    const { config: v, rateLimiter: f } = d;
     if (!f.recordRequest()) {
-      y("Rate limit exceeded. Please wait before requesting another hint.");
+      I("Rate limit exceeded. Please wait before requesting another hint.");
       return;
     }
-    const k = W(r, l.privacyMode ?? !1), h = z.get(k);
-    if (h) {
-      u(h), d(!1), y(null), m(!1);
+    const D = ie(n, v.privacyMode ?? !1), L = ae.get(D);
+    if (L) {
+      x(L), S(!1), I(null), R(!1);
       return;
     }
-    (J = S.current) == null || J.abort();
-    const b = new AbortController();
-    S.current = b, d(!0), y(null), u(""), m(!1);
-    const D = ie(r, l), M = l.stream !== !1;
+    (V = $.current) == null || V.abort();
+    const P = new AbortController();
+    $.current = P, S(!0), I(null), x(""), R(!1);
+    const j = Ce(n, v), _ = v.stream !== !1;
     try {
-      const L = {
+      const l = {
         "Content-Type": "application/json",
-        ...l.headers
+        ...v.headers
       };
-      l.apiKey && (L.Authorization = `Bearer ${l.apiKey}`);
-      const Q = JSON.stringify({
-        model: l.model ?? "gpt-3.5-turbo",
-        messages: D,
-        temperature: l.temperature ?? 0.7,
-        max_tokens: l.maxTokens ?? 256,
-        stream: M
-      }), N = await fetch(l.endpoint, {
+      v.apiKey && (l.Authorization = `Bearer ${v.apiKey}`);
+      const m = JSON.stringify({
+        model: v.model ?? "gpt-3.5-turbo",
+        messages: j,
+        temperature: v.temperature ?? 0.7,
+        max_tokens: v.maxTokens ?? 256,
+        stream: _
+      }), T = await fetch(v.endpoint, {
         method: "POST",
-        headers: L,
-        body: Q,
-        signal: b.signal
+        headers: l,
+        body: m,
+        signal: P.signal
       });
-      if (!N.ok) {
-        const v = await N.text().catch(() => N.statusText);
-        throw new Error(`AI request failed (${N.status}): ${v}`);
+      if (!T.ok) {
+        const w = await T.text().catch(() => T.statusText);
+        throw new Error(`AI request failed (${T.status}): ${w}`);
       }
-      if (M) {
-        m(!0);
-        let v = "";
-        for await (const A of ne(N, b.signal))
-          if (b.signal.aborted || (v += A.token, u(v), (V = A.usage) != null && V.completion_tokens && f.recordTokens(A.usage.completion_tokens), A.done)) break;
-        if (v.length > 0) {
-          const A = Math.ceil(v.length / 4);
-          f.recordTokens(A);
+      if (_) {
+        R(!0);
+        let w = "";
+        for await (const z of xe(T, P.signal))
+          if (P.signal.aborted || (w += z.token, x(w), (G = z.usage) != null && G.completion_tokens && f.recordTokens(z.usage.completion_tokens), z.done)) break;
+        if (w.length > 0) {
+          const z = Math.ceil(w.length / 4);
+          f.recordTokens(z);
         }
-        z.set(k, v);
+        ae.set(D, w);
       } else {
-        const v = await re(N);
-        u(v.text), z.set(k, v.text), (q = v.usage) != null && q.completion_tokens ? f.recordTokens(v.usage.completion_tokens) : f.recordTokens(Math.ceil(v.text.length / 4));
+        const w = await pe(T);
+        x(w.text), ae.set(D, w.text), (y = w.usage) != null && y.completion_tokens ? f.recordTokens(w.usage.completion_tokens) : f.recordTokens(Math.ceil(w.text.length / 4));
       }
-    } catch (L) {
-      if (L instanceof DOMException && L.name === "AbortError") return;
-      y(L instanceof Error ? L.message : "AI hint request failed");
+    } catch (l) {
+      if (l instanceof DOMException && l.name === "AbortError") return;
+      I(l instanceof Error ? l.message : "AI hint request failed");
     } finally {
-      b.signal.aborted || (d(!1), m(!1));
+      P.signal.aborted || (S(!1), R(!1));
     }
-  }, [t, r, i]);
-  H(() => {
-    if (!t || !t.enabled || i) return;
-    const l = setTimeout(c, n);
-    return () => clearTimeout(l);
+  }, [d, n, c]);
+  Z(() => {
+    if (!d || !d.enabled || c) return;
+    const v = setTimeout(N, a);
+    return () => clearTimeout(v);
   }, [
     // Only re-trigger on meaningful context changes
-    r == null ? void 0 : r.fieldLabel,
-    r == null ? void 0 : r.fieldType,
-    r == null ? void 0 : r.fieldValue,
-    r == null ? void 0 : r.customPrompt,
-    n,
-    i,
-    t == null ? void 0 : t.enabled,
-    C.current
-  ]), H(() => () => {
-    var l;
-    (l = S.current) == null || l.abort();
+    n == null ? void 0 : n.fieldLabel,
+    n == null ? void 0 : n.fieldType,
+    n == null ? void 0 : n.fieldValue,
+    n == null ? void 0 : n.customPrompt,
+    a,
+    c,
+    d == null ? void 0 : d.enabled,
+    O.current
+  ]), Z(() => () => {
+    var v;
+    (v = $.current) == null || v.abort();
   }, []);
-  const P = I(() => {
-    var l;
-    (l = S.current) == null || l.abort(), d(!1), m(!1);
-  }, []), $ = I(() => {
-    if (t) {
-      const l = W(r, t.config.privacyMode ?? !1);
-      z.delete(l);
+  const U = X(() => {
+    var v;
+    (v = $.current) == null || v.abort(), S(!1), R(!1);
+  }, []), h = X(() => {
+    if (d) {
+      const v = ie(n, d.config.privacyMode ?? !1);
+      ae.delete(v);
     }
-    C.current += 1, c();
-  }, [t, r, c]);
-  return !t || !t.enabled ? {
+    O.current += 1, N();
+  }, [d, n, N]);
+  return !d || !d.enabled ? {
     text: "",
     loading: !1,
     error: null,
@@ -266,12 +266,12 @@ function g(r = {}, e = {}) {
     hint: null,
     fetchHint: async () => {
     }
-  } : { text: a, loading: w, error: o, streaming: T, abort: P, refresh: $, hint: a ? { content: a } : null, fetchHint: async () => {
-    await c();
+  } : { text: r, loading: C, error: b, streaming: E, abort: U, refresh: h, hint: r ? { content: r } : null, fetchHint: async () => {
+    await N();
   } };
 }
-function te() {
-  return /* @__PURE__ */ R(
+function Se() {
+  return /* @__PURE__ */ i(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -285,19 +285,19 @@ function te() {
       strokeLinejoin: "round",
       "aria-hidden": !0,
       children: [
-        /* @__PURE__ */ x("path", { d: "M12 3l1.5 5.5L19 10l-5.5 1.5L12 17l-1.5-5.5L5 10l5.5-1.5z" }),
-        /* @__PURE__ */ x("path", { d: "M19 15l.5 2 2 .5-2 .5-.5 2-.5-2-2-.5 2-.5z" }),
-        /* @__PURE__ */ x("path", { d: "M5 19l.5 1.5 1.5.5-1.5.5-.5 1.5-.5-1.5-1.5-.5 1.5-.5z" })
+        /* @__PURE__ */ t("path", { d: "M12 3l1.5 5.5L19 10l-5.5 1.5L12 17l-1.5-5.5L5 10l5.5-1.5z" }),
+        /* @__PURE__ */ t("path", { d: "M19 15l.5 2 2 .5-2 .5-.5 2-.5-2-2-.5 2-.5z" }),
+        /* @__PURE__ */ t("path", { d: "M5 19l.5 1.5 1.5.5-1.5.5-.5 1.5-.5-1.5-1.5-.5 1.5-.5z" })
       ]
     }
   );
 }
-function ae(r, e) {
-  if (r !== "auto" || !e) return r === "auto" ? "top" : r;
-  const n = e.top, i = window.innerHeight - e.bottom, t = e.left, a = window.innerWidth - e.right, u = Math.max(n, i, t, a);
-  return u === n ? "top" : u === i ? "bottom" : u === a ? "right" : "left";
+function we(n, e) {
+  if (n !== "auto" || !e) return n === "auto" ? "top" : n;
+  const a = e.top, c = window.innerHeight - e.bottom, d = e.left, r = window.innerWidth - e.right, x = Math.max(a, c, d, r);
+  return x === a ? "top" : x === c ? "bottom" : x === r ? "right" : "left";
 }
-function le(r) {
+function ke(n) {
   const e = {
     position: "absolute",
     zIndex: 9999,
@@ -313,7 +313,7 @@ function le(r) {
     boxShadow: "0 4px 16px rgba(0,0,0,0.25)",
     wordWrap: "break-word"
   };
-  switch (r) {
+  switch (n) {
     case "top":
       return { ...e, bottom: "100%", left: "50%", transform: "translateX(-50%)", marginBottom: 6 };
     case "bottom":
@@ -326,74 +326,74 @@ function le(r) {
       return { ...e, bottom: "100%", left: "50%", transform: "translateX(-50%)", marginBottom: 6 };
   }
 }
-const G = j(
+const ue = ce(
   ({
-    context: r,
+    context: n,
     position: e = "auto",
-    debounceMs: n = 500,
-    showOnHover: i = !1,
-    triggerIcon: t,
-    className: a,
-    style: u
-  }, w) => {
-    var k;
-    const d = Y(), [o, y] = O(!1), [T, m] = O(!1), S = E(null), C = E(null), c = g(r, {
-      debounceMs: n,
-      disabled: !T
+    debounceMs: a = 500,
+    showOnHover: c = !1,
+    triggerIcon: d,
+    className: r,
+    style: x
+  }, C) => {
+    var D;
+    const S = oe(), [b, I] = p(!1), [E, R] = p(!1), $ = Q(null), O = Q(null), N = F(n, {
+      debounceMs: a,
+      disabled: !E
     });
-    H(() => {
-      if (!o) return;
-      const h = (b) => {
-        var M, J;
-        const D = b.target;
-        (M = S.current) != null && M.contains(D) || (J = C.current) != null && J.contains(D) || (y(!1), m(!1));
+    Z(() => {
+      if (!b) return;
+      const L = (P) => {
+        var _, V;
+        const j = P.target;
+        (_ = $.current) != null && _.contains(j) || (V = O.current) != null && V.contains(j) || (I(!1), R(!1));
       };
-      return document.addEventListener("mousedown", h), () => document.removeEventListener("mousedown", h);
-    }, [o]), H(() => {
-      if (!o) return;
-      const h = (b) => {
-        b.key === "Escape" && (y(!1), m(!1), c.abort());
+      return document.addEventListener("mousedown", L), () => document.removeEventListener("mousedown", L);
+    }, [b]), Z(() => {
+      if (!b) return;
+      const L = (P) => {
+        P.key === "Escape" && (I(!1), R(!1), N.abort());
       };
-      return document.addEventListener("keydown", h), () => document.removeEventListener("keydown", h);
-    }, [o, c]);
-    const P = I(
-      (h) => {
-        if (h.stopPropagation(), i) return;
-        const b = !o;
-        y(b), m(b);
+      return document.addEventListener("keydown", L), () => document.removeEventListener("keydown", L);
+    }, [b, N]);
+    const U = X(
+      (L) => {
+        if (L.stopPropagation(), c) return;
+        const P = !b;
+        I(P), R(P);
       },
-      [o, i]
-    ), $ = I(() => {
-      i && (y(!0), m(!0));
-    }, [i]), l = I(() => {
-      i && (y(!1), m(!1));
-    }, [i]);
-    if (!d || !d.enabled) return null;
-    const f = ae(
+      [b, c]
+    ), h = X(() => {
+      c && (I(!0), R(!0));
+    }, [c]), v = X(() => {
+      c && (I(!1), R(!1));
+    }, [c]);
+    if (!S || !S.enabled) return null;
+    const f = we(
       e,
-      ((k = S.current) == null ? void 0 : k.getBoundingClientRect()) ?? null
+      ((D = $.current) == null ? void 0 : D.getBoundingClientRect()) ?? null
     );
-    return /* @__PURE__ */ R(
+    return /* @__PURE__ */ i(
       "span",
       {
-        ref: w,
-        className: a,
+        ref: C,
+        className: r,
         style: {
           position: "relative",
           display: "inline-flex",
-          ...u
+          ...x
         },
-        onMouseEnter: $,
-        onMouseLeave: l,
+        onMouseEnter: h,
+        onMouseLeave: v,
         children: [
-          /* @__PURE__ */ x(
+          /* @__PURE__ */ t(
             "button",
             {
-              ref: S,
+              ref: $,
               type: "button",
-              onClick: P,
+              onClick: U,
               "aria-label": "AI hint",
-              "aria-expanded": o,
+              "aria-expanded": b,
               className: "ntd-ai-trigger",
               style: {
                 display: "inline-flex",
@@ -408,19 +408,19 @@ const G = j(
                 opacity: 0.7,
                 transition: "opacity 0.2s, transform 0.2s"
               },
-              children: t ?? /* @__PURE__ */ x(te, {})
+              children: d ?? /* @__PURE__ */ t(Se, {})
             }
           ),
-          o && /* @__PURE__ */ R(
+          b && /* @__PURE__ */ i(
             "div",
             {
-              ref: C,
+              ref: O,
               role: "tooltip",
               className: "ntd-ai-popover",
-              style: le(f),
+              style: ke(f),
               children: [
-                c.loading && !c.text && /* @__PURE__ */ R("div", { className: "ntd-ai-loading", style: { display: "flex", alignItems: "center", gap: 6 }, children: [
-                  /* @__PURE__ */ x(
+                N.loading && !N.text && /* @__PURE__ */ i("div", { className: "ntd-ai-loading", style: { display: "flex", alignItems: "center", gap: 6 }, children: [
+                  /* @__PURE__ */ t(
                     "span",
                     {
                       style: {
@@ -434,11 +434,11 @@ const G = j(
                       }
                     }
                   ),
-                  /* @__PURE__ */ x("span", { style: { opacity: 0.6 }, children: "Thinking..." })
+                  /* @__PURE__ */ t("span", { style: { opacity: 0.6 }, children: "Thinking..." })
                 ] }),
-                c.text && /* @__PURE__ */ R("div", { className: "ntd-ai-content", children: [
-                  c.text,
-                  c.streaming && /* @__PURE__ */ x(
+                N.text && /* @__PURE__ */ i("div", { className: "ntd-ai-content", children: [
+                  N.text,
+                  N.streaming && /* @__PURE__ */ t(
                     "span",
                     {
                       className: "ntd-ai-cursor",
@@ -454,8 +454,8 @@ const G = j(
                     }
                   )
                 ] }),
-                c.error && /* @__PURE__ */ x("div", { className: "ntd-ai-error", style: { color: "var(--ntd-ai-error, #f38ba8)" }, children: c.error }),
-                c.text && !c.streaming && /* @__PURE__ */ R(
+                N.error && /* @__PURE__ */ t("div", { className: "ntd-ai-error", style: { color: "var(--ntd-ai-error, #f38ba8)" }, children: N.error }),
+                N.text && !N.streaming && /* @__PURE__ */ i(
                   "div",
                   {
                     style: {
@@ -467,11 +467,11 @@ const G = j(
                       borderTop: "1px solid var(--ntd-ai-border, #45475a)"
                     },
                     children: [
-                      /* @__PURE__ */ x(
+                      /* @__PURE__ */ t(
                         "button",
                         {
                           type: "button",
-                          onClick: () => c.refresh(),
+                          onClick: () => N.refresh(),
                           className: "ntd-ai-action",
                           style: {
                             fontSize: 11,
@@ -485,13 +485,13 @@ const G = j(
                           children: "↻ Refresh"
                         }
                       ),
-                      /* @__PURE__ */ x(
+                      /* @__PURE__ */ t(
                         "button",
                         {
                           type: "button",
                           onClick: () => {
-                            var h;
-                            (h = navigator.clipboard) == null || h.writeText(c.text);
+                            var L;
+                            (L = navigator.clipboard) == null || L.writeText(N.text);
                           },
                           className: "ntd-ai-action",
                           style: {
@@ -517,67 +517,67 @@ const G = j(
     );
   }
 );
-G.displayName = "NiceAIHintBubble";
-function F(r, e, n) {
+ue.displayName = "NiceAIHintBubble";
+function me(n, e, a) {
   return {
-    fieldLabel: r,
+    fieldLabel: n,
     fieldType: "text",
     fieldValue: e,
     validationRules: {
-      ...(n == null ? void 0 : n.maxLength) != null ? { maxLength: n.maxLength } : {},
-      ...n != null && n.pattern ? { pattern: n.pattern } : {}
+      ...(a == null ? void 0 : a.maxLength) != null ? { maxLength: a.maxLength } : {},
+      ...a != null && a.pattern ? { pattern: a.pattern } : {}
     },
-    customPrompt: n != null && n.placeholder ? `Placeholder: "${n.placeholder}". Suggest content or correct grammar.` : "Suggest content, correct grammar, or auto-complete the text."
+    customPrompt: a != null && a.placeholder ? `Placeholder: "${a.placeholder}". Suggest content or correct grammar.` : "Suggest content, correct grammar, or auto-complete the text."
   };
 }
-function K(r, e, n) {
+function he(n, e, a) {
   return {
-    fieldLabel: r,
+    fieldLabel: n,
     fieldType: "number",
     fieldValue: e,
     validationRules: {
-      ...(n == null ? void 0 : n.min) != null ? { min: n.min } : {},
-      ...(n == null ? void 0 : n.max) != null ? { max: n.max } : {},
-      ...(n == null ? void 0 : n.step) != null ? { step: n.step } : {}
+      ...(a == null ? void 0 : a.min) != null ? { min: a.min } : {},
+      ...(a == null ? void 0 : a.max) != null ? { max: a.max } : {},
+      ...(a == null ? void 0 : a.step) != null ? { step: a.step } : {}
     },
-    customPrompt: n != null && n.unit ? `Unit: ${n.unit}. Suggest a reasonable value or range for this field.` : "Suggest a reasonable value or range for this field based on the label and constraints."
+    customPrompt: a != null && a.unit ? `Unit: ${a.unit}. Suggest a reasonable value or range for this field.` : "Suggest a reasonable value or range for this field based on the label and constraints."
   };
 }
-function _(r, e, n) {
+function ge(n, e, a) {
   return {
-    fieldLabel: r,
-    fieldType: n != null && n.multiple ? "multi-select" : "select",
+    fieldLabel: n,
+    fieldType: a != null && a.multiple ? "multi-select" : "select",
     fieldValue: e,
-    schema: n != null && n.options ? { availableOptions: n.options.slice(0, 20).map((i) => i.label) } : {},
+    schema: a != null && a.options ? { availableOptions: a.options.slice(0, 20).map((c) => c.label) } : {},
     customPrompt: "Suggest the most likely selection. Explain why this option is recommended."
   };
 }
-function X(r, e, n) {
-  const i = e instanceof Date ? e.toISOString().split("T")[0] : e;
+function fe(n, e, a) {
+  const c = e instanceof Date ? e.toISOString().split("T")[0] : e;
   return {
-    fieldLabel: r,
+    fieldLabel: n,
     fieldType: "date",
-    fieldValue: i,
+    fieldValue: c,
     validationRules: {
-      ...n != null && n.min ? { min: n.min } : {},
-      ...n != null && n.max ? { max: n.max } : {},
-      ...n != null && n.disableWeekends ? { noWeekends: !0 } : {}
+      ...a != null && a.min ? { min: a.min } : {},
+      ...a != null && a.max ? { max: a.max } : {},
+      ...a != null && a.disableWeekends ? { noWeekends: !0 } : {}
     },
     customPrompt: 'Suggest a date. For example: "next business day", "end of month", "in 2 weeks". Explain your suggestion briefly.'
   };
 }
-function U(r, e, n) {
+function be(n, e, a) {
   return {
-    fieldLabel: r,
+    fieldLabel: n,
     fieldType: "color",
     fieldValue: e,
-    schema: n != null && n.palette ? { currentPalette: n.palette } : {},
-    customPrompt: n != null && n.industry ? `Industry: ${n.industry}. Suggest a color palette (3-5 hex colors) suitable for this context.` : "Suggest a color or palette of colors that works well for this context. Provide hex values."
+    schema: a != null && a.palette ? { currentPalette: a.palette } : {},
+    customPrompt: a != null && a.industry ? `Industry: ${a.industry}. Suggest a color palette (3-5 hex colors) suitable for this context.` : "Suggest a color or palette of colors that works well for this context. Provide hex values."
   };
 }
-function ve(r, e) {
+function _e(n, e) {
   return {
-    fieldLabel: r,
+    fieldLabel: n,
     fieldType: "data-grid",
     schema: {
       ...e != null && e.columns ? { columns: e.columns } : {},
@@ -590,9 +590,9 @@ function ve(r, e) {
     customPrompt: "Suggest column configuration, useful filters, or highlight potential data anomalies."
   };
 }
-function we(r, e) {
+function Ve(n, e) {
   return {
-    fieldLabel: r,
+    fieldLabel: n,
     fieldType: "chart",
     schema: {
       ...e != null && e.currentType ? { chartType: e.currentType } : {},
@@ -602,338 +602,338 @@ function we(r, e) {
     customPrompt: e != null && e.dataDescription ? `Data: ${e.dataDescription}. Suggest the best chart type and labeling strategy.` : "Suggest the most effective chart type for this data. Explain your recommendation."
   };
 }
-function ue(r, e) {
+function Te(n, e) {
   return {
     fieldLabel: "Form auto-fill",
     fieldType: "form",
     schema: { fields: e },
-    customPrompt: `User description: "${r}"
-Parse this description and return suggested values for each field as JSON: { ${e.map((n) => `"${n.label}": "value"`).join(", ")} }`
+    customPrompt: `User description: "${n}"
+Parse this description and return suggested values for each field as JSON: { ${e.map((a) => `"${a.label}": "value"`).join(", ")} }`
   };
 }
-function ce(r, e, n, i, t) {
+function $e(n, e, a, c, d) {
   return {
-    fieldLabel: r,
+    fieldLabel: n,
     fieldType: e,
-    fieldValue: n,
-    validationRules: t == null ? void 0 : t.rules,
-    customPrompt: `Current validation error: "${i}". Provide a friendly, specific error message with an example of a valid value. Do NOT say "field is required" — instead explain what the user should enter.`
+    fieldValue: a,
+    validationRules: d == null ? void 0 : d.rules,
+    customPrompt: `Current validation error: "${c}". Provide a friendly, specific error message with an example of a valid value. Do NOT say "field is required" — instead explain what the user should enter.`
   };
 }
-function Te(r, e, n) {
-  const i = s(
-    () => F(r, e, n),
-    [r, e, n == null ? void 0 : n.placeholder, n == null ? void 0 : n.maxLength, n == null ? void 0 : n.pattern]
+function He(n, e, a) {
+  const c = B(
+    () => me(n, e, a),
+    [n, e, a == null ? void 0 : a.placeholder, a == null ? void 0 : a.maxLength, a == null ? void 0 : a.pattern]
   );
-  return g(i, n);
+  return F(c, a);
 }
-function $e(r, e, n) {
-  const i = s(
-    () => K(r, e, n),
-    [r, e, n == null ? void 0 : n.min, n == null ? void 0 : n.max, n == null ? void 0 : n.step, n == null ? void 0 : n.unit]
+function Ke(n, e, a) {
+  const c = B(
+    () => he(n, e, a),
+    [n, e, a == null ? void 0 : a.min, a == null ? void 0 : a.max, a == null ? void 0 : a.step, a == null ? void 0 : a.unit]
   );
-  return g(i, n);
+  return F(c, a);
 }
-function Pe(r, e, n) {
-  const i = s(
-    () => _(r, e, n),
-    [r, e, n == null ? void 0 : n.multiple]
+function Ge(n, e, a) {
+  const c = B(
+    () => ge(n, e, a),
+    [n, e, a == null ? void 0 : a.multiple]
   );
-  return g(i, n);
+  return F(c, a);
 }
-function Le(r, e, n) {
-  const i = s(
-    () => X(r, e, n),
-    [r, e, n == null ? void 0 : n.min, n == null ? void 0 : n.max, n == null ? void 0 : n.disableWeekends]
+function We(n, e, a) {
+  const c = B(
+    () => fe(n, e, a),
+    [n, e, a == null ? void 0 : a.min, a == null ? void 0 : a.max, a == null ? void 0 : a.disableWeekends]
   );
-  return g(i, n);
+  return F(c, a);
 }
-function Re(r, e, n) {
-  const i = s(
-    () => U(r, e, n),
-    [r, e, n == null ? void 0 : n.industry]
+function Ye(n, e, a) {
+  const c = B(
+    () => be(n, e, a),
+    [n, e, a == null ? void 0 : a.industry]
   );
-  return g(i, n);
+  return F(c, a);
 }
-function Ie(r, e, n, i, t) {
-  const a = s(
-    () => i ? ce(r, e, n, i, t) : { fieldLabel: r, fieldType: e },
-    [r, e, n, i]
+function Xe(n, e, a, c, d) {
+  const r = B(
+    () => c ? $e(n, e, a, c, d) : { fieldLabel: n, fieldType: e },
+    [n, e, a, c]
   );
-  return g(a, { ...t, disabled: !i || (t == null ? void 0 : t.disabled) });
+  return F(r, { ...d, disabled: !c || (d == null ? void 0 : d.disabled) });
 }
-function Ne(r, e, n) {
-  const i = s(
-    () => r ? ue(r, e) : { fieldLabel: "Form" },
-    [r, e]
+function Qe(n, e, a) {
+  const c = B(
+    () => n ? Te(n, e) : { fieldLabel: "Form" },
+    [n, e]
   );
-  return g(i, {
-    ...n,
-    disabled: !r || (n == null ? void 0 : n.disabled)
+  return F(c, {
+    ...a,
+    disabled: !n || (a == null ? void 0 : a.disabled)
   });
 }
-function de(r, e, n) {
-  const t = (e == null ? void 0 : e.split(`
-`)) ?? [], a = (n == null ? void 0 : n.cursorLine) != null ? t.slice(Math.max(0, n.cursorLine - 8), n.cursorLine + 3).join(`
-`) : t.slice(0, 8 * 2).join(`
+function Ie(n, e, a) {
+  const d = (e == null ? void 0 : e.split(`
+`)) ?? [], r = (a == null ? void 0 : a.cursorLine) != null ? d.slice(Math.max(0, a.cursorLine - 8), a.cursorLine + 3).join(`
+`) : d.slice(0, 8 * 2).join(`
 `);
   return {
-    fieldLabel: `Code editor (${r})`,
+    fieldLabel: `Code editor (${n})`,
     fieldType: "code-editor",
-    fieldValue: a || e,
+    fieldValue: r || e,
     schema: {
-      language: r,
-      ...n != null && n.framework ? { framework: n.framework } : {},
-      ...(n == null ? void 0 : n.cursorLine) != null ? { cursorLine: n.cursorLine, cursorCol: n.cursorCol } : {}
+      language: n,
+      ...a != null && a.framework ? { framework: a.framework } : {},
+      ...(a == null ? void 0 : a.cursorLine) != null ? { cursorLine: a.cursorLine, cursorCol: a.cursorCol } : {}
     },
-    customPrompt: `Language: ${r}${n != null && n.framework ? `, framework: ${n.framework}` : ""}.
-Provide a concise inline completion or improvement hint for the code near the cursor. Limit response to ${(n == null ? void 0 : n.maxSuggestLines) ?? 5} lines of code. If unsure, suggest the most idiomatic approach for this language/framework.`
+    customPrompt: `Language: ${n}${a != null && a.framework ? `, framework: ${a.framework}` : ""}.
+Provide a concise inline completion or improvement hint for the code near the cursor. Limit response to ${(a == null ? void 0 : a.maxSuggestLines) ?? 5} lines of code. If unsure, suggest the most idiomatic approach for this language/framework.`
   };
 }
-function se(r, e, n) {
-  var a;
-  const i = (n == null ? void 0 : n.mode) ?? "grammar", t = {
+function Re(n, e, a) {
+  var r;
+  const c = (a == null ? void 0 : a.mode) ?? "grammar", d = {
     seo: "Analyze this HTML for SEO: missing meta tags, heading hierarchy (h1→h2→h3), keyword density, image alt attributes. Return a prioritized list of improvements.",
     accessibility: "Audit this HTML for WCAG 2.1 AA issues: missing aria labels, alt text, heading structure, color contrast hints, keyboard navigation. List specific fixes.",
     grammar: "Fix grammar, punctuation, and writing style in the visible text content. Return the corrected text only (no HTML tags in response).",
     cleanup: "Clean up malformed, redundant, or overly nested HTML. Simplify structure while preserving semantics and content."
   };
   return {
-    fieldLabel: r,
+    fieldLabel: n,
     fieldType: "html-editor",
     fieldValue: e == null ? void 0 : e.slice(0, 2e3),
     schema: {
-      mode: i,
-      ...(a = n == null ? void 0 : n.targetKeywords) != null && a.length ? { targetKeywords: n.targetKeywords } : {},
-      ...n != null && n.locale ? { locale: n.locale } : {}
+      mode: c,
+      ...(r = a == null ? void 0 : a.targetKeywords) != null && r.length ? { targetKeywords: a.targetKeywords } : {},
+      ...a != null && a.locale ? { locale: a.locale } : {}
     },
-    customPrompt: t[i]
+    customPrompt: d[c]
   };
 }
-function oe(r, e) {
-  const n = (e == null ? void 0 : e.mode) ?? "tag", i = `"${r}"` + ((e == null ? void 0 : e.bpm) != null ? `, BPM: ${e.bpm}` : "") + (e != null && e.key ? `, Key: ${e.key}` : "") + (e != null && e.genre ? `, Genre: ${e.genre}` : "") + ((e == null ? void 0 : e.duration) != null ? `, Duration: ${e.duration}s` : ""), t = {
-    tag: `Audio: ${i}. Suggest genre tags, mood descriptors and playlist categories. Return as JSON array of strings.`,
-    bpm: `Audio: ${i}. Suggest likely BPM range and musical key based on metadata. Return as JSON: { bpm: number, key: string }.`,
-    mix: `Track: ${i}. Suggest EQ curve (JSON array of {freq, gain, q}), compression settings, and 2-3 compatible tracks for mixing.`,
+function Pe(n, e) {
+  const a = (e == null ? void 0 : e.mode) ?? "tag", c = `"${n}"` + ((e == null ? void 0 : e.bpm) != null ? `, BPM: ${e.bpm}` : "") + (e != null && e.key ? `, Key: ${e.key}` : "") + (e != null && e.genre ? `, Genre: ${e.genre}` : "") + ((e == null ? void 0 : e.duration) != null ? `, Duration: ${e.duration}s` : ""), d = {
+    tag: `Audio: ${c}. Suggest genre tags, mood descriptors and playlist categories. Return as JSON array of strings.`,
+    bpm: `Audio: ${c}. Suggest likely BPM range and musical key based on metadata. Return as JSON: { bpm: number, key: string }.`,
+    mix: `Track: ${c}. Suggest EQ curve (JSON array of {freq, gain, q}), compression settings, and 2-3 compatible tracks for mixing.`,
     transcribe: "Return a transcription of the spoken audio content as JSON: { transcript: string, language: string, confidence: number }."
   };
   return {
-    fieldLabel: `Audio: ${r}`,
+    fieldLabel: `Audio: ${n}`,
     fieldType: "audio",
     schema: {
-      mode: n,
+      mode: a,
       ...(e == null ? void 0 : e.bpm) != null ? { bpm: e.bpm } : {},
       ...e != null && e.key ? { key: e.key } : {},
       ...(e == null ? void 0 : e.duration) != null ? { duration: e.duration } : {},
       ...e != null && e.genre ? { genre: e.genre } : {}
     },
-    customPrompt: t[n]
+    customPrompt: d[a]
   };
 }
-function me(r, e) {
-  var a;
-  const n = (e == null ? void 0 : e.mode) ?? "material", i = (e == null ? void 0 : e.targetDevice) ?? "web", t = {
-    material: `Scene "${r}", ${(e == null ? void 0 : e.meshCount) ?? "?"} meshes. Materials: ${((a = e == null ? void 0 : e.materials) == null ? void 0 : a.join(", ")) || "none"}. Suggest PBR properties (roughness, metalness, baseColor) and texture maps for each material.`,
-    optimize: `Scene "${r}", triangles: ${(e == null ? void 0 : e.triangleCount) ?? "?"}, target: ${i}. Identify budget issues and suggest LOD levels, mesh merging, and texture atlas strategy.`,
-    lighting: `Scene "${r}", target: ${i}. Suggest a complete lighting setup (types, intensity, color, shadow settings) for realistic rendering.`,
-    animation: `Rig in scene "${r}". Suggest animation approach (FK/IK, bone count), keyframe timing and easing curves for natural movement.`
+function Le(n, e) {
+  var r;
+  const a = (e == null ? void 0 : e.mode) ?? "material", c = (e == null ? void 0 : e.targetDevice) ?? "web", d = {
+    material: `Scene "${n}", ${(e == null ? void 0 : e.meshCount) ?? "?"} meshes. Materials: ${((r = e == null ? void 0 : e.materials) == null ? void 0 : r.join(", ")) || "none"}. Suggest PBR properties (roughness, metalness, baseColor) and texture maps for each material.`,
+    optimize: `Scene "${n}", triangles: ${(e == null ? void 0 : e.triangleCount) ?? "?"}, target: ${c}. Identify budget issues and suggest LOD levels, mesh merging, and texture atlas strategy.`,
+    lighting: `Scene "${n}", target: ${c}. Suggest a complete lighting setup (types, intensity, color, shadow settings) for realistic rendering.`,
+    animation: `Rig in scene "${n}". Suggest animation approach (FK/IK, bone count), keyframe timing and easing curves for natural movement.`
   };
   return {
-    fieldLabel: `3D scene: ${r}`,
+    fieldLabel: `3D scene: ${n}`,
     fieldType: "3d-scene",
     schema: {
-      mode: n,
+      mode: a,
       ...(e == null ? void 0 : e.meshCount) != null ? { meshes: e.meshCount } : {},
       ...(e == null ? void 0 : e.triangleCount) != null ? { triangles: e.triangleCount } : {},
       ...e != null && e.targetDevice ? { target: e.targetDevice } : {}
     },
-    customPrompt: t[n]
+    customPrompt: d[a]
   };
 }
-function ge(r, e) {
-  const n = (e == null ? void 0 : e.mode) ?? "palette", i = (e == null ? void 0 : e.width) != null ? `${e.width}×${e.height ?? "?"}px` : "unknown dimensions", t = {
-    filter: `Image "${r}" (${i}). Suggest CSS/SVG filter parameters (brightness, contrast, saturate, hue-rotate, blur) as JSON: { brightness, contrast, saturate, hueRotate, blur }.`,
-    palette: `Image "${r}". Extract or suggest a harmonious 5-color palette as JSON: { primary, secondary, accent, background, text }.`,
-    upscale: `Image "${r}" at ${i}. Recommend upscaling strategy: model (ESRGAN/RealSR/SRCNN), scale factor, and expected quality gain.`,
-    "style-transfer": `Image "${r}", target style: "${(e == null ? void 0 : e.targetStyle) ?? "artistic"}". Suggest style-transfer settings as JSON: { contentWeight, styleWeight, iterations, patchSize }.`
+function Ae(n, e) {
+  const a = (e == null ? void 0 : e.mode) ?? "palette", c = (e == null ? void 0 : e.width) != null ? `${e.width}×${e.height ?? "?"}px` : "unknown dimensions", d = {
+    filter: `Image "${n}" (${c}). Suggest CSS/SVG filter parameters (brightness, contrast, saturate, hue-rotate, blur) as JSON: { brightness, contrast, saturate, hueRotate, blur }.`,
+    palette: `Image "${n}". Extract or suggest a harmonious 5-color palette as JSON: { primary, secondary, accent, background, text }.`,
+    upscale: `Image "${n}" at ${c}. Recommend upscaling strategy: model (ESRGAN/RealSR/SRCNN), scale factor, and expected quality gain.`,
+    "style-transfer": `Image "${n}", target style: "${(e == null ? void 0 : e.targetStyle) ?? "artistic"}". Suggest style-transfer settings as JSON: { contentWeight, styleWeight, iterations, patchSize }.`
   };
   return {
-    fieldLabel: `Graphics: ${r}`,
+    fieldLabel: `Graphics: ${n}`,
     fieldType: "graphics",
     schema: {
-      mode: n,
+      mode: a,
       ...(e == null ? void 0 : e.width) != null ? { width: e.width, height: e.height } : {},
       ...e != null && e.targetStyle ? { targetStyle: e.targetStyle } : {}
     },
-    customPrompt: t[n]
+    customPrompt: d[a]
   };
 }
-function fe(r, e) {
-  var n;
+function Me(n, e) {
+  var a;
   return {
     fieldLabel: "Icon search",
     fieldType: "icon-picker",
-    fieldValue: r,
+    fieldValue: n,
     schema: {
       ...e != null && e.style ? { iconStyle: e.style } : {},
       ...(e == null ? void 0 : e.limit) != null ? { maxResults: e.limit } : {},
-      ...(n = e == null ? void 0 : e.availableIcons) != null && n.length ? { sampleIcons: e.availableIcons.slice(0, 30) } : {}
+      ...(a = e == null ? void 0 : e.availableIcons) != null && a.length ? { sampleIcons: e.availableIcons.slice(0, 30) } : {}
     },
-    customPrompt: `User query: "${r}"
+    customPrompt: `User query: "${n}"
 Return the ${(e == null ? void 0 : e.limit) ?? 5} most semantically relevant icon names from the available set as a JSON array of strings, ordered by relevance. Prefer specific over generic names.`
   };
 }
-function Ae(r, e, n) {
-  const i = s(
-    () => de(r, e, n),
+function Ze(n, e, a) {
+  const c = B(
+    () => Ie(n, e, a),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [r, e, n == null ? void 0 : n.cursorLine, n == null ? void 0 : n.cursorCol, n == null ? void 0 : n.framework]
+    [n, e, a == null ? void 0 : a.cursorLine, a == null ? void 0 : a.cursorCol, a == null ? void 0 : a.framework]
   );
-  return g(i, n);
+  return F(c, a);
 }
-function Oe(r, e, n) {
-  const i = s(
-    () => se(r, e, n),
+function ea(n, e, a) {
+  const c = B(
+    () => Re(n, e, a),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [r, e, n == null ? void 0 : n.mode, n == null ? void 0 : n.locale]
+    [n, e, a == null ? void 0 : a.mode, a == null ? void 0 : a.locale]
   );
-  return g(i, n);
+  return F(c, a);
 }
-function Me(r, e) {
-  const n = s(
-    () => oe(r, e),
+function aa(n, e) {
+  const a = B(
+    () => Pe(n, e),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [r, e == null ? void 0 : e.bpm, e == null ? void 0 : e.key, e == null ? void 0 : e.duration, e == null ? void 0 : e.mode]
+    [n, e == null ? void 0 : e.bpm, e == null ? void 0 : e.key, e == null ? void 0 : e.duration, e == null ? void 0 : e.mode]
   );
-  return g(n, e);
+  return F(a, e);
 }
-function Je(r, e) {
-  const n = s(
-    () => me(r, e),
+function ta(n, e) {
+  const a = B(
+    () => Le(n, e),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [r, e == null ? void 0 : e.meshCount, e == null ? void 0 : e.triangleCount, e == null ? void 0 : e.targetDevice, e == null ? void 0 : e.mode]
+    [n, e == null ? void 0 : e.meshCount, e == null ? void 0 : e.triangleCount, e == null ? void 0 : e.targetDevice, e == null ? void 0 : e.mode]
   );
-  return g(n, e);
+  return F(a, e);
 }
-function Ee(r, e) {
-  const n = s(
-    () => ge(r, e),
+function na(n, e) {
+  const a = B(
+    () => Ae(n, e),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [r, e == null ? void 0 : e.width, e == null ? void 0 : e.height, e == null ? void 0 : e.mode, e == null ? void 0 : e.targetStyle]
+    [n, e == null ? void 0 : e.width, e == null ? void 0 : e.height, e == null ? void 0 : e.mode, e == null ? void 0 : e.targetStyle]
   );
-  return g(n, e);
+  return F(a, e);
 }
-function De(r, e) {
-  const n = s(
-    () => fe(r, e),
+function ia(n, e) {
+  const a = B(
+    () => Me(n, e),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [r, e == null ? void 0 : e.limit, e == null ? void 0 : e.style]
+    [n, e == null ? void 0 : e.limit, e == null ? void 0 : e.style]
   );
-  return g(n, { ...e, disabled: !r || (e == null ? void 0 : e.disabled) });
+  return F(a, { ...e, disabled: !n || (e == null ? void 0 : e.disabled) });
 }
-function he(r, e) {
-  var a;
-  const n = (e == null ? void 0 : e.mode) ?? "npc-decision", i = (e == null ? void 0 : e.genre) ?? "fantasy", t = {
-    "npc-decision": `You are an AI game director. The NPC "${r}" must make a decision. Available BT nodes: ${JSON.stringify((e == null ? void 0 : e.btStatus) ?? [])}. Game state: ${JSON.stringify((e == null ? void 0 : e.gameState) ?? {})}. Return the name of the BT node to activate next, and one sentence of reasoning.`,
-    dialogue: `You are a ${i} RPG writer. Write a short in-character dialogue line for NPC "${r}". Game state: ${JSON.stringify((e == null ? void 0 : e.gameState) ?? {})}. Max 2 sentences, no narrative descriptions.`,
-    "procedural-level": `You are a ${i} game designer. Suggest a procedural level layout for a zone containing "${r}". Describe room count, enemy placement, loot, and one unique mechanic. Keep it under 150 words.`,
-    "quest-description": `You are a ${i} quest designer. Write a compelling quest description involving "${r}". Include: objective, giver NPC, rewards, and a short flavour paragraph. Keep it under 120 words.`,
-    "item-description": `You are a ${i} lore writer. Write a short item description for an item related to "${r}". Include: item name, rarity, flavour text, and one special property. Keep it under 80 words.`
+function Oe(n, e) {
+  var r;
+  const a = (e == null ? void 0 : e.mode) ?? "npc-decision", c = (e == null ? void 0 : e.genre) ?? "fantasy", d = {
+    "npc-decision": `You are an AI game director. The NPC "${n}" must make a decision. Available BT nodes: ${JSON.stringify((e == null ? void 0 : e.btStatus) ?? [])}. Game state: ${JSON.stringify((e == null ? void 0 : e.gameState) ?? {})}. Return the name of the BT node to activate next, and one sentence of reasoning.`,
+    dialogue: `You are a ${c} RPG writer. Write a short in-character dialogue line for NPC "${n}". Game state: ${JSON.stringify((e == null ? void 0 : e.gameState) ?? {})}. Max 2 sentences, no narrative descriptions.`,
+    "procedural-level": `You are a ${c} game designer. Suggest a procedural level layout for a zone containing "${n}". Describe room count, enemy placement, loot, and one unique mechanic. Keep it under 150 words.`,
+    "quest-description": `You are a ${c} quest designer. Write a compelling quest description involving "${n}". Include: objective, giver NPC, rewards, and a short flavour paragraph. Keep it under 120 words.`,
+    "item-description": `You are a ${c} lore writer. Write a short item description for an item related to "${n}". Include: item name, rarity, flavour text, and one special property. Keep it under 80 words.`
   };
   return {
-    fieldLabel: r,
-    fieldType: `game-engine:${n}`,
+    fieldLabel: n,
+    fieldType: `game-engine:${a}`,
     fieldValue: e == null ? void 0 : e.gameState,
-    customPrompt: t[n],
+    customPrompt: d[a],
     schema: {
-      genre: i,
-      mode: n,
-      btNodes: (a = e == null ? void 0 : e.btStatus) == null ? void 0 : a.map((u) => u.node)
+      genre: c,
+      mode: a,
+      btNodes: (r = e == null ? void 0 : e.btStatus) == null ? void 0 : r.map((x) => x.node)
     }
   };
 }
-function ze(r, e) {
-  const n = s(
-    () => he(r, e),
+function ra(n, e) {
+  const a = B(
+    () => Oe(n, e),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [r, e == null ? void 0 : e.mode, e == null ? void 0 : e.genre, JSON.stringify(e == null ? void 0 : e.btStatus), JSON.stringify(e == null ? void 0 : e.gameState)]
+    [n, e == null ? void 0 : e.mode, e == null ? void 0 : e.genre, JSON.stringify(e == null ? void 0 : e.btStatus), JSON.stringify(e == null ? void 0 : e.gameState)]
   );
-  return g(n, e);
+  return F(a, e);
 }
-function ye(r, e, n) {
-  const i = (n == null ? void 0 : n.mode) ?? "layout", t = (n == null ? void 0 : n.diagramType) ?? "flowchart", a = {
-    layout: `You are a diagram layout optimizer. Given this ${t} with ${r.length} nodes and ${e.length} edges, suggest optimal positions for each node to minimize edge crossings and improve readability. Return JSON: { suggestions: [{ id: string, x: number, y: number, reason: string }] }. Consider flow direction (top-to-bottom or left-to-right) and grouping related nodes.`,
-    structure: `You are a diagram analyst. Analyze this ${t} structure. Identify: 1) Missing connections, 2) Potential bottlenecks, 3) Orphan nodes, 4) Cycles or loops. Return JSON: { issues: [{ type: string, description: string, nodeIds: string[] }], score: number }`,
-    simplify: `You are a diagram simplifier. Suggest how to simplify this ${t} while preserving meaning. Identify: nodes that could be merged, redundant edges, or overly complex branches. Return JSON: { simplifications: [{ action: 'merge'|'remove'|'group', ids: string[], reason: string }] }`,
-    group: `You are a diagram organizer. Suggest logical groupings for nodes in this ${t}. Consider semantic relationships, data flow patterns, and visual clustering. Return JSON: { groups: [{ name: string, nodeIds: string[], color?: string }] }`
-  }, u = r.map((d) => {
-    var o;
+function De(n, e, a) {
+  const c = (a == null ? void 0 : a.mode) ?? "layout", d = (a == null ? void 0 : a.diagramType) ?? "flowchart", r = {
+    layout: `You are a diagram layout optimizer. Given this ${d} with ${n.length} nodes and ${e.length} edges, suggest optimal positions for each node to minimize edge crossings and improve readability. Return JSON: { suggestions: [{ id: string, x: number, y: number, reason: string }] }. Consider flow direction (top-to-bottom or left-to-right) and grouping related nodes.`,
+    structure: `You are a diagram analyst. Analyze this ${d} structure. Identify: 1) Missing connections, 2) Potential bottlenecks, 3) Orphan nodes, 4) Cycles or loops. Return JSON: { issues: [{ type: string, description: string, nodeIds: string[] }], score: number }`,
+    simplify: `You are a diagram simplifier. Suggest how to simplify this ${d} while preserving meaning. Identify: nodes that could be merged, redundant edges, or overly complex branches. Return JSON: { simplifications: [{ action: 'merge'|'remove'|'group', ids: string[], reason: string }] }`,
+    group: `You are a diagram organizer. Suggest logical groupings for nodes in this ${d}. Consider semantic relationships, data flow patterns, and visual clustering. Return JSON: { groups: [{ name: string, nodeIds: string[], color?: string }] }`
+  }, x = n.map((S) => {
+    var b;
     return {
-      id: d.id,
-      type: d.type,
-      label: (o = d.label) == null ? void 0 : o.slice(0, 30),
-      pos: [Math.round(d.x), Math.round(d.y)]
+      id: S.id,
+      type: S.type,
+      label: (b = S.label) == null ? void 0 : b.slice(0, 30),
+      pos: [Math.round(S.x), Math.round(S.y)]
     };
-  }), w = e.map((d) => ({
-    id: d.id,
-    src: d.source,
-    tgt: d.target
+  }), C = e.map((S) => ({
+    id: S.id,
+    src: S.source,
+    tgt: S.target
   }));
   return {
-    fieldLabel: `Diagram (${t})`,
-    fieldType: `diagram:${i}`,
-    fieldValue: JSON.stringify({ nodes: u, edges: w }),
+    fieldLabel: `Diagram (${d})`,
+    fieldType: `diagram:${c}`,
+    fieldValue: JSON.stringify({ nodes: x, edges: C }),
     schema: {
-      diagramType: t,
-      mode: i,
-      nodeCount: r.length,
+      diagramType: d,
+      mode: c,
+      nodeCount: n.length,
       edgeCount: e.length,
-      containerSize: n == null ? void 0 : n.containerSize
+      containerSize: a == null ? void 0 : a.containerSize
     },
-    customPrompt: a[i]
+    customPrompt: r[c]
   };
 }
-function He(r, e, n) {
-  const i = s(
-    () => ye(r, e, n),
+function la(n, e, a) {
+  const c = B(
+    () => De(n, e, a),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [JSON.stringify(r), JSON.stringify(e), n == null ? void 0 : n.mode, n == null ? void 0 : n.diagramType]
+    [JSON.stringify(n), JSON.stringify(e), a == null ? void 0 : a.mode, a == null ? void 0 : a.diagramType]
   );
-  return g(i, { ...n, disabled: r.length === 0 || (n == null ? void 0 : n.disabled) });
+  return F(c, { ...a, disabled: n.length === 0 || (a == null ? void 0 : a.disabled) });
 }
-function be(r, e) {
-  const n = (e == null ? void 0 : e.mode) ?? "generate", i = (e == null ? void 0 : e.presentationType) ?? "business", t = (e == null ? void 0 : e.duration) ?? 15, a = Math.ceil(t / 2), u = {
-    generate: `You are a presentation designer. Create a ${i} presentation outline based on: "${r}". Target audience: ${(e == null ? void 0 : e.audience) ?? "general"}. Duration: ${t} minutes (~${a} slides). Return JSON: { title: string, slides: [{ title: string, layout: 'title'|'content'|'two-column'|'chart'|'image', bullets?: string[], chartType?: string, speakerNotes?: string }] }. Include: clear slide titles, 3-5 bullet points per content slide, and brief speaker notes.`,
-    summarize: `You are a presentation optimizer. Summarize this presentation to be more concise: "${r}". Reduce slide count by 30% while preserving key messages. Return JSON: { summary: string, reducedSlides: [{ title: string, keyPoints: string[] }] }`,
-    expand: `You are a presentation expert. Expand this brief outline into a detailed presentation: "${r}". Add supporting details, examples, and transitions. Target: ${a} slides. Return JSON: { slides: [{ title: string, content: string, transitions?: string, animations?: string[] }] }`,
-    improve: `You are a presentation coach. Review and improve this presentation structure: "${r}". Suggest: better flow, stronger opening/closing, clearer data visualization. Return JSON: { improvements: [{ slide: number, issue: string, suggestion: string }], score: number }`
+function Ee(n, e) {
+  const a = (e == null ? void 0 : e.mode) ?? "generate", c = (e == null ? void 0 : e.presentationType) ?? "business", d = (e == null ? void 0 : e.duration) ?? 15, r = Math.ceil(d / 2), x = {
+    generate: `You are a presentation designer. Create a ${c} presentation outline based on: "${n}". Target audience: ${(e == null ? void 0 : e.audience) ?? "general"}. Duration: ${d} minutes (~${r} slides). Return JSON: { title: string, slides: [{ title: string, layout: 'title'|'content'|'two-column'|'chart'|'image', bullets?: string[], chartType?: string, speakerNotes?: string }] }. Include: clear slide titles, 3-5 bullet points per content slide, and brief speaker notes.`,
+    summarize: `You are a presentation optimizer. Summarize this presentation to be more concise: "${n}". Reduce slide count by 30% while preserving key messages. Return JSON: { summary: string, reducedSlides: [{ title: string, keyPoints: string[] }] }`,
+    expand: `You are a presentation expert. Expand this brief outline into a detailed presentation: "${n}". Add supporting details, examples, and transitions. Target: ${r} slides. Return JSON: { slides: [{ title: string, content: string, transitions?: string, animations?: string[] }] }`,
+    improve: `You are a presentation coach. Review and improve this presentation structure: "${n}". Suggest: better flow, stronger opening/closing, clearer data visualization. Return JSON: { improvements: [{ slide: number, issue: string, suggestion: string }], score: number }`
   };
   return {
-    fieldLabel: `Presentation (${i})`,
-    fieldType: `presentation:${n}`,
-    fieldValue: r,
+    fieldLabel: `Presentation (${c})`,
+    fieldType: `presentation:${a}`,
+    fieldValue: n,
     schema: {
-      presentationType: i,
-      mode: n,
-      duration: t,
-      slideCount: a,
+      presentationType: c,
+      mode: a,
+      duration: d,
+      slideCount: r,
       audience: e == null ? void 0 : e.audience,
       hasData: (e == null ? void 0 : e.dataContext) != null
     },
-    customPrompt: u[n]
+    customPrompt: x[a]
   };
 }
-function Ve(r, e) {
-  const n = s(
-    () => be(r, e),
+function sa(n, e) {
+  const a = B(
+    () => Ee(n, e),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [r, e == null ? void 0 : e.mode, e == null ? void 0 : e.presentationType, e == null ? void 0 : e.duration, e == null ? void 0 : e.audience]
+    [n, e == null ? void 0 : e.mode, e == null ? void 0 : e.presentationType, e == null ? void 0 : e.duration, e == null ? void 0 : e.audience]
   );
-  return g(n, { ...e, disabled: !r || (e == null ? void 0 : e.disabled) });
+  return F(a, { ...e, disabled: !n || (e == null ? void 0 : e.disabled) });
 }
-function xe(r, e) {
-  var t;
-  const n = (e == null ? void 0 : e.mode) ?? "all", i = {
+function Je(n, e) {
+  var d;
+  const a = (e == null ? void 0 : e.mode) ?? "all", c = {
     alignment: "Analyze element alignment on this slide. Suggest adjustments to create visual harmony. Return JSON: { suggestions: [{ elementIndex: number, issue: string, fixX?: number, fixY?: number }] }",
     contrast: "Analyze color contrast and readability. Suggest improvements for accessibility (WCAG AA). Return JSON: { suggestions: [{ area: string, currentContrast: number, suggestedFix: string }] }",
     spacing: "Analyze whitespace and element spacing. Apply the rule of thirds and consistent margins. Return JSON: { suggestions: [{ elementIndex: number, issue: string, suggestedMargin: number }] }",
@@ -941,138 +941,1874 @@ function xe(r, e) {
     all: "Perform a complete design review of this slide. Check alignment, contrast, spacing, and typography. Return JSON: { score: number, suggestions: [{ category: string, issue: string, fix: string }] }. Prioritize issues by impact on visual clarity."
   };
   return {
-    fieldLabel: r.title ?? "Slide Design",
-    fieldType: `slide-design:${n}`,
-    fieldValue: JSON.stringify(r),
+    fieldLabel: n.title ?? "Slide Design",
+    fieldType: `slide-design:${a}`,
+    fieldValue: JSON.stringify(n),
     schema: {
-      mode: n,
-      hasElements: (((t = r.elements) == null ? void 0 : t.length) ?? 0) > 0,
-      layout: r.layout,
+      mode: a,
+      hasElements: (((d = n.elements) == null ? void 0 : d.length) ?? 0) > 0,
+      layout: n.layout,
       brandColors: e == null ? void 0 : e.brandColors
     },
-    customPrompt: i[n]
+    customPrompt: c[a]
   };
 }
-function qe(r, e) {
-  const n = s(
-    () => xe(r, e),
+function ca(n, e) {
+  const a = B(
+    () => Je(n, e),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [JSON.stringify(r), e == null ? void 0 : e.mode, JSON.stringify(e == null ? void 0 : e.brandColors)]
+    [JSON.stringify(n), e == null ? void 0 : e.mode, JSON.stringify(e == null ? void 0 : e.brandColors)]
   );
-  return g(n, e);
+  return F(a, e);
 }
-function We(r, e, n) {
-  const i = j((t, a) => {
+function da(n, e, a) {
+  const c = ce((d, r) => {
     const {
-      aiEnabled: u = !0,
-      aiPosition: w = "right",
-      aiPrompt: d,
-      aiDebounceMs: o = 500,
-      aiShowOnHover: y = !1,
-      aiTriggerIcon: T,
-      ...m
-    } = t, S = s(() => {
-      const C = e(m);
-      return d && (C.customPrompt = d), C;
-    }, [m, d]);
-    return /* @__PURE__ */ R("span", { style: { display: "inline-flex", alignItems: "center", gap: 4 }, children: [
-      /* @__PURE__ */ x(r, { ...m, ref: a }),
-      u && /* @__PURE__ */ x(
-        G,
+      aiEnabled: x = !0,
+      aiPosition: C = "right",
+      aiPrompt: S,
+      aiDebounceMs: b = 500,
+      aiShowOnHover: I = !1,
+      aiTriggerIcon: E,
+      ...R
+    } = d, $ = B(() => {
+      const O = e(R);
+      return S && (O.customPrompt = S), O;
+    }, [R, S]);
+    return /* @__PURE__ */ i("span", { style: { display: "inline-flex", alignItems: "center", gap: 4 }, children: [
+      /* @__PURE__ */ t(n, { ...R, ref: r }),
+      x && /* @__PURE__ */ t(
+        ue,
         {
-          context: S,
-          position: w,
-          debounceMs: o,
-          showOnHover: y,
-          triggerIcon: T
+          context: $,
+          position: C,
+          debounceMs: b,
+          showOnHover: I,
+          triggerIcon: E
         }
       )
     ] });
   });
-  return i.displayName = n ?? `withAIHint(${r.displayName ?? r.name ?? "Component"})`, i;
+  return c.displayName = a ?? `withAIHint(${n.displayName ?? n.name ?? "Component"})`, c;
 }
-function je(r) {
-  return F(
-    r.label ?? "Text",
-    r.value,
-    { placeholder: r.placeholder, maxLength: r.maxLength }
+function oa(n) {
+  return me(
+    n.label ?? "Text",
+    n.value,
+    { placeholder: n.placeholder, maxLength: n.maxLength }
   );
 }
-function Be(r) {
-  return K(
-    r.label ?? "Number",
-    r.value,
-    { min: r.min, max: r.max, step: r.step }
+function ua(n) {
+  return he(
+    n.label ?? "Number",
+    n.value,
+    { min: n.min, max: n.max, step: n.step }
   );
 }
-function Ye(r) {
-  return _(
-    r.label ?? "Select",
-    r.value,
-    { options: r.options, multiple: r.multiple }
+function ma(n) {
+  return ge(
+    n.label ?? "Select",
+    n.value,
+    { options: n.options, multiple: n.multiple }
   );
 }
-function Ge(r) {
-  return X(
-    r.label ?? "Date",
-    r.value,
-    { min: r.min, max: r.max }
+function ha(n) {
+  return fe(
+    n.label ?? "Date",
+    n.value,
+    { min: n.min, max: n.max }
   );
 }
-function Fe(r) {
-  return U(
-    r.label ?? "Color",
-    r.value
+function ga(n) {
+  return be(
+    n.label ?? "Color",
+    n.value
   );
 }
+const ze = {
+  id: crypto.randomUUID(),
+  name: "New ML Project",
+  type: "classification",
+  status: "draft",
+  datasets: [],
+  experiments: [],
+  models: [],
+  createdAt: /* @__PURE__ */ new Date(),
+  updatedAt: /* @__PURE__ */ new Date()
+}, re = {
+  classification: [
+    { id: "logistic-regression", name: "Logistic Regression" },
+    { id: "random-forest", name: "Random Forest" },
+    { id: "gradient-boosting", name: "Gradient Boosting" },
+    { id: "svm", name: "Support Vector Machine" },
+    { id: "neural-network", name: "Neural Network" },
+    { id: "xgboost", name: "XGBoost" }
+  ],
+  regression: [
+    { id: "linear-regression", name: "Linear Regression" },
+    { id: "ridge", name: "Ridge Regression" },
+    { id: "lasso", name: "Lasso Regression" },
+    { id: "random-forest-reg", name: "Random Forest" },
+    { id: "gradient-boosting-reg", name: "Gradient Boosting" }
+  ],
+  clustering: [
+    { id: "kmeans", name: "K-Means" },
+    { id: "dbscan", name: "DBSCAN" },
+    { id: "hierarchical", name: "Hierarchical Clustering" }
+  ]
+}, le = {
+  classification: ["accuracy", "precision", "recall", "f1-score", "auc-roc"],
+  regression: ["mse", "rmse", "mae", "r2"],
+  clustering: ["silhouette", "calinski-harabasz", "davies-bouldin"]
+}, fa = ({
+  project: n,
+  onProjectChange: e,
+  onExperimentRun: a,
+  onModelDeploy: c,
+  className: d = ""
+}) => {
+  var y;
+  const [r, x] = p(n || ze), [C, S] = p("data"), [b, I] = p(null), [E, R] = p(null), [$, O] = p(null), [N, U] = p(!1), [h, v] = p({
+    algorithm: "",
+    hyperparameters: {},
+    preprocessing: []
+  }), f = X(
+    (l) => {
+      const m = { ...r, ...l, updatedAt: /* @__PURE__ */ new Date() };
+      x(m), e == null || e(m);
+    },
+    [r, e]
+  ), D = async (l) => {
+    for (const m of Array.from(l)) {
+      const T = {
+        id: crypto.randomUUID(),
+        name: m.name.replace(/\.[^.]+$/, ""),
+        type: "tabular",
+        source: { type: "file", uri: m.name },
+        size: m.size,
+        rowCount: 0,
+        columns: [],
+        splits: [
+          { name: "train", ratio: 0.8, rowCount: 0 },
+          { name: "validation", ratio: 0.1, rowCount: 0 },
+          { name: "test", ratio: 0.1, rowCount: 0 }
+        ],
+        createdAt: /* @__PURE__ */ new Date()
+      };
+      if (m.name.endsWith(".csv")) {
+        const z = (await m.text()).split(`
+`), W = z[0].split(",").map((Y) => Y.trim());
+        T.rowCount = z.length - 1, T.columns = W.map((Y) => ({
+          name: Y,
+          type: "text",
+          nullable: !0,
+          unique: 0,
+          missing: 0
+        })), T.splits = T.splits.map((Y) => ({
+          ...Y,
+          rowCount: Math.floor(T.rowCount * Y.ratio)
+        }));
+      }
+      f({ datasets: [...r.datasets, T] });
+    }
+  }, L = (l) => {
+    f({ datasets: r.datasets.filter((m) => m.id !== l) }), b === l && I(null);
+  }, P = async () => {
+    if (!h.algorithm || !b) return;
+    const l = {
+      id: crypto.randomUUID(),
+      name: `Experiment ${r.experiments.length + 1}`,
+      status: "pending",
+      config: h,
+      metrics: [],
+      artifacts: [],
+      logs: []
+    };
+    if (f({ experiments: [...r.experiments, l] }), U(!1), a) {
+      f({
+        experiments: r.experiments.map(
+          (m) => m.id === l.id ? { ...m, status: "running", startedAt: /* @__PURE__ */ new Date() } : m
+        )
+      });
+      try {
+        await a(l);
+        const m = (le[r.type] || le.classification).map((T) => ({
+          name: T,
+          value: Math.random() * 0.3 + 0.7,
+          split: "validation"
+        }));
+        f({
+          experiments: r.experiments.map(
+            (T) => T.id === l.id ? { ...T, status: "completed", completedAt: /* @__PURE__ */ new Date(), metrics: m } : T
+          )
+        });
+      } catch {
+        f({
+          experiments: r.experiments.map(
+            (m) => m.id === l.id ? { ...m, status: "failed" } : m
+          )
+        });
+      }
+    }
+  }, j = (l) => {
+    const m = r.experiments.find((w) => w.id === l);
+    if (!m) return;
+    const T = {
+      id: crypto.randomUUID(),
+      name: `Model from ${m.name}`,
+      version: "1.0.0",
+      algorithm: m.config.algorithm,
+      experimentId: l,
+      status: "registered",
+      metrics: m.metrics,
+      size: Math.floor(Math.random() * 100) * 1024 * 1024,
+      artifacts: [],
+      deployments: [],
+      createdAt: /* @__PURE__ */ new Date()
+    };
+    f({ models: [...r.models, T] });
+  }, _ = async (l) => {
+    const m = r.models.find((w) => w.id === l);
+    if (!m || !c) return;
+    const T = await c(m);
+    f({
+      models: r.models.map(
+        (w) => w.id === l ? { ...w, status: "production", deployments: [...w.deployments, T] } : w
+      )
+    });
+  }, V = (l) => l < 1024 ? `${l} B` : l < 1024 * 1024 ? `${(l / 1024).toFixed(1)} KB` : l < 1024 * 1024 * 1024 ? `${(l / 1024 / 1024).toFixed(1)} MB` : `${(l / 1024 / 1024 / 1024).toFixed(1)} GB`, G = (l) => {
+    switch (l) {
+      case "completed":
+      case "production":
+      case "running":
+        return "status-badge--success";
+      case "pending":
+      case "staging":
+        return "status-badge--warning";
+      case "failed":
+        return "status-badge--error";
+      default:
+        return "";
+    }
+  };
+  return /* @__PURE__ */ i("div", { className: `nice-ml-studio ${d}`, children: [
+    /* @__PURE__ */ i("header", { className: "ml-studio__header", children: [
+      /* @__PURE__ */ i("div", { className: "header__info", children: [
+        /* @__PURE__ */ t(
+          "input",
+          {
+            type: "text",
+            value: r.name,
+            onChange: (l) => f({ name: l.target.value }),
+            className: "project-name-input"
+          }
+        ),
+        /* @__PURE__ */ i(
+          "select",
+          {
+            value: r.type,
+            onChange: (l) => f({ type: l.target.value }),
+            className: "project-type-select",
+            children: [
+              /* @__PURE__ */ t("option", { value: "classification", children: "Classification" }),
+              /* @__PURE__ */ t("option", { value: "regression", children: "Regression" }),
+              /* @__PURE__ */ t("option", { value: "clustering", children: "Clustering" }),
+              /* @__PURE__ */ t("option", { value: "object-detection", children: "Object Detection" }),
+              /* @__PURE__ */ t("option", { value: "nlp", children: "NLP" }),
+              /* @__PURE__ */ t("option", { value: "time-series", children: "Time Series" })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ t("div", { className: "header__tabs", children: ["data", "experiments", "models", "deploy"].map((l) => /* @__PURE__ */ t(
+        "button",
+        {
+          className: `tab-button ${C === l ? "tab-button--active" : ""}`,
+          onClick: () => S(l),
+          children: l.charAt(0).toUpperCase() + l.slice(1)
+        },
+        l
+      )) })
+    ] }),
+    /* @__PURE__ */ i("div", { className: "ml-studio__content", children: [
+      C === "data" && /* @__PURE__ */ i("div", { className: "data-panel", children: [
+        /* @__PURE__ */ i("div", { className: "panel-header", children: [
+          /* @__PURE__ */ t("h2", { children: "Datasets" }),
+          /* @__PURE__ */ i("label", { className: "upload-button", children: [
+            /* @__PURE__ */ t(
+              "input",
+              {
+                type: "file",
+                multiple: !0,
+                accept: ".csv,.json,.parquet",
+                onChange: (l) => l.target.files && D(l.target.files),
+                hidden: !0
+              }
+            ),
+            "+ Upload Dataset"
+          ] })
+        ] }),
+        /* @__PURE__ */ t("div", { className: "datasets-grid", children: r.datasets.length === 0 ? /* @__PURE__ */ i("div", { className: "empty-state", children: [
+          /* @__PURE__ */ t("span", { className: "icon", children: "📊" }),
+          /* @__PURE__ */ t("p", { children: "No datasets uploaded yet" }),
+          /* @__PURE__ */ t("p", { className: "hint", children: "Upload CSV, JSON, or Parquet files to get started" })
+        ] }) : r.datasets.map((l) => /* @__PURE__ */ i(
+          "div",
+          {
+            className: `dataset-card ${b === l.id ? "dataset-card--selected" : ""}`,
+            onClick: () => I(l.id),
+            children: [
+              /* @__PURE__ */ i("div", { className: "card-header", children: [
+                /* @__PURE__ */ t("span", { className: "dataset-icon", children: "📁" }),
+                /* @__PURE__ */ t("h3", { children: l.name }),
+                /* @__PURE__ */ t(
+                  "button",
+                  {
+                    className: "remove-button",
+                    onClick: (m) => {
+                      m.stopPropagation(), L(l.id);
+                    },
+                    children: "×"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ i("div", { className: "card-stats", children: [
+                /* @__PURE__ */ i("span", { children: [
+                  l.rowCount.toLocaleString(),
+                  " rows"
+                ] }),
+                /* @__PURE__ */ i("span", { children: [
+                  l.columns.length,
+                  " columns"
+                ] }),
+                /* @__PURE__ */ t("span", { children: V(l.size) })
+              ] }),
+              /* @__PURE__ */ t("div", { className: "splits-bar", children: l.splits.map((m) => /* @__PURE__ */ t(
+                "div",
+                {
+                  className: `split split--${m.name}`,
+                  style: { width: `${m.ratio * 100}%` },
+                  title: `${m.name}: ${(m.ratio * 100).toFixed(0)}%`
+                },
+                m.name
+              )) })
+            ]
+          },
+          l.id
+        )) }),
+        b && /* @__PURE__ */ t("div", { className: "dataset-details", children: (() => {
+          const l = r.datasets.find((m) => m.id === b);
+          return l ? /* @__PURE__ */ i(ne, { children: [
+            /* @__PURE__ */ t("h3", { children: "Columns" }),
+            /* @__PURE__ */ i("table", { className: "columns-table", children: [
+              /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ i("tr", { children: [
+                /* @__PURE__ */ t("th", { children: "Name" }),
+                /* @__PURE__ */ t("th", { children: "Type" }),
+                /* @__PURE__ */ t("th", { children: "Missing" }),
+                /* @__PURE__ */ t("th", { children: "Unique" })
+              ] }) }),
+              /* @__PURE__ */ t("tbody", { children: l.columns.map((m) => /* @__PURE__ */ i("tr", { children: [
+                /* @__PURE__ */ t("td", { children: m.name }),
+                /* @__PURE__ */ t("td", { children: /* @__PURE__ */ i(
+                  "select",
+                  {
+                    value: m.type,
+                    onChange: (T) => {
+                      f({
+                        datasets: r.datasets.map(
+                          (w) => w.id === l.id ? {
+                            ...w,
+                            columns: w.columns.map(
+                              (z) => z.name === m.name ? {
+                                ...z,
+                                type: T.target.value
+                              } : z
+                            )
+                          } : w
+                        )
+                      });
+                    },
+                    children: [
+                      /* @__PURE__ */ t("option", { value: "numeric", children: "Numeric" }),
+                      /* @__PURE__ */ t("option", { value: "categorical", children: "Categorical" }),
+                      /* @__PURE__ */ t("option", { value: "text", children: "Text" }),
+                      /* @__PURE__ */ t("option", { value: "datetime", children: "DateTime" }),
+                      /* @__PURE__ */ t("option", { value: "boolean", children: "Boolean" })
+                    ]
+                  }
+                ) }),
+                /* @__PURE__ */ t("td", { children: m.missing }),
+                /* @__PURE__ */ t("td", { children: m.unique })
+              ] }, m.name)) })
+            ] })
+          ] }) : null;
+        })() })
+      ] }),
+      C === "experiments" && /* @__PURE__ */ i("div", { className: "experiments-panel", children: [
+        /* @__PURE__ */ i("div", { className: "panel-header", children: [
+          /* @__PURE__ */ t("h2", { children: "Experiments" }),
+          /* @__PURE__ */ t(
+            "button",
+            {
+              className: "primary-button",
+              onClick: () => U(!0),
+              disabled: r.datasets.length === 0,
+              children: "+ New Experiment"
+            }
+          )
+        ] }),
+        N && /* @__PURE__ */ i("div", { className: "new-experiment-form", children: [
+          /* @__PURE__ */ t("h3", { children: "Configure Experiment" }),
+          /* @__PURE__ */ i("div", { className: "form-grid", children: [
+            /* @__PURE__ */ i("label", { children: [
+              "Dataset",
+              /* @__PURE__ */ i(
+                "select",
+                {
+                  value: b || "",
+                  onChange: (l) => I(l.target.value),
+                  children: [
+                    /* @__PURE__ */ t("option", { value: "", children: "Select dataset..." }),
+                    r.datasets.map((l) => /* @__PURE__ */ t("option", { value: l.id, children: l.name }, l.id))
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ i("label", { children: [
+              "Algorithm",
+              /* @__PURE__ */ i(
+                "select",
+                {
+                  value: h.algorithm,
+                  onChange: (l) => v({ ...h, algorithm: l.target.value }),
+                  children: [
+                    /* @__PURE__ */ t("option", { value: "", children: "Select algorithm..." }),
+                    (re[r.type] || re.classification).map((l) => /* @__PURE__ */ t("option", { value: l.id, children: l.name }, l.id))
+                  ]
+                }
+              )
+            ] }),
+            b && /* @__PURE__ */ i("label", { children: [
+              "Target Column",
+              /* @__PURE__ */ i(
+                "select",
+                {
+                  value: h.targetColumn || "",
+                  onChange: (l) => v({ ...h, targetColumn: l.target.value }),
+                  children: [
+                    /* @__PURE__ */ t("option", { value: "", children: "Select target..." }),
+                    (y = r.datasets.find((l) => l.id === b)) == null ? void 0 : y.columns.map((l) => /* @__PURE__ */ t("option", { value: l.name, children: l.name }, l.name))
+                  ]
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ i("div", { className: "form-actions", children: [
+            /* @__PURE__ */ t("button", { className: "secondary-button", onClick: () => U(!1), children: "Cancel" }),
+            /* @__PURE__ */ t(
+              "button",
+              {
+                className: "primary-button",
+                onClick: P,
+                disabled: !h.algorithm || !b,
+                children: "Run Experiment"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ t("div", { className: "experiments-list", children: r.experiments.length === 0 ? /* @__PURE__ */ i("div", { className: "empty-state", children: [
+          /* @__PURE__ */ t("span", { className: "icon", children: "🧪" }),
+          /* @__PURE__ */ t("p", { children: "No experiments yet" }),
+          /* @__PURE__ */ t("p", { className: "hint", children: "Create an experiment to train and evaluate models" })
+        ] }) : r.experiments.map((l) => /* @__PURE__ */ i(
+          "div",
+          {
+            className: `experiment-card ${E === l.id ? "experiment-card--selected" : ""}`,
+            onClick: () => R(l.id),
+            children: [
+              /* @__PURE__ */ i("div", { className: "card-header", children: [
+                /* @__PURE__ */ t("h3", { children: l.name }),
+                /* @__PURE__ */ t("span", { className: `status-badge ${G(l.status)}`, children: l.status })
+              ] }),
+              /* @__PURE__ */ i("div", { className: "card-meta", children: [
+                /* @__PURE__ */ i("span", { children: [
+                  "Algorithm: ",
+                  l.config.algorithm
+                ] }),
+                l.duration && /* @__PURE__ */ i("span", { children: [
+                  "Duration: ",
+                  Math.round(l.duration),
+                  "s"
+                ] })
+              ] }),
+              l.metrics.length > 0 && /* @__PURE__ */ t("div", { className: "metrics-row", children: l.metrics.slice(0, 3).map((m) => /* @__PURE__ */ i("div", { className: "metric-item", children: [
+                /* @__PURE__ */ t("span", { className: "metric-name", children: m.name }),
+                /* @__PURE__ */ i("span", { className: "metric-value", children: [
+                  (m.value * 100).toFixed(1),
+                  "%"
+                ] })
+              ] }, m.name)) }),
+              l.status === "completed" && /* @__PURE__ */ t(
+                "button",
+                {
+                  className: "action-button",
+                  onClick: (m) => {
+                    m.stopPropagation(), j(l.id);
+                  },
+                  children: "Register Model"
+                }
+              )
+            ]
+          },
+          l.id
+        )) })
+      ] }),
+      C === "models" && /* @__PURE__ */ i("div", { className: "models-panel", children: [
+        /* @__PURE__ */ t("div", { className: "panel-header", children: /* @__PURE__ */ t("h2", { children: "Models" }) }),
+        /* @__PURE__ */ t("div", { className: "models-list", children: r.models.length === 0 ? /* @__PURE__ */ i("div", { className: "empty-state", children: [
+          /* @__PURE__ */ t("span", { className: "icon", children: "🤖" }),
+          /* @__PURE__ */ t("p", { children: "No models registered yet" }),
+          /* @__PURE__ */ t("p", { className: "hint", children: "Complete experiments and register models" })
+        ] }) : r.models.map((l) => /* @__PURE__ */ i(
+          "div",
+          {
+            className: `model-card ${$ === l.id ? "model-card--selected" : ""}`,
+            onClick: () => O(l.id),
+            children: [
+              /* @__PURE__ */ i("div", { className: "card-header", children: [
+                /* @__PURE__ */ t("h3", { children: l.name }),
+                /* @__PURE__ */ t("span", { className: `status-badge ${G(l.status)}`, children: l.status })
+              ] }),
+              /* @__PURE__ */ i("div", { className: "card-meta", children: [
+                /* @__PURE__ */ i("span", { children: [
+                  "Algorithm: ",
+                  l.algorithm
+                ] }),
+                /* @__PURE__ */ i("span", { children: [
+                  "Version: ",
+                  l.version
+                ] }),
+                /* @__PURE__ */ i("span", { children: [
+                  "Size: ",
+                  V(l.size)
+                ] })
+              ] }),
+              l.metrics.length > 0 && /* @__PURE__ */ t("div", { className: "metrics-row", children: l.metrics.slice(0, 3).map((m) => /* @__PURE__ */ i("div", { className: "metric-item", children: [
+                /* @__PURE__ */ t("span", { className: "metric-name", children: m.name }),
+                /* @__PURE__ */ i("span", { className: "metric-value", children: [
+                  (m.value * 100).toFixed(1),
+                  "%"
+                ] })
+              ] }, m.name)) }),
+              /* @__PURE__ */ i("div", { className: "card-actions", children: [
+                /* @__PURE__ */ t("button", { className: "action-button", children: "Download" }),
+                /* @__PURE__ */ t(
+                  "button",
+                  {
+                    className: "action-button action-button--primary",
+                    onClick: (m) => {
+                      m.stopPropagation(), _(l.id);
+                    },
+                    disabled: l.status === "production",
+                    children: l.status === "production" ? "Deployed" : "Deploy"
+                  }
+                )
+              ] })
+            ]
+          },
+          l.id
+        )) })
+      ] }),
+      C === "deploy" && /* @__PURE__ */ i("div", { className: "deploy-panel", children: [
+        /* @__PURE__ */ t("div", { className: "panel-header", children: /* @__PURE__ */ t("h2", { children: "Deployments" }) }),
+        /* @__PURE__ */ t("div", { className: "deployments-list", children: r.models.filter((l) => l.deployments.length > 0).length === 0 ? /* @__PURE__ */ i("div", { className: "empty-state", children: [
+          /* @__PURE__ */ t("span", { className: "icon", children: "🚀" }),
+          /* @__PURE__ */ t("p", { children: "No deployments yet" }),
+          /* @__PURE__ */ t("p", { className: "hint", children: "Deploy a model to create inference endpoints" })
+        ] }) : r.models.filter((l) => l.deployments.length > 0).flatMap((l) => l.deployments.map((m) => ({ model: l, deployment: m }))).map(({ model: l, deployment: m }) => /* @__PURE__ */ i("div", { className: "deployment-card", children: [
+          /* @__PURE__ */ i("div", { className: "card-header", children: [
+            /* @__PURE__ */ t("h3", { children: m.name }),
+            /* @__PURE__ */ t("span", { className: `status-badge ${G(m.status)}`, children: m.status })
+          ] }),
+          /* @__PURE__ */ i("div", { className: "card-meta", children: [
+            /* @__PURE__ */ i("span", { children: [
+              "Model: ",
+              l.name
+            ] }),
+            /* @__PURE__ */ i("span", { children: [
+              "Endpoint: ",
+              m.endpoint
+            ] })
+          ] }),
+          /* @__PURE__ */ i("div", { className: "resources-info", children: [
+            /* @__PURE__ */ i("span", { children: [
+              "CPU: ",
+              m.resources.cpu,
+              " cores"
+            ] }),
+            /* @__PURE__ */ i("span", { children: [
+              "Memory: ",
+              m.resources.memory,
+              " GB"
+            ] }),
+            /* @__PURE__ */ i("span", { children: [
+              "Replicas: ",
+              m.resources.replicas
+            ] })
+          ] })
+        ] }, m.id)) })
+      ] })
+    ] })
+  ] });
+}, qe = {
+  id: crypto.randomUUID(),
+  name: "New Labeling Project",
+  type: "classification",
+  dataType: "image",
+  status: "setup",
+  labelSchema: {
+    classes: [],
+    attributes: []
+  },
+  items: [],
+  collaborators: [],
+  statistics: {
+    totalItems: 0,
+    labeled: 0,
+    reviewed: 0,
+    approved: 0,
+    byClass: []
+  },
+  createdAt: /* @__PURE__ */ new Date()
+}, se = [
+  "#ef4444",
+  "#f97316",
+  "#f59e0b",
+  "#84cc16",
+  "#22c55e",
+  "#14b8a6",
+  "#06b6d4",
+  "#3b82f6",
+  "#6366f1",
+  "#8b5cf6",
+  "#a855f7",
+  "#d946ef",
+  "#ec4899",
+  "#f43f5e"
+], ba = ({
+  project: n,
+  onProjectChange: e,
+  onLabelSave: a,
+  onExport: c,
+  className: d = ""
+}) => {
+  var ee;
+  const [r, x] = p(n || qe), [C, S] = p("label"), [b, I] = p(0), [E, R] = p(null), [$, O] = p("select"), [N, U] = p(!1), [h, v] = p(null), [f, D] = p(1), [L, P] = p(!1), [j, _] = p("all"), V = Q(null), G = Q(null), y = r.items[b];
+  Z(() => {
+    n && x(n);
+  }, [n]);
+  const l = X(
+    (s) => {
+      const u = { ...r, ...s };
+      u.statistics = {
+        totalItems: u.items.length,
+        labeled: u.items.filter((g) => g.status !== "pending").length,
+        reviewed: u.items.filter((g) => g.status === "review" || g.status === "approved").length,
+        approved: u.items.filter((g) => g.status === "approved").length,
+        byClass: u.labelSchema.classes.map((g) => ({
+          classId: g.id,
+          count: u.items.flatMap((A) => A.labels).filter((A) => A.classId === g.id).length
+        }))
+      }, x(u), e == null || e(u);
+    },
+    [r, e]
+  ), m = () => {
+    const s = {
+      id: crypto.randomUUID(),
+      name: `Class ${r.labelSchema.classes.length + 1}`,
+      color: se[r.labelSchema.classes.length % se.length],
+      shortcut: String(r.labelSchema.classes.length + 1)
+    };
+    l({
+      labelSchema: {
+        ...r.labelSchema,
+        classes: [...r.labelSchema.classes, s]
+      }
+    });
+  }, T = (s) => {
+    l({
+      labelSchema: {
+        ...r.labelSchema,
+        classes: r.labelSchema.classes.filter((u) => u.id !== s)
+      },
+      items: r.items.map((u) => ({
+        ...u,
+        labels: u.labels.filter((g) => g.classId !== s)
+      }))
+    });
+  }, w = (s, u) => {
+    l({
+      labelSchema: {
+        ...r.labelSchema,
+        classes: r.labelSchema.classes.map(
+          (g) => g.id === s ? { ...g, ...u } : g
+        )
+      }
+    });
+  }, z = (s, u) => {
+    if (!y) return;
+    const g = {
+      id: crypto.randomUUID(),
+      classId: s,
+      type: r.type === "classification" ? "class" : r.type === "bounding-box" ? "bbox" : "class",
+      data: u || {},
+      createdBy: "current-user",
+      createdAt: /* @__PURE__ */ new Date()
+    }, A = {
+      ...y,
+      labels: [...y.labels, g],
+      status: "labeled"
+    };
+    l({
+      items: r.items.map((H) => H.id === y.id ? A : H)
+    }), a == null || a(A);
+  }, W = (s) => {
+    if (!y) return;
+    const u = {
+      ...y,
+      labels: y.labels.filter((g) => g.id !== s),
+      status: y.labels.length <= 1 ? "pending" : "labeled"
+    };
+    l({
+      items: r.items.map((g) => g.id === y.id ? u : g)
+    });
+  }, Y = (s) => {
+    var H;
+    if ($ !== "bbox" || !E) return;
+    const u = (H = V.current) == null ? void 0 : H.getBoundingClientRect();
+    if (!u) return;
+    const g = (s.clientX - u.left) / f, A = (s.clientY - u.top) / f;
+    U(!0), v({ x: g, y: A, width: 0, height: 0 });
+  }, te = (s) => {
+    var H;
+    if (!N || !h) return;
+    const u = (H = V.current) == null ? void 0 : H.getBoundingClientRect();
+    if (!u) return;
+    const g = (s.clientX - u.left) / f, A = (s.clientY - u.top) / f;
+    v({
+      ...h,
+      width: g - h.x,
+      height: A - h.y
+    });
+  }, o = () => {
+    !N || !h || !E || (U(!1), Math.abs(h.width) > 10 && Math.abs(h.height) > 10 && z(E, {
+      x: h.width < 0 ? h.x + h.width : h.x,
+      y: h.height < 0 ? h.y + h.height : h.y,
+      width: Math.abs(h.width),
+      height: Math.abs(h.height)
+    }), v(null));
+  }, k = (s) => {
+    const u = j === "all" ? r.items : r.items.filter((A) => A.status === j), g = u.findIndex((A) => A.id === (y == null ? void 0 : y.id));
+    if (s === "prev" && g > 0) {
+      const A = u[g - 1];
+      I(r.items.findIndex((H) => H.id === A.id));
+    } else if (s === "next" && g < u.length - 1) {
+      const A = u[g + 1];
+      I(r.items.findIndex((H) => H.id === A.id));
+    }
+  }, q = () => {
+    if (!y) return;
+    const s = {
+      ...y,
+      status: "approved"
+    };
+    l({
+      items: r.items.map((u) => u.id === y.id ? s : u)
+    }), k("next");
+  }, J = () => {
+    if (!y) return;
+    const s = {
+      ...y,
+      status: "rejected"
+    };
+    l({
+      items: r.items.map((u) => u.id === y.id ? s : u)
+    }), k("next");
+  }, M = async (s) => {
+    c && await c(s);
+  };
+  Z(() => {
+    const s = (u) => {
+      const g = u.key, A = r.labelSchema.classes.find((H) => H.shortcut === g);
+      A && (r.type === "classification" ? (z(A.id), k("next")) : R(A.id)), u.key === "ArrowLeft" || u.key === "a" ? k("prev") : (u.key === "ArrowRight" || u.key === "d") && k("next"), u.key === "Enter" ? q() : u.key === "Backspace" && J();
+    };
+    return window.addEventListener("keydown", s), () => window.removeEventListener("keydown", s);
+  }, [y, r.labelSchema.classes, r.type]);
+  const K = (s) => {
+    switch (s) {
+      case "approved":
+        return "#22c55e";
+      case "labeled":
+        return "#3b82f6";
+      case "review":
+        return "#f59e0b";
+      case "rejected":
+        return "#ef4444";
+      default:
+        return "#6b7280";
+    }
+  };
+  return /* @__PURE__ */ i("div", { className: `nice-data-labeler ${d}`, children: [
+    /* @__PURE__ */ i("header", { className: "labeler__header", children: [
+      /* @__PURE__ */ i("div", { className: "header__info", children: [
+        /* @__PURE__ */ t(
+          "input",
+          {
+            type: "text",
+            value: r.name,
+            onChange: (s) => l({ name: s.target.value }),
+            className: "project-name-input"
+          }
+        ),
+        /* @__PURE__ */ i("div", { className: "progress-bar", children: [
+          /* @__PURE__ */ t(
+            "div",
+            {
+              className: "progress-fill",
+              style: {
+                width: `${r.statistics.labeled / Math.max(r.statistics.totalItems, 1) * 100}%`
+              }
+            }
+          ),
+          /* @__PURE__ */ i("span", { className: "progress-text", children: [
+            r.statistics.labeled,
+            " / ",
+            r.statistics.totalItems,
+            " labeled"
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ t("div", { className: "header__tabs", children: ["label", "schema", "review", "export"].map((s) => /* @__PURE__ */ t(
+        "button",
+        {
+          className: `tab-button ${C === s ? "tab-button--active" : ""}`,
+          onClick: () => S(s),
+          children: s.charAt(0).toUpperCase() + s.slice(1)
+        },
+        s
+      )) }),
+      /* @__PURE__ */ t("button", { className: "shortcuts-button", onClick: () => P(!L), children: "⌨️ Shortcuts" })
+    ] }),
+    /* @__PURE__ */ i("div", { className: "labeler__content", children: [
+      C === "label" && /* @__PURE__ */ i("div", { className: "label-panel", children: [
+        /* @__PURE__ */ i("div", { className: "label-toolbar", children: [
+          /* @__PURE__ */ i("div", { className: "tool-group", children: [
+            /* @__PURE__ */ t(
+              "button",
+              {
+                className: `tool-button ${$ === "select" ? "tool-button--active" : ""}`,
+                onClick: () => O("select"),
+                children: "↖️ Select"
+              }
+            ),
+            (r.type === "bounding-box" || r.type === "multi-label") && /* @__PURE__ */ t(
+              "button",
+              {
+                className: `tool-button ${$ === "bbox" ? "tool-button--active" : ""}`,
+                onClick: () => O("bbox"),
+                children: "⬜ Box"
+              }
+            ),
+            r.type === "polygon" && /* @__PURE__ */ t(
+              "button",
+              {
+                className: `tool-button ${$ === "polygon" ? "tool-button--active" : ""}`,
+                onClick: () => O("polygon"),
+                children: "⬡ Polygon"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ i("div", { className: "zoom-group", children: [
+            /* @__PURE__ */ t("button", { onClick: () => D(Math.max(0.25, f - 0.25)), children: "-" }),
+            /* @__PURE__ */ i("span", { children: [
+              Math.round(f * 100),
+              "%"
+            ] }),
+            /* @__PURE__ */ t("button", { onClick: () => D(Math.min(4, f + 0.25)), children: "+" })
+          ] }),
+          /* @__PURE__ */ i("div", { className: "navigation-group", children: [
+            /* @__PURE__ */ t("button", { onClick: () => k("prev"), disabled: b === 0, children: "← Prev" }),
+            /* @__PURE__ */ i("span", { children: [
+              b + 1,
+              " / ",
+              r.items.length
+            ] }),
+            /* @__PURE__ */ t(
+              "button",
+              {
+                onClick: () => k("next"),
+                disabled: b >= r.items.length - 1,
+                children: "Next →"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ i("div", { className: "label-workspace", children: [
+          /* @__PURE__ */ t("div", { className: "canvas-container", ref: G, children: y ? /* @__PURE__ */ i(ne, { children: [
+            y.data.type === "image" && /* @__PURE__ */ i(ne, { children: [
+              /* @__PURE__ */ t(
+                "img",
+                {
+                  src: y.data.url,
+                  alt: "Labeling item",
+                  className: "labeling-image",
+                  style: { transform: `scale(${f})` }
+                }
+              ),
+              /* @__PURE__ */ t(
+                "canvas",
+                {
+                  ref: V,
+                  className: "labeling-canvas",
+                  onMouseDown: Y,
+                  onMouseMove: te,
+                  onMouseUp: o,
+                  onMouseLeave: o,
+                  style: {
+                    transform: `scale(${f})`,
+                    cursor: $ === "bbox" ? "crosshair" : "default"
+                  }
+                }
+              ),
+              /* @__PURE__ */ i(
+                "div",
+                {
+                  className: "annotations-overlay",
+                  style: { transform: `scale(${f})` },
+                  children: [
+                    y.labels.filter((s) => s.type === "bbox" && s.data.x !== void 0).map((s) => {
+                      const u = r.labelSchema.classes.find(
+                        (g) => g.id === s.classId
+                      );
+                      return /* @__PURE__ */ i(
+                        "div",
+                        {
+                          className: "bbox-annotation",
+                          style: {
+                            left: s.data.x,
+                            top: s.data.y,
+                            width: s.data.width,
+                            height: s.data.height,
+                            borderColor: (u == null ? void 0 : u.color) || "#ff0000"
+                          },
+                          children: [
+                            /* @__PURE__ */ t(
+                              "span",
+                              {
+                                className: "bbox-label",
+                                style: { backgroundColor: (u == null ? void 0 : u.color) || "#ff0000" },
+                                children: u == null ? void 0 : u.name
+                              }
+                            ),
+                            /* @__PURE__ */ t(
+                              "button",
+                              {
+                                className: "bbox-remove",
+                                onClick: () => W(s.id),
+                                children: "×"
+                              }
+                            )
+                          ]
+                        },
+                        s.id
+                      );
+                    }),
+                    h && /* @__PURE__ */ t(
+                      "div",
+                      {
+                        className: "bbox-drawing",
+                        style: {
+                          left: h.width < 0 ? h.x + h.width : h.x,
+                          top: h.height < 0 ? h.y + h.height : h.y,
+                          width: Math.abs(h.width),
+                          height: Math.abs(h.height),
+                          borderColor: (ee = r.labelSchema.classes.find(
+                            (s) => s.id === E
+                          )) == null ? void 0 : ee.color
+                        }
+                      }
+                    )
+                  ]
+                }
+              )
+            ] }),
+            y.data.type === "text" && /* @__PURE__ */ t("div", { className: "text-labeling", children: /* @__PURE__ */ t("p", { className: "text-content", children: y.data.text }) })
+          ] }) : /* @__PURE__ */ i("div", { className: "empty-state", children: [
+            /* @__PURE__ */ t("span", { className: "icon", children: "📋" }),
+            /* @__PURE__ */ t("p", { children: "No items to label" })
+          ] }) }),
+          /* @__PURE__ */ i("aside", { className: "class-sidebar", children: [
+            /* @__PURE__ */ t("h3", { children: "Classes" }),
+            /* @__PURE__ */ t("div", { className: "class-list", children: r.labelSchema.classes.map((s) => /* @__PURE__ */ i(
+              "button",
+              {
+                className: `class-button ${E === s.id ? "class-button--active" : ""}`,
+                style: { borderLeftColor: s.color },
+                onClick: () => {
+                  r.type === "classification" ? (z(s.id), k("next")) : R(s.id);
+                },
+                children: [
+                  /* @__PURE__ */ t("span", { className: "class-color", style: { backgroundColor: s.color } }),
+                  /* @__PURE__ */ t("span", { className: "class-name", children: s.name }),
+                  s.shortcut && /* @__PURE__ */ t("span", { className: "class-shortcut", children: s.shortcut })
+                ]
+              },
+              s.id
+            )) }),
+            y && y.labels.length > 0 && /* @__PURE__ */ i("div", { className: "current-labels", children: [
+              /* @__PURE__ */ t("h4", { children: "Labels" }),
+              y.labels.map((s) => {
+                const u = r.labelSchema.classes.find((g) => g.id === s.classId);
+                return /* @__PURE__ */ i("div", { className: "label-item", children: [
+                  /* @__PURE__ */ t("span", { className: "label-color", style: { backgroundColor: u == null ? void 0 : u.color } }),
+                  /* @__PURE__ */ t("span", { className: "label-name", children: u == null ? void 0 : u.name }),
+                  /* @__PURE__ */ t("button", { onClick: () => W(s.id), children: "×" })
+                ] }, s.id);
+              })
+            ] }),
+            C === "label" && y && /* @__PURE__ */ i("div", { className: "label-actions", children: [
+              /* @__PURE__ */ t("button", { className: "approve-button", onClick: q, children: "✓ Approve" }),
+              /* @__PURE__ */ t("button", { className: "reject-button", onClick: J, children: "✗ Reject" })
+            ] })
+          ] })
+        ] })
+      ] }),
+      C === "schema" && /* @__PURE__ */ i("div", { className: "schema-panel", children: [
+        /* @__PURE__ */ i("div", { className: "panel-header", children: [
+          /* @__PURE__ */ t("h2", { children: "Label Schema" }),
+          /* @__PURE__ */ t("button", { className: "primary-button", onClick: m, children: "+ Add Class" })
+        ] }),
+        /* @__PURE__ */ i("div", { className: "schema-settings", children: [
+          /* @__PURE__ */ i("label", { children: [
+            "Labeling Type",
+            /* @__PURE__ */ i(
+              "select",
+              {
+                value: r.type,
+                onChange: (s) => l({ type: s.target.value }),
+                children: [
+                  /* @__PURE__ */ t("option", { value: "classification", children: "Single Classification" }),
+                  /* @__PURE__ */ t("option", { value: "multi-label", children: "Multi-Label Classification" }),
+                  /* @__PURE__ */ t("option", { value: "bounding-box", children: "Bounding Box" }),
+                  /* @__PURE__ */ t("option", { value: "polygon", children: "Polygon" }),
+                  /* @__PURE__ */ t("option", { value: "segmentation", children: "Segmentation" }),
+                  /* @__PURE__ */ t("option", { value: "ner", children: "Named Entity Recognition" })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ i("label", { children: [
+            "Data Type",
+            /* @__PURE__ */ i(
+              "select",
+              {
+                value: r.dataType,
+                onChange: (s) => l({ dataType: s.target.value }),
+                children: [
+                  /* @__PURE__ */ t("option", { value: "image", children: "Image" }),
+                  /* @__PURE__ */ t("option", { value: "text", children: "Text" }),
+                  /* @__PURE__ */ t("option", { value: "audio", children: "Audio" }),
+                  /* @__PURE__ */ t("option", { value: "video", children: "Video" })
+                ]
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ t("div", { className: "classes-list", children: r.labelSchema.classes.map((s, u) => /* @__PURE__ */ i("div", { className: "class-editor", children: [
+          /* @__PURE__ */ t(
+            "input",
+            {
+              type: "color",
+              value: s.color,
+              onChange: (g) => w(s.id, { color: g.target.value }),
+              className: "color-picker"
+            }
+          ),
+          /* @__PURE__ */ t(
+            "input",
+            {
+              type: "text",
+              value: s.name,
+              onChange: (g) => w(s.id, { name: g.target.value }),
+              className: "class-name-input",
+              placeholder: "Class name"
+            }
+          ),
+          /* @__PURE__ */ t(
+            "input",
+            {
+              type: "text",
+              value: s.shortcut || "",
+              onChange: (g) => w(s.id, { shortcut: g.target.value }),
+              className: "shortcut-input",
+              placeholder: "Key",
+              maxLength: 1
+            }
+          ),
+          /* @__PURE__ */ t("button", { className: "remove-class-button", onClick: () => T(s.id), children: "🗑️" })
+        ] }, s.id)) }),
+        /* @__PURE__ */ i("div", { className: "guidelines-section", children: [
+          /* @__PURE__ */ t("h3", { children: "Labeling Guidelines" }),
+          /* @__PURE__ */ t(
+            "textarea",
+            {
+              value: r.guidelines || "",
+              onChange: (s) => l({ guidelines: s.target.value }),
+              placeholder: "Enter labeling guidelines for annotators...",
+              rows: 6
+            }
+          )
+        ] })
+      ] }),
+      C === "review" && /* @__PURE__ */ i("div", { className: "review-panel", children: [
+        /* @__PURE__ */ i("div", { className: "panel-header", children: [
+          /* @__PURE__ */ t("h2", { children: "Review Labels" }),
+          /* @__PURE__ */ t("div", { className: "filter-group", children: /* @__PURE__ */ i(
+            "select",
+            {
+              value: j,
+              onChange: (s) => _(s.target.value),
+              children: [
+                /* @__PURE__ */ t("option", { value: "all", children: "All Items" }),
+                /* @__PURE__ */ t("option", { value: "labeled", children: "Labeled" }),
+                /* @__PURE__ */ t("option", { value: "review", children: "Needs Review" }),
+                /* @__PURE__ */ t("option", { value: "approved", children: "Approved" }),
+                /* @__PURE__ */ t("option", { value: "rejected", children: "Rejected" })
+              ]
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ t("div", { className: "items-grid", children: r.items.filter((s) => j === "all" || s.status === j).map((s, u) => {
+          var g;
+          return /* @__PURE__ */ i(
+            "div",
+            {
+              className: `item-card ${b === r.items.indexOf(s) ? "item-card--active" : ""}`,
+              onClick: () => {
+                I(r.items.indexOf(s)), S("label");
+              },
+              children: [
+                s.data.type === "image" && /* @__PURE__ */ t(
+                  "img",
+                  {
+                    src: s.data.url,
+                    alt: `Item ${u + 1}`,
+                    className: "item-thumbnail"
+                  }
+                ),
+                s.data.type === "text" && /* @__PURE__ */ i("p", { className: "item-text-preview", children: [
+                  (g = s.data.text) == null ? void 0 : g.slice(0, 100),
+                  "..."
+                ] }),
+                /* @__PURE__ */ i("div", { className: "item-footer", children: [
+                  /* @__PURE__ */ t(
+                    "span",
+                    {
+                      className: "status-dot",
+                      style: { backgroundColor: K(s.status) }
+                    }
+                  ),
+                  /* @__PURE__ */ i("span", { children: [
+                    s.labels.length,
+                    " labels"
+                  ] })
+                ] })
+              ]
+            },
+            s.id
+          );
+        }) })
+      ] }),
+      C === "export" && /* @__PURE__ */ i("div", { className: "export-panel", children: [
+        /* @__PURE__ */ t("div", { className: "panel-header", children: /* @__PURE__ */ t("h2", { children: "Export Labels" }) }),
+        /* @__PURE__ */ i("div", { className: "export-stats", children: [
+          /* @__PURE__ */ i("div", { className: "stat-card", children: [
+            /* @__PURE__ */ t("span", { className: "stat-value", children: r.statistics.totalItems }),
+            /* @__PURE__ */ t("span", { className: "stat-label", children: "Total Items" })
+          ] }),
+          /* @__PURE__ */ i("div", { className: "stat-card", children: [
+            /* @__PURE__ */ t("span", { className: "stat-value", children: r.statistics.labeled }),
+            /* @__PURE__ */ t("span", { className: "stat-label", children: "Labeled" })
+          ] }),
+          /* @__PURE__ */ i("div", { className: "stat-card", children: [
+            /* @__PURE__ */ t("span", { className: "stat-value", children: r.statistics.approved }),
+            /* @__PURE__ */ t("span", { className: "stat-label", children: "Approved" })
+          ] }),
+          /* @__PURE__ */ i("div", { className: "stat-card", children: [
+            /* @__PURE__ */ t("span", { className: "stat-value", children: r.labelSchema.classes.length }),
+            /* @__PURE__ */ t("span", { className: "stat-label", children: "Classes" })
+          ] })
+        ] }),
+        /* @__PURE__ */ i("div", { className: "export-formats", children: [
+          /* @__PURE__ */ t("h3", { children: "Export Format" }),
+          /* @__PURE__ */ i("div", { className: "format-grid", children: [
+            /* @__PURE__ */ i("button", { className: "format-button", onClick: () => M("coco"), children: [
+              /* @__PURE__ */ t("span", { className: "format-icon", children: "📦" }),
+              /* @__PURE__ */ t("span", { className: "format-name", children: "COCO JSON" }),
+              /* @__PURE__ */ t("span", { className: "format-desc", children: "Common format for object detection" })
+            ] }),
+            /* @__PURE__ */ i("button", { className: "format-button", onClick: () => M("voc"), children: [
+              /* @__PURE__ */ t("span", { className: "format-icon", children: "📄" }),
+              /* @__PURE__ */ t("span", { className: "format-name", children: "Pascal VOC" }),
+              /* @__PURE__ */ t("span", { className: "format-desc", children: "XML format for bounding boxes" })
+            ] }),
+            /* @__PURE__ */ i("button", { className: "format-button", onClick: () => M("yolo"), children: [
+              /* @__PURE__ */ t("span", { className: "format-icon", children: "⚡" }),
+              /* @__PURE__ */ t("span", { className: "format-name", children: "YOLO" }),
+              /* @__PURE__ */ t("span", { className: "format-desc", children: "Text format for YOLO models" })
+            ] }),
+            /* @__PURE__ */ i("button", { className: "format-button", onClick: () => M("csv"), children: [
+              /* @__PURE__ */ t("span", { className: "format-icon", children: "📊" }),
+              /* @__PURE__ */ t("span", { className: "format-name", children: "CSV" }),
+              /* @__PURE__ */ t("span", { className: "format-desc", children: "Tabular format for classification" })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ i("div", { className: "class-distribution", children: [
+          /* @__PURE__ */ t("h3", { children: "Class Distribution" }),
+          /* @__PURE__ */ t("div", { className: "distribution-bars", children: r.statistics.byClass.map((s) => {
+            const u = r.labelSchema.classes.find((A) => A.id === s.classId), g = s.count / Math.max(r.statistics.labeled, 1) * 100;
+            return /* @__PURE__ */ i("div", { className: "distribution-row", children: [
+              /* @__PURE__ */ t("span", { className: "class-name", style: { color: u == null ? void 0 : u.color }, children: u == null ? void 0 : u.name }),
+              /* @__PURE__ */ t("div", { className: "bar-container", children: /* @__PURE__ */ t(
+                "div",
+                {
+                  className: "bar-fill",
+                  style: { width: `${g}%`, backgroundColor: u == null ? void 0 : u.color }
+                }
+              ) }),
+              /* @__PURE__ */ t("span", { className: "count", children: s.count })
+            ] }, s.classId);
+          }) })
+        ] })
+      ] })
+    ] }),
+    L && /* @__PURE__ */ t("div", { className: "shortcuts-modal", children: /* @__PURE__ */ i("div", { className: "modal-content", children: [
+      /* @__PURE__ */ i("div", { className: "modal-header", children: [
+        /* @__PURE__ */ t("h3", { children: "Keyboard Shortcuts" }),
+        /* @__PURE__ */ t("button", { onClick: () => P(!1), children: "×" })
+      ] }),
+      /* @__PURE__ */ i("div", { className: "shortcuts-list", children: [
+        /* @__PURE__ */ i("div", { className: "shortcut-item", children: [
+          /* @__PURE__ */ t("span", { className: "keys", children: "← / A" }),
+          /* @__PURE__ */ t("span", { className: "description", children: "Previous item" })
+        ] }),
+        /* @__PURE__ */ i("div", { className: "shortcut-item", children: [
+          /* @__PURE__ */ t("span", { className: "keys", children: "→ / D" }),
+          /* @__PURE__ */ t("span", { className: "description", children: "Next item" })
+        ] }),
+        /* @__PURE__ */ i("div", { className: "shortcut-item", children: [
+          /* @__PURE__ */ t("span", { className: "keys", children: "Enter" }),
+          /* @__PURE__ */ t("span", { className: "description", children: "Approve item" })
+        ] }),
+        /* @__PURE__ */ i("div", { className: "shortcut-item", children: [
+          /* @__PURE__ */ t("span", { className: "keys", children: "Backspace" }),
+          /* @__PURE__ */ t("span", { className: "description", children: "Reject item" })
+        ] }),
+        r.labelSchema.classes.map(
+          (s) => s.shortcut && /* @__PURE__ */ i("div", { className: "shortcut-item", children: [
+            /* @__PURE__ */ t("span", { className: "keys", children: s.shortcut }),
+            /* @__PURE__ */ i("span", { className: "description", children: [
+              "Label as ",
+              s.name
+            ] })
+          ] }, s.id)
+        )
+      ] })
+    ] }) })
+  ] });
+}, Be = {
+  id: crypto.randomUUID(),
+  name: "Model Endpoint",
+  modelId: "",
+  modelVersion: "1.0.0",
+  status: "stopped",
+  url: "",
+  authentication: { type: "api-key" },
+  metrics: {
+    requestsTotal: 0,
+    requestsPerSecond: 0,
+    latencyP50: 0,
+    latencyP95: 0,
+    latencyP99: 0,
+    errorRate: 0,
+    successRate: 100
+  },
+  logs: []
+}, va = ({
+  endpoint: n,
+  onInference: e,
+  showMetrics: a = !0,
+  showLogs: c = !0,
+  className: d = ""
+}) => {
+  const [r, x] = p(n || Be), [C, S] = p("test"), [b, I] = p("text"), [E, R] = p(""), [$, O] = p("{}"), [N, U] = p(null), [h, v] = p({
+    temperature: 0.7,
+    topK: 50,
+    topP: 0.9,
+    maxTokens: 256,
+    threshold: 0.5
+  }), [f, D] = p(null), [L, P] = p(!1), [j, _] = p(null), [V, G] = p([]), [y, l] = p(null), m = Q(null), T = (o) => {
+    var q;
+    const k = (q = o.target.files) == null ? void 0 : q[0];
+    if (k) {
+      const J = new FileReader();
+      J.onload = (M) => {
+        var K;
+        U((K = M.target) == null ? void 0 : K.result);
+      }, J.readAsDataURL(k);
+    }
+  }, w = async () => {
+    if (!e) {
+      _("No inference handler provided");
+      return;
+    }
+    P(!0), _(null), D(null);
+    const o = [];
+    switch (b) {
+      case "text":
+        o.push({ type: "text", data: E });
+        break;
+      case "image":
+        N && o.push({ type: "image", data: N });
+        break;
+      case "json":
+        try {
+          o.push({ type: "json", data: JSON.parse($) });
+        } catch {
+          _("Invalid JSON input"), P(!1);
+          return;
+        }
+        break;
+      case "tabular":
+        try {
+          o.push({ type: "tabular", data: JSON.parse($) });
+        } catch {
+          _("Invalid tabular data"), P(!1);
+          return;
+        }
+        break;
+    }
+    const k = {
+      inputs: o,
+      parameters: h
+    };
+    try {
+      const q = Date.now(), J = await e(k), M = Date.now() - q;
+      D(J), x((K) => ({
+        ...K,
+        metrics: {
+          ...K.metrics,
+          requestsTotal: K.metrics.requestsTotal + 1,
+          latencyP50: (K.metrics.latencyP50 + M) / 2
+        },
+        logs: [
+          {
+            timestamp: /* @__PURE__ */ new Date(),
+            requestId: J.requestId,
+            duration: M,
+            status: "success",
+            inputSize: JSON.stringify(o).length,
+            outputSize: JSON.stringify(J.predictions).length
+          },
+          ...K.logs.slice(0, 99)
+        ]
+      }));
+    } catch (q) {
+      const J = q instanceof Error ? q.message : "Inference failed";
+      _(J), x((M) => ({
+        ...M,
+        metrics: {
+          ...M.metrics,
+          requestsTotal: M.metrics.requestsTotal + 1,
+          errorRate: (M.metrics.errorRate * M.metrics.requestsTotal + 1) / (M.metrics.requestsTotal + 1)
+        },
+        logs: [
+          {
+            timestamp: /* @__PURE__ */ new Date(),
+            requestId: crypto.randomUUID(),
+            duration: 0,
+            status: "error",
+            inputSize: JSON.stringify(o).length,
+            outputSize: 0,
+            error: J
+          },
+          ...M.logs.slice(0, 99)
+        ]
+      }));
+    } finally {
+      P(!1);
+    }
+  }, z = async (o) => {
+    if (e) {
+      l(0), G([]);
+      for (let k = 0; k < o.length; k++) {
+        const q = {
+          inputs: [o[k]],
+          parameters: h
+        };
+        try {
+          const J = await e(q);
+          G((M) => [...M, J]);
+        } catch (J) {
+          console.error("Batch item failed:", J);
+        }
+        l((k + 1) / o.length * 100);
+      }
+      l(null);
+    }
+  }, W = (o) => o < 1e3 ? `${o.toFixed(0)}ms` : `${(o / 1e3).toFixed(2)}s`, Y = (o) => o.toLocaleTimeString(), te = (o, k) => /* @__PURE__ */ i("div", { className: "prediction-item", children: [
+    o.label && /* @__PURE__ */ i("div", { className: "prediction-label", children: [
+      /* @__PURE__ */ t("span", { className: "label-name", children: o.label }),
+      o.confidence !== void 0 && /* @__PURE__ */ i(
+        "span",
+        {
+          className: "confidence-badge",
+          style: {
+            backgroundColor: `hsl(${o.confidence * 120}, 70%, 40%)`
+          },
+          children: [
+            (o.confidence * 100).toFixed(1),
+            "%"
+          ]
+        }
+      )
+    ] }),
+    o.score !== void 0 && /* @__PURE__ */ i("div", { className: "prediction-score", children: [
+      /* @__PURE__ */ t("span", { className: "score-label", children: "Score:" }),
+      /* @__PURE__ */ t("span", { className: "score-value", children: o.score.toFixed(4) })
+    ] }),
+    o.text && /* @__PURE__ */ t("div", { className: "prediction-text", children: /* @__PURE__ */ t("pre", { children: o.text }) }),
+    o.bbox && /* @__PURE__ */ t("div", { className: "prediction-bbox", children: /* @__PURE__ */ i("span", { children: [
+      "Box: (",
+      o.bbox.x,
+      ", ",
+      o.bbox.y,
+      ") - ",
+      o.bbox.width,
+      "×",
+      o.bbox.height
+    ] }) }),
+    o.raw !== void 0 && o.raw !== null && /* @__PURE__ */ i("details", { className: "raw-output", children: [
+      /* @__PURE__ */ t("summary", { children: "Raw Output" }),
+      /* @__PURE__ */ t("pre", { children: JSON.stringify(o.raw, null, 2) })
+    ] })
+  ] }, k);
+  return /* @__PURE__ */ i("div", { className: `nice-model-inference ${d}`, children: [
+    /* @__PURE__ */ i("header", { className: "inference__header", children: [
+      /* @__PURE__ */ i("div", { className: "header__info", children: [
+        /* @__PURE__ */ t("h2", { children: r.name }),
+        /* @__PURE__ */ t("span", { className: `status-badge status-badge--${r.status}`, children: r.status })
+      ] }),
+      /* @__PURE__ */ i("div", { className: "header__tabs", children: [
+        /* @__PURE__ */ t(
+          "button",
+          {
+            className: `tab-button ${C === "test" ? "tab-button--active" : ""}`,
+            onClick: () => S("test"),
+            children: "Test"
+          }
+        ),
+        /* @__PURE__ */ t(
+          "button",
+          {
+            className: `tab-button ${C === "batch" ? "tab-button--active" : ""}`,
+            onClick: () => S("batch"),
+            children: "Batch"
+          }
+        ),
+        a && /* @__PURE__ */ t(
+          "button",
+          {
+            className: `tab-button ${C === "metrics" ? "tab-button--active" : ""}`,
+            onClick: () => S("metrics"),
+            children: "Metrics"
+          }
+        ),
+        c && /* @__PURE__ */ t(
+          "button",
+          {
+            className: `tab-button ${C === "logs" ? "tab-button--active" : ""}`,
+            onClick: () => S("logs"),
+            children: "Logs"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ i("div", { className: "inference__content", children: [
+      C === "test" && /* @__PURE__ */ i("div", { className: "test-panel", children: [
+        /* @__PURE__ */ i("div", { className: "input-section", children: [
+          /* @__PURE__ */ t("div", { className: "input-type-selector", children: ["text", "image", "json", "tabular"].map((o) => /* @__PURE__ */ t(
+            "button",
+            {
+              className: `type-button ${b === o ? "type-button--active" : ""}`,
+              onClick: () => I(o),
+              children: o.charAt(0).toUpperCase() + o.slice(1)
+            },
+            o
+          )) }),
+          /* @__PURE__ */ i("div", { className: "input-area", children: [
+            b === "text" && /* @__PURE__ */ t(
+              "textarea",
+              {
+                value: E,
+                onChange: (o) => R(o.target.value),
+                placeholder: "Enter text input...",
+                rows: 6,
+                className: "text-input"
+              }
+            ),
+            b === "image" && /* @__PURE__ */ t("div", { className: "image-input", children: N ? /* @__PURE__ */ i("div", { className: "image-preview", children: [
+              /* @__PURE__ */ t("img", { src: N, alt: "Input preview" }),
+              /* @__PURE__ */ t("button", { className: "clear-button", onClick: () => U(null), children: "Clear" })
+            ] }) : /* @__PURE__ */ i("label", { className: "upload-zone", children: [
+              /* @__PURE__ */ t(
+                "input",
+                {
+                  ref: m,
+                  type: "file",
+                  accept: "image/*",
+                  onChange: T,
+                  hidden: !0
+                }
+              ),
+              /* @__PURE__ */ t("span", { className: "upload-icon", children: "🖼️" }),
+              /* @__PURE__ */ t("span", { children: "Click or drag to upload image" })
+            ] }) }),
+            (b === "json" || b === "tabular") && /* @__PURE__ */ t(
+              "textarea",
+              {
+                value: $,
+                onChange: (o) => O(o.target.value),
+                placeholder: b === "json" ? `{
+  "key": "value"
+}` : `[
+  {"col1": "value1", "col2": "value2"}
+]`,
+                rows: 10,
+                className: "json-input"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ i("div", { className: "parameters-section", children: [
+            /* @__PURE__ */ t("h4", { children: "Parameters" }),
+            /* @__PURE__ */ i("div", { className: "parameters-grid", children: [
+              /* @__PURE__ */ i("label", { children: [
+                "Temperature",
+                /* @__PURE__ */ t(
+                  "input",
+                  {
+                    type: "number",
+                    value: h.temperature,
+                    onChange: (o) => v({ ...h, temperature: parseFloat(o.target.value) }),
+                    min: "0",
+                    max: "2",
+                    step: "0.1"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ i("label", { children: [
+                "Top K",
+                /* @__PURE__ */ t(
+                  "input",
+                  {
+                    type: "number",
+                    value: h.topK,
+                    onChange: (o) => v({ ...h, topK: parseInt(o.target.value) }),
+                    min: "1",
+                    max: "100"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ i("label", { children: [
+                "Top P",
+                /* @__PURE__ */ t(
+                  "input",
+                  {
+                    type: "number",
+                    value: h.topP,
+                    onChange: (o) => v({ ...h, topP: parseFloat(o.target.value) }),
+                    min: "0",
+                    max: "1",
+                    step: "0.05"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ i("label", { children: [
+                "Threshold",
+                /* @__PURE__ */ t(
+                  "input",
+                  {
+                    type: "number",
+                    value: h.threshold,
+                    onChange: (o) => v({ ...h, threshold: parseFloat(o.target.value) }),
+                    min: "0",
+                    max: "1",
+                    step: "0.05"
+                  }
+                )
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ t(
+            "button",
+            {
+              className: "run-button",
+              onClick: w,
+              disabled: L || !E && !N && $ === "{}",
+              children: L ? "Running..." : "Run Inference"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ i("div", { className: "output-section", children: [
+          /* @__PURE__ */ t("h3", { children: "Output" }),
+          j && /* @__PURE__ */ i("div", { className: "error-message", children: [
+            /* @__PURE__ */ t("span", { className: "error-icon", children: "⚠️" }),
+            j
+          ] }),
+          f && /* @__PURE__ */ i("div", { className: "result-container", children: [
+            /* @__PURE__ */ i("div", { className: "result-meta", children: [
+              /* @__PURE__ */ i("span", { children: [
+                "Request ID: ",
+                f.requestId
+              ] }),
+              /* @__PURE__ */ i("span", { children: [
+                "Latency: ",
+                W(f.latency)
+              ] }),
+              /* @__PURE__ */ i("span", { children: [
+                "Model: ",
+                f.modelVersion
+              ] })
+            ] }),
+            /* @__PURE__ */ t("div", { className: "predictions-list", children: f.predictions.map((o, k) => te(o, k)) })
+          ] }),
+          !j && !f && /* @__PURE__ */ i("div", { className: "empty-output", children: [
+            /* @__PURE__ */ t("span", { className: "icon", children: "📤" }),
+            /* @__PURE__ */ t("p", { children: "Run inference to see results" })
+          ] })
+        ] })
+      ] }),
+      C === "batch" && /* @__PURE__ */ i("div", { className: "batch-panel", children: [
+        /* @__PURE__ */ i("div", { className: "batch-upload", children: [
+          /* @__PURE__ */ t("h3", { children: "Batch Inference" }),
+          /* @__PURE__ */ t("p", { className: "hint", children: "Upload a file with multiple inputs for batch processing" }),
+          /* @__PURE__ */ i("label", { className: "upload-zone", children: [
+            /* @__PURE__ */ t(
+              "input",
+              {
+                type: "file",
+                accept: ".json,.csv,.txt",
+                onChange: async (o) => {
+                  var q;
+                  const k = (q = o.target.files) == null ? void 0 : q[0];
+                  if (k) {
+                    const J = await k.text();
+                    try {
+                      const M = JSON.parse(J);
+                      if (Array.isArray(M)) {
+                        const K = M.map((ee) => ({
+                          type: "json",
+                          data: ee
+                        }));
+                        z(K);
+                      }
+                    } catch {
+                      _("Invalid batch file format");
+                    }
+                  }
+                },
+                hidden: !0
+              }
+            ),
+            /* @__PURE__ */ t("span", { className: "upload-icon", children: "📁" }),
+            /* @__PURE__ */ t("span", { children: "Upload JSON array file" })
+          ] })
+        ] }),
+        y !== null && /* @__PURE__ */ i("div", { className: "batch-progress", children: [
+          /* @__PURE__ */ t("div", { className: "progress-bar", children: /* @__PURE__ */ t("div", { className: "progress-fill", style: { width: `${y}%` } }) }),
+          /* @__PURE__ */ i("span", { children: [
+            Math.round(y),
+            "%"
+          ] })
+        ] }),
+        V.length > 0 && /* @__PURE__ */ i("div", { className: "batch-results", children: [
+          /* @__PURE__ */ i("h3", { children: [
+            "Results (",
+            V.length,
+            ")"
+          ] }),
+          /* @__PURE__ */ t("div", { className: "results-list", children: V.map((o, k) => /* @__PURE__ */ i("div", { className: "batch-result-item", children: [
+            /* @__PURE__ */ i("span", { className: "result-index", children: [
+              "#",
+              k + 1
+            ] }),
+            o.predictions.map((q, J) => /* @__PURE__ */ i("span", { className: "result-prediction", children: [
+              q.label,
+              ": ",
+              (q.confidence || q.score || 0 * 100).toFixed(1),
+              "%"
+            ] }, J))
+          ] }, k)) })
+        ] })
+      ] }),
+      C === "metrics" && a && /* @__PURE__ */ i("div", { className: "metrics-panel", children: [
+        /* @__PURE__ */ i("div", { className: "metrics-grid", children: [
+          /* @__PURE__ */ i("div", { className: "metric-card", children: [
+            /* @__PURE__ */ t("span", { className: "metric-value", children: r.metrics.requestsTotal }),
+            /* @__PURE__ */ t("span", { className: "metric-label", children: "Total Requests" })
+          ] }),
+          /* @__PURE__ */ i("div", { className: "metric-card", children: [
+            /* @__PURE__ */ t("span", { className: "metric-value", children: r.metrics.requestsPerSecond.toFixed(1) }),
+            /* @__PURE__ */ t("span", { className: "metric-label", children: "Requests/sec" })
+          ] }),
+          /* @__PURE__ */ i("div", { className: "metric-card", children: [
+            /* @__PURE__ */ t("span", { className: "metric-value", children: W(r.metrics.latencyP50) }),
+            /* @__PURE__ */ t("span", { className: "metric-label", children: "P50 Latency" })
+          ] }),
+          /* @__PURE__ */ i("div", { className: "metric-card", children: [
+            /* @__PURE__ */ t("span", { className: "metric-value", children: W(r.metrics.latencyP95) }),
+            /* @__PURE__ */ t("span", { className: "metric-label", children: "P95 Latency" })
+          ] }),
+          /* @__PURE__ */ i("div", { className: "metric-card", children: [
+            /* @__PURE__ */ t("span", { className: "metric-value", children: W(r.metrics.latencyP99) }),
+            /* @__PURE__ */ t("span", { className: "metric-label", children: "P99 Latency" })
+          ] }),
+          /* @__PURE__ */ i("div", { className: "metric-card", children: [
+            /* @__PURE__ */ i("span", { className: "metric-value", children: [
+              r.metrics.successRate.toFixed(1),
+              "%"
+            ] }),
+            /* @__PURE__ */ t("span", { className: "metric-label", children: "Success Rate" })
+          ] }),
+          /* @__PURE__ */ i("div", { className: "metric-card", children: [
+            /* @__PURE__ */ i("span", { className: "metric-value", children: [
+              (r.metrics.errorRate * 100).toFixed(2),
+              "%"
+            ] }),
+            /* @__PURE__ */ t("span", { className: "metric-label", children: "Error Rate" })
+          ] })
+        ] }),
+        /* @__PURE__ */ i("div", { className: "latency-histogram", children: [
+          /* @__PURE__ */ t("h3", { children: "Latency Distribution" }),
+          /* @__PURE__ */ t("div", { className: "histogram-bars", children: [10, 25, 50, 75, 90, 95, 99].map((o) => /* @__PURE__ */ i("div", { className: "histogram-bar", children: [
+            /* @__PURE__ */ t(
+              "div",
+              {
+                className: "bar-fill",
+                style: {
+                  height: `${Math.min(100, r.metrics.latencyP50 * o / 100)}px`
+                }
+              }
+            ),
+            /* @__PURE__ */ i("span", { className: "percentile-label", children: [
+              "P",
+              o
+            ] })
+          ] }, o)) })
+        ] })
+      ] }),
+      C === "logs" && c && /* @__PURE__ */ i("div", { className: "logs-panel", children: [
+        /* @__PURE__ */ i("div", { className: "logs-header", children: [
+          /* @__PURE__ */ t("h3", { children: "Request Logs" }),
+          /* @__PURE__ */ t(
+            "button",
+            {
+              className: "clear-logs-button",
+              onClick: () => x((o) => ({ ...o, logs: [] })),
+              children: "Clear Logs"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ t("div", { className: "logs-table", children: /* @__PURE__ */ i("table", { children: [
+          /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ i("tr", { children: [
+            /* @__PURE__ */ t("th", { children: "Time" }),
+            /* @__PURE__ */ t("th", { children: "Request ID" }),
+            /* @__PURE__ */ t("th", { children: "Duration" }),
+            /* @__PURE__ */ t("th", { children: "Status" }),
+            /* @__PURE__ */ t("th", { children: "Input Size" }),
+            /* @__PURE__ */ t("th", { children: "Output Size" })
+          ] }) }),
+          /* @__PURE__ */ t("tbody", { children: r.logs.length === 0 ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", { colSpan: 6, className: "empty-logs", children: "No logs yet" }) }) : r.logs.map((o, k) => /* @__PURE__ */ i("tr", { className: `log-row log-row--${o.status}`, children: [
+            /* @__PURE__ */ t("td", { children: Y(o.timestamp) }),
+            /* @__PURE__ */ t("td", { className: "request-id", children: o.requestId.slice(0, 8) }),
+            /* @__PURE__ */ t("td", { children: W(o.duration) }),
+            /* @__PURE__ */ t("td", { children: /* @__PURE__ */ t("span", { className: `status-badge status-badge--${o.status}`, children: o.status }) }),
+            /* @__PURE__ */ i("td", { children: [
+              o.inputSize,
+              " B"
+            ] }),
+            /* @__PURE__ */ i("td", { children: [
+              o.outputSize,
+              " B"
+            ] })
+          ] }, k)) })
+        ] }) })
+      ] })
+    ] })
+  ] });
+};
 export {
-  G as NiceAIHintBubble,
-  ke as NiceAIProvider,
-  ee as RateLimiter,
-  me as build3DSceneContext,
-  oe as buildAudioContext,
-  we as buildChartContext,
-  de as buildCodeEditorContext,
-  U as buildColorPickerContext,
-  ve as buildDataGridContext,
-  X as buildDatePickerContext,
-  ye as buildDiagramLayoutContext,
-  ue as buildFormFillContext,
-  he as buildGameEngineContext,
-  ge as buildGraphicsContext,
-  se as buildHtmlEditorContext,
-  fe as buildIconSearchContext,
-  K as buildNumberInputContext,
-  be as buildPresentationGenerateContext,
-  _ as buildSelectContext,
-  xe as buildSlideDesignContext,
-  F as buildTextInputContext,
-  ce as buildValidationContext,
-  Fe as colorControlContext,
-  Ge as dateControlContext,
-  Be as numberControlContext,
-  re as parseJSONResponse,
-  ne as parseSSEStream,
-  Ye as selectControlContext,
-  je as textControlContext,
-  Je as useAI3DHint,
-  Me as useAIAudioHint,
-  Ae as useAICodeHint,
-  Re as useAIColorHint,
-  Y as useAIContext,
-  Le as useAIDateHint,
-  He as useAIDiagramLayout,
-  Ne as useAIFormFill,
-  Ee as useAIGraphicsHint,
-  Oe as useAIHtmlHint,
-  De as useAIIconSearch,
-  ze as useAINpcHint,
-  $e as useAINumberHint,
-  Ve as useAIPresentationGenerate,
-  Pe as useAISelectHint,
-  qe as useAISlideDesign,
-  Te as useAITextHint,
-  Ie as useAIValidation,
-  g as useNiceAIHint,
-  We as withAIHint
+  ue as NiceAIHintBubble,
+  je as NiceAIProvider,
+  ba as NiceDataLabeler,
+  fa as NiceMLStudio,
+  va as NiceModelInference,
+  Ne as RateLimiter,
+  Le as build3DSceneContext,
+  Pe as buildAudioContext,
+  Ve as buildChartContext,
+  Ie as buildCodeEditorContext,
+  be as buildColorPickerContext,
+  _e as buildDataGridContext,
+  fe as buildDatePickerContext,
+  De as buildDiagramLayoutContext,
+  Te as buildFormFillContext,
+  Oe as buildGameEngineContext,
+  Ae as buildGraphicsContext,
+  Re as buildHtmlEditorContext,
+  Me as buildIconSearchContext,
+  he as buildNumberInputContext,
+  Ee as buildPresentationGenerateContext,
+  ge as buildSelectContext,
+  Je as buildSlideDesignContext,
+  me as buildTextInputContext,
+  $e as buildValidationContext,
+  ga as colorControlContext,
+  ha as dateControlContext,
+  ua as numberControlContext,
+  pe as parseJSONResponse,
+  xe as parseSSEStream,
+  ma as selectControlContext,
+  oa as textControlContext,
+  ta as useAI3DHint,
+  aa as useAIAudioHint,
+  Ze as useAICodeHint,
+  Ye as useAIColorHint,
+  oe as useAIContext,
+  We as useAIDateHint,
+  la as useAIDiagramLayout,
+  Qe as useAIFormFill,
+  na as useAIGraphicsHint,
+  ea as useAIHtmlHint,
+  ia as useAIIconSearch,
+  ra as useAINpcHint,
+  Ke as useAINumberHint,
+  sa as useAIPresentationGenerate,
+  Ge as useAISelectHint,
+  ca as useAISlideDesign,
+  He as useAITextHint,
+  Xe as useAIValidation,
+  F as useNiceAIHint,
+  da as withAIHint
 };