@code0-tech/pictor 0.0.0-mvp.29 → 0.0.0-mvp.30

package/dist/node_modules/react-dom/server.browser.js

@@ -0,0 +1,15 @@
+import { __exports as r } from "../../_virtual/server.browser2.js";
+import { __require as t } from "./cjs/react-dom-server-legacy.browser.production.js";
+import { __require as a } from "./cjs/react-dom-server.browser.production.js";
+import { __require as s } from "./cjs/react-dom-server-legacy.browser.development.js";
+import { __require as _ } from "./cjs/react-dom-server.browser.development.js";
+var i;
+function v() {
+  if (i) return r;
+  i = 1;
+  var e, o;
+  return process.env.NODE_ENV === "production" ? (e = t(), o = a()) : (e = s(), o = _()), r.version = e.version, r.renderToString = e.renderToString, r.renderToStaticMarkup = e.renderToStaticMarkup, r.renderToReadableStream = o.renderToReadableStream, r.resume = o.resume, r;
+}
+export {
+  v as __require
+};

package/dist/utils/generics.d.ts

@@ -4,6 +4,7 @@ import { DataType, DataTypeIdentifier, Flow, GenericMapper, NodeParameterValue }
 type GenericMappingResult = Record<string, DataTypeIdentifier>;
 type GenericReplacement = DataTypeIdentifier | GenericMapper;
 export type GenericMap = Map<string, GenericReplacement>;
+export type GenericTargetMap = Map<string, string>;
 export declare const resolveGenericKeyMappings: (parameterType: DataTypeIdentifier, valueType: DataTypeIdentifier, genericKeys: string[]) => GenericMappingResult;
 export declare const replaceGenericKeysInType: (type: DataTypeIdentifier, genericMap: GenericMap) => DataTypeIdentifier;
 export declare const resolveAllGenericKeysInDataTypeObject: (genericObj: DataType, concreteObj: DataType, genericKeys: string[]) => Record<string, GenericReplacement | undefined>;
@@ -12,5 +13,6 @@ export declare const resolveGenericKeys: (func: FunctionDefinitionView, values:
 export declare function isMatchingDataTypeObject(source: DataType, target: DataType): boolean;
 export declare function isMatchingType(source: DataTypeIdentifier, target: DataTypeIdentifier): boolean;
 export declare const resolveType: (type: DataTypeIdentifier, service: DFlowDataTypeReactiveService) => DataTypeIdentifier;
+export declare const targetForGenericKey: (func: FunctionDefinitionView, target: DataTypeIdentifier) => GenericTargetMap;
 export declare const replaceGenericsAndSortType: (type: DataTypeIdentifier, genericKeys?: string[]) => DataTypeIdentifier;
 export {};

package/dist/utils/generics.js

@@ -1,13 +1,13 @@
-const C = "GENERIC", y = (e) => typeof e == "object" && e !== null && !Array.isArray(e), T = (e) => y(e) ? "genericKey" in e || "genericType" in e || "dataType" in e : !1, A = (e) => y(e) && "target" in e && Array.isArray(e.sourceDataTypeIdentifiers), E = (e) => y(e) && "variant" in e && "identifier" in e, b = (e) => y(e) && "variant" in e && "config" in e, O = (e) => {
+const C = "GENERIC", y = (e) => typeof e == "object" && e !== null && !Array.isArray(e), T = (e) => y(e) ? "genericKey" in e || "genericType" in e || "dataType" in e : !1, K = (e) => y(e) && "target" in e && Array.isArray(e.sourceDataTypeIdentifiers), E = (e) => y(e) && "variant" in e && "identifier" in e, b = (e) => y(e) && "variant" in e && "config" in e, O = (e) => {
   if (e)
     return typeof e == "string" ? e : e?.dataType?.identifier ?? e?.genericType?.dataType?.identifier ?? void 0;
 }, j = (e, n) => {
   if (e)
     return typeof e == "string" ? n && n.has(e) ? e : void 0 : e.genericKey ?? void 0;
-}, _ = (e) => !e || typeof e == "string" ? [] : e.genericType?.genericMappers ?? [], G = (e, n) => ({
+}, _ = (e) => !e || typeof e == "string" ? [] : e.genericType?.genericMappers ?? [], P = (e, n) => ({
   ...e,
   sourceDataTypeIdentifiers: n
-}), R = (e) => {
+}), w = (e) => {
   const n = e.genericCombinationStrategies ?? [];
   return new Set(n.map((i) => i.type));
 }, m = (e) => {
@@ -27,7 +27,7 @@ const C = "GENERIC", y = (e) => typeof e == "object" && e !== null && !Array.isA
   if (n.genericKey) return !0;
   const t = O(n), a = O(e);
   return !!t && t === a;
-}, z = (e, n) => {
+}, R = (e, n) => {
   switch (e.__typename) {
     case "DataTypeRulesContainsKeyConfig":
     case "DataTypeRulesContainsTypeConfig":
@@ -51,32 +51,32 @@ const C = "GENERIC", y = (e) => typeof e == "object" && e !== null && !Array.isA
     default:
       return e;
   }
-}, w = (e, n, i) => {
-  const t = {}, a = new Set(i), c = (s, r) => {
+}, z = (e, n, i) => {
+  const t = {}, a = new Set(i), o = (s, r) => {
     if (!s || !r) return;
     const f = j(s, a);
     if (f && a.has(f)) {
       T(r) && (t[f] = r);
       return;
     }
-    const o = _(s);
-    if (o.length === 0) return;
+    const c = _(s);
+    if (c.length === 0) return;
     const u = _(r);
-    for (const p of o) {
+    for (const p of c) {
       const l = u.find((g) => g.target === p.target);
       if (!l) continue;
-      const d = (p.sourceDataTypeIdentifiers ?? []).map((g) => j(g, a)).filter((g) => !!g && a.has(g)), I = R(p), D = l.sourceDataTypeIdentifiers ?? [];
-      if ((I.has("AND") || I.has("OR")) && D.length === 1 && d.length === (p.sourceDataTypeIdentifiers?.length ?? 0))
+      const d = (p.sourceDataTypeIdentifiers ?? []).map((g) => j(g, a)).filter((g) => !!g && a.has(g)), h = w(p), D = l.sourceDataTypeIdentifiers ?? [];
+      if ((h.has("AND") || h.has("OR")) && D.length === 1 && d.length === (p.sourceDataTypeIdentifiers?.length ?? 0))
         for (const g of d)
           t[g] = D[0];
       else {
         const g = Math.min(p.sourceDataTypeIdentifiers?.length ?? 0, D.length);
-        for (let K = 0; K < g; K++)
-          c(p.sourceDataTypeIdentifiers[K], D[K]);
+        for (let A = 0; A < g; A++)
+          o(p.sourceDataTypeIdentifiers[A], D[A]);
       }
     }
   };
-  return c(e, n), t;
+  return o(e, n), t;
 }, M = (e, n) => {
   if (!T(e)) return e;
   const {
@@ -84,21 +84,21 @@ const C = "GENERIC", y = (e) => typeof e == "object" && e !== null && !Array.isA
     genericType: t
   } = e;
   if (i && n.has(i)) {
-    const c = n.get(i);
-    return c && T(c) ? c : e;
+    const o = n.get(i);
+    return o && T(o) ? o : e;
   }
   if (!t) return e;
-  const a = (t.genericMappers ?? []).map((c) => {
+  const a = (t.genericMappers ?? []).map((o) => {
     const s = [];
-    for (const r of c.sourceDataTypeIdentifiers ?? []) {
+    for (const r of o.sourceDataTypeIdentifiers ?? []) {
       if (!r) continue;
       const f = r.genericKey;
       if (f && n.has(f)) {
-        const o = n.get(f);
-        o && A(o) ? s.push(...o.sourceDataTypeIdentifiers) : o && T(o) ? s.push(o) : s.push(r);
+        const c = n.get(f);
+        c && K(c) ? s.push(...c.sourceDataTypeIdentifiers) : c && T(c) ? s.push(c) : s.push(r);
       } else T(r) ? s.push(M(r, n)) : s.push(r);
     }
-    return G(c, s);
+    return P(o, s);
   });
   return {
     ...e,
@@ -108,52 +108,52 @@ const C = "GENERIC", y = (e) => typeof e == "object" && e !== null && !Array.isA
     }
   };
 }, J = (e, n, i) => {
-  const t = {}, a = new Set(i), c = (s, r, f) => {
+  const t = {}, a = new Set(i), o = (s, r, f) => {
     if (!(!s || !r || a.size === 0)) {
       if (T(s)) {
-        const o = s.genericKey;
-        if (o && a.has(o) && (f ? t[o] = f : (A(r) || T(r)) && (t[o] = r), a.delete(o), a.size === 0))
+        const c = s.genericKey;
+        if (c && a.has(c) && (f ? t[c] = f : (K(r) || T(r)) && (t[c] = r), a.delete(c), a.size === 0))
           return;
       }
-      if (A(s) && A(r)) {
-        const o = Math.min(s.sourceDataTypeIdentifiers?.length, r.sourceDataTypeIdentifiers?.length);
-        for (let u = 0; u < o; u++)
-          if (c(s.sourceDataTypeIdentifiers[u], r.sourceDataTypeIdentifiers[u], r), a.size === 0) return;
+      if (K(s) && K(r)) {
+        const c = Math.min(s.sourceDataTypeIdentifiers?.length, r.sourceDataTypeIdentifiers?.length);
+        for (let u = 0; u < c; u++)
+          if (o(s.sourceDataTypeIdentifiers[u], r.sourceDataTypeIdentifiers[u], r), a.size === 0) return;
         return;
       }
       if (E(s) && E(r)) {
-        const o = s.rules?.nodes ?? [], u = r.rules?.nodes ?? [], p = Math.min(o.length, u.length);
+        const c = s.rules?.nodes ?? [], u = r.rules?.nodes ?? [], p = Math.min(c.length, u.length);
         for (let l = 0; l < p; l++) {
-          const d = o[l], I = u[l];
-          if (!(!d || !I) && (c(d, I), a.size === 0))
+          const d = c[l], h = u[l];
+          if (!(!d || !h) && (o(d, h), a.size === 0))
             return;
         }
         return;
       }
       if (b(s) && b(r)) {
-        c(s.config, r.config);
+        o(s.config, r.config);
         return;
       }
       if (Array.isArray(s) && Array.isArray(r)) {
-        const o = Math.min(s.length, r.length);
-        for (let u = 0; u < o; u++)
-          if (c(s[u], r[u], f), a.size === 0) return;
+        const c = Math.min(s.length, r.length);
+        for (let u = 0; u < c; u++)
+          if (o(s[u], r[u], f), a.size === 0) return;
         return;
       }
       if (y(s) && y(r)) {
-        for (const o of Object.keys(s))
-          if (o in r && o !== "__typename" && (c(s[o], r[o], f), a.size === 0))
+        for (const c of Object.keys(s))
+          if (c in r && c !== "__typename" && (o(s[c], r[c], f), a.size === 0))
             return;
       }
     }
   };
-  return c(e, n), t;
+  return o(e, n), t;
 }, Y = (e, n) => {
   const i = e.rules ? {
     ...e.rules,
     nodes: e.rules.nodes?.map((t) => t && {
       ...t,
-      config: z(t.config, n)
+      config: R(t.config, n)
     })
   } : void 0;
   return {
@@ -161,18 +161,18 @@ const C = "GENERIC", y = (e) => typeof e == "object" && e !== null && !Array.isA
     rules: i
   };
 }, k = (e, n, i, t) => {
-  const a = /* @__PURE__ */ new Map(), c = e?.genericKeys ?? [];
-  if (!e?.parameterDefinitions || c.length <= 0) return a;
-  const s = new Set(c);
+  const a = /* @__PURE__ */ new Map(), o = e?.genericKeys ?? [];
+  if (!e?.parameterDefinitions || o.length <= 0) return a;
+  const s = new Set(o);
   return e.parameterDefinitions.forEach((r, f) => {
-    const o = r.dataTypeIdentifier, u = n[f], p = i.getTypeFromValue(u, t);
-    if (!o || !p) return;
-    const l = w(o, p, c);
-    for (const [d, I] of Object.entries(l))
-      s.has(d) && (a.has(d) || a.set(d, I));
+    const c = r.dataTypeIdentifier, u = n[f], p = i.getTypeFromValue(u, t);
+    if (!c || !p) return;
+    const l = z(c, p, o);
+    for (const [d, h] of Object.entries(l))
+      s.has(d) && (a.has(d) || a.set(d, h));
   }), a;
 };
-function L(e, n) {
+function F(e, n) {
   if (e.variant !== n.variant) return !1;
   const i = n.rules?.nodes ?? [];
   if (i.length === 0) return !0;
@@ -194,12 +194,12 @@ function x(e, n) {
       return i.key !== t.key ? !1 : S(i.dataTypeIdentifier, t.dataTypeIdentifier);
     }
     case "INPUT_TYPES": {
-      const i = e.config, a = n.config.inputTypes ?? [], c = i.inputTypes ?? [];
-      return a.every((s) => c.some((r) => S(r.dataTypeIdentifier, s.dataTypeIdentifier)));
+      const i = e.config, a = n.config.inputTypes ?? [], o = i.inputTypes ?? [];
+      return a.every((s) => o.some((r) => S(r.dataTypeIdentifier, s.dataTypeIdentifier)));
     }
     case "ITEM_OF_COLLECTION": {
       const i = e.config.items ?? [], t = n.config.items ?? [];
-      return i.length !== t.length ? !1 : i.every((a, c) => a === t[c]);
+      return i.length !== t.length ? !1 : i.every((a, o) => a === t[o]);
     }
     case "NUMBER_RANGE": {
       const i = e.config, t = n.config;
@@ -213,11 +213,11 @@ function x(e, n) {
       return JSON.stringify(m(e.config)) === JSON.stringify(m(n.config));
   }
 }
-function V(e, n) {
-  const i = (s) => !!(s === C || T(s) && s.genericKey), t = (s, r) => i(s) || i(r) ? !0 : s == null || r == null ? s === r : Array.isArray(r) ? !Array.isArray(s) || s.length !== r.length ? !1 : s.every((f, o) => t(f, r[o])) : y(r) ? y(s) ? Object.keys(r).every((o) => t(s[o], r[o])) : !1 : s === r, a = m(e), c = m(n);
-  return t(a, c);
+function L(e, n) {
+  const i = (s) => !!(s === C || T(s) && s.genericKey), t = (s, r) => i(s) || i(r) ? !0 : s == null || r == null ? s === r : Array.isArray(r) ? !Array.isArray(s) || s.length !== r.length ? !1 : s.every((f, c) => t(f, r[c])) : y(r) ? y(s) ? Object.keys(r).every((c) => t(s[c], r[c])) : !1 : s === r, a = m(e), o = m(n);
+  return t(a, o);
 }
-const P = (e, n) => {
+const G = (e, n) => {
   if (typeof e == "string") {
     const t = n.getDataType(e);
     if (!t) return e;
@@ -232,7 +232,7 @@ const P = (e, n) => {
             dataType: t.json,
             genericMappers: [{
               target: r,
-              sourceDataTypeIdentifiers: [P(s, n)]
+              sourceDataTypeIdentifiers: [G(s, n)]
             }]
           }
         } : e;
@@ -243,7 +243,7 @@ const P = (e, n) => {
   if (!T(e) || !e.genericType) return e;
   const i = e.genericType.genericMappers?.map((t) => ({
     ...t,
-    sourceDataTypeIdentifiers: t?.sourceDataTypeIdentifiers?.map((a) => P(a, n))
+    sourceDataTypeIdentifiers: t?.sourceDataTypeIdentifiers?.map((a) => G(a, n))
   })) ?? [];
   return {
     ...e,
@@ -252,59 +252,72 @@ const P = (e, n) => {
       genericMappers: i
     }
   };
-}, h = (e) => {
+}, I = (e) => {
   if (Array.isArray(e)) {
-    const n = e.map(h);
-    return n.length <= 1 ? n : n.every(y) ? [...n].sort((a, c) => JSON.stringify(a).localeCompare(JSON.stringify(c))) : n.every((a) => !Array.isArray(a) && !y(a)) ? [...n].sort((a, c) => JSON.stringify(a).localeCompare(JSON.stringify(c))) : n;
+    const n = e.map(I);
+    return n.length <= 1 ? n : n.every(y) ? [...n].sort((a, o) => JSON.stringify(a).localeCompare(JSON.stringify(o))) : n.every((a) => !Array.isArray(a) && !y(a)) ? [...n].sort((a, o) => JSON.stringify(a).localeCompare(JSON.stringify(o))) : n;
   }
   if (y(e)) {
     const n = e;
-    return Object.keys(n).sort().reduce((i, t) => (i[t] = h(n[t]), i), {});
+    return Object.keys(n).sort().reduce((i, t) => (i[t] = I(n[t]), i), {});
   }
   return e;
-}, F = (e, n = []) => {
+}, V = (e, n) => {
+  if (!n.genericType) return /* @__PURE__ */ new Map();
+  const i = new Set(e.genericKeys ?? []), t = /* @__PURE__ */ new Map();
+  for (const a of n.genericType.genericMappers ?? []) {
+    const o = a.target;
+    if (!i.has(o))
+      for (const s of a.sourceDataTypeIdentifiers ?? []) {
+        const r = s.genericKey;
+        r && i.has(r) && t.set(r, o);
+      }
+  }
+  return t;
+}, U = (e, n = []) => {
   const i = new Set(n), t = (r) => r ? i.size === 0 ? !0 : i.has(r) : !1, a = (r) => {
-    const o = t(r.target) ? C : r.target, u = (r.sourceDataTypeIdentifiers ?? []).map((p) => s(p));
-    return h({
+    const c = t(r.target) ? C : r.target, u = (r.sourceDataTypeIdentifiers ?? []).map((p) => s(p));
+    return I({
       ...r,
-      target: o,
+      target: c,
       sourceDataTypeIdentifiers: u
     });
-  }, c = (r) => {
-    const o = t(r.genericKey) ? C : r.genericKey, u = {
+  }, o = (r) => {
+    const c = t(r.genericKey) ? C : r.genericKey, u = {
       ...r,
-      genericKey: o,
+      genericKey: c,
       dataType: r.dataType ? s(r.dataType) : r.dataType,
       genericType: r.genericType ? s(r.genericType) : r.genericType
     };
-    return h(u);
+    return I(u);
   };
   function s(r) {
     if (r == null) return r;
     if (Array.isArray(r)) {
-      const f = r.map((o) => s(o));
-      return h(f);
+      const f = r.map((c) => s(c));
+      return I(f);
     }
     if (T(r))
-      return c(r);
-    if (A(r))
+      return o(r);
+    if (K(r))
       return a(r);
     if (y(r)) {
-      const f = Object.entries(r).reduce((o, [u, p]) => (o[u] = s(p), o), {});
-      return h(f);
+      const f = Object.entries(r).reduce((c, [u, p]) => (c[u] = s(p), c), {});
+      return I(f);
     }
     return r;
   }
   return s(e);
 };
 export {
-  L as isMatchingDataTypeObject,
-  V as isMatchingType,
+  F as isMatchingDataTypeObject,
+  L as isMatchingType,
   Y as replaceGenericKeysInDataTypeObject,
   M as replaceGenericKeysInType,
-  F as replaceGenericsAndSortType,
+  U as replaceGenericsAndSortType,
   J as resolveAllGenericKeysInDataTypeObject,
-  w as resolveGenericKeyMappings,
+  z as resolveGenericKeyMappings,
   k as resolveGenericKeys,
-  P as resolveType
+  G as resolveType,
+  V as targetForGenericKey
 };

package/dist/utils/index.js

@@ -1,28 +1,29 @@
-import { ContextStore as o, ContextStoreProvider as t, useService as i, useStore as c } from "./contextStore.js";
-import { InspectionSeverity as v } from "./inspection.js";
-import { NonReactiveArrayService as S, createNonReactiveArrayService as p } from "./nonReactiveArrayService.js";
-import { ObjectService as g, createObjectService as x } from "./objectStore.js";
-import { ReactiveArrayService as f, useReactiveArrayService as C } from "./reactiveArrayService.js";
-import { Colors as y } from "./types.js";
-import { getChild as P, getContent as u, getPositionAroundTarget as R, getPositioning as b, getWindowPositioning as j, mergeCode0Props as l, parseUnit as N } from "./utils.js";
+import { ContextStore as t, ContextStoreProvider as o, useService as i, useStore as n } from "./contextStore.js";
+import { InspectionSeverity as v, underlineBySeverity as a } from "./inspection.js";
+import { NonReactiveArrayService as p, createNonReactiveArrayService as s } from "./nonReactiveArrayService.js";
+import { ObjectService as x, createObjectService as m } from "./objectStore.js";
+import { ReactiveArrayService as y, useReactiveArrayService as d } from "./reactiveArrayService.js";
+import { Colors as u } from "./types.js";
+import { getChild as P, getContent as R, getPositionAroundTarget as l, getPositioning as b, getWindowPositioning as j, mergeCode0Props as N, parseUnit as O } from "./utils.js";
 export {
-  y as Colors,
-  o as ContextStore,
-  t as ContextStoreProvider,
+  u as Colors,
+  t as ContextStore,
+  o as ContextStoreProvider,
   v as InspectionSeverity,
-  S as NonReactiveArrayService,
-  g as ObjectService,
-  f as ReactiveArrayService,
-  p as createNonReactiveArrayService,
-  x as createObjectService,
+  p as NonReactiveArrayService,
+  x as ObjectService,
+  y as ReactiveArrayService,
+  s as createNonReactiveArrayService,
+  m as createObjectService,
   P as getChild,
-  u as getContent,
-  R as getPositionAroundTarget,
+  R as getContent,
+  l as getPositionAroundTarget,
   b as getPositioning,
   j as getWindowPositioning,
-  l as mergeCode0Props,
-  N as parseUnit,
-  C as useReactiveArrayService,
+  N as mergeCode0Props,
+  O as parseUnit,
+  a as underlineBySeverity,
+  d as useReactiveArrayService,
   i as useService,
-  c as useStore
+  n as useStore
 };

package/dist/utils/inspection.d.ts

@@ -1,4 +1,5 @@
-import { Maybe, Scalars, TranslationConnection } from '@code0-tech/sagittarius-graphql-types';
+import { Maybe, Scalars, Translation } from '@code0-tech/sagittarius-graphql-types';
+import { CSSProperties } from 'react';
 export declare enum InspectionSeverity {
     TYPO = 0,
     GRAMMAR = 1,
@@ -9,5 +10,6 @@ export declare enum InspectionSeverity {
 export interface ValidationResult {
     parameterId: Maybe<Scalars["ParameterDefinitionID"]["output"]>;
     type: InspectionSeverity;
-    message: TranslationConnection;
+    message: Array<Translation>;
 }
+export declare const underlineBySeverity: Record<InspectionSeverity, CSSProperties>;

package/dist/utils/inspection.js

@@ -1,4 +1,29 @@
-var A = /* @__PURE__ */ ((R) => (R[R.TYPO = 0] = "TYPO", R[R.GRAMMAR = 1] = "GRAMMAR", R[R.WEAK = 2] = "WEAK", R[R.WARNING = 3] = "WARNING", R[R.ERROR = 4] = "ERROR", R))(A || {});
+var r = /* @__PURE__ */ ((d) => (d[d.TYPO = 0] = "TYPO", d[d.GRAMMAR = 1] = "GRAMMAR", d[d.WEAK = 2] = "WEAK", d[d.WARNING = 3] = "WARNING", d[d.ERROR = 4] = "ERROR", d))(r || {});
+const o = (d, a = "5px 4px") => ({
+  paddingBottom: "0.2rem",
+  backgroundRepeat: "repeat-x",
+  backgroundPosition: "left bottom",
+  backgroundSize: a,
+  backgroundImage: `url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='6' viewBox='0 0 12 6'>  <path d='M0 3 Q3 0 6 3 T12 3' fill='none' stroke='${d}' stroke-width='2'/></svg>")`
+}), g = {
+  0: {
+    borderBottom: "1px dotted #3b82f6"
+    // blue
+  },
+  1: {
+    borderBottom: "1px dashed #8b5cf6"
+    // violet
+  },
+  2: {
+    borderBottom: "3px double #9ca3af"
+    // gray
+  },
+  3: o("orange"),
+  // amber
+  4: o("red")
+  // already yours
+};
 export {
-  A as InspectionSeverity
+  r as InspectionSeverity,
+  g as underlineBySeverity
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@code0-tech/pictor",
-  "version": "0.0.0-mvp.29",
+  "version": "0.0.0-mvp.30",
   "type": "module",
   "description": "A simple template for a custom React component library",
   "scripts": {
@@ -20,7 +20,7 @@
     "@ariakit/react": "^0.4.17",
     "@babel/plugin-proposal-decorators": "^7.28.0",
     "@babel/plugin-transform-class-properties": "^7.27.1",
-    "@code0-tech/sagittarius-graphql-types": "^0.0.0-968478cecf351385c6c13c2be8aeae5c45da026c",
+    "@code0-tech/sagittarius-graphql-types": "^0.0.0-a2b1f5e9adf8f52b5a0f235ca9906ac5a699b4fc",
     "@dagrejs/dagre": "^2.0.0",
     "@mdx-js/react": "^3.1.1",
     "@radix-ui/react-checkbox": "^1.3.3",
@@ -47,6 +47,7 @@
     "@tabler/icons-react": "3.35.0",
     "@types/jest-image-snapshot": "^6.4.0",
     "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^5.1.1",
     "@vitest/browser-playwright": "^4.0.14",
     "@vitest/coverage-v8": "^4.0.14",
@@ -64,9 +65,9 @@
     "merge-props": "^6.0.0",
     "overlap-area": "^1.1.0",
     "playwright": "1.57.0",
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0",
-    "react-resizable-panels": "^3.0.6",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
+    "react-resizable-panels": "^4.3.1",
     "react-zoom-pan-pinch": "^3.7.0",
     "rimraf": "^6.1.2",
     "sass": "^1.94.2",
@@ -93,7 +94,7 @@
   "types": "dist/index.d.ts",
   "peerDependencies": {
     "@ariakit/react": "^0.4.5",
-    "@code0-tech/sagittarius-graphql-types": "^0.0.0-968478cecf351385c6c13c2be8aeae5c45da026c",
+    "@code0-tech/sagittarius-graphql-types": "^0.0.0-a2b1f5e9adf8f52b5a0f235ca9906ac5a699b4fc",
     "@radix-ui/react-checkbox": "^1.3.2",
     "@radix-ui/react-dialog": "^1.1.14",
     "@radix-ui/react-dropdown-menu": "^2.1.15",
@@ -111,7 +112,7 @@
     "overlap-area": "^1.1.0",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
-    "react-resizable-panels": "^3.0.3",
+    "react-resizable-panels": "^3.0.3 || ^4.0.0",
     "react-zoom-pan-pinch": "^3.6.1",
     "sonner": "^2.0.7"
   },
@@ -119,6 +120,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@radix-ui/react-context-menu": "^2.2.16"
+    "@radix-ui/react-context-menu": "^2.2.16",
+    "react-contenteditable": "^3.3.7"
   }
 }

package/dist/components/form/Input.selection.hook.d.ts

@@ -1,17 +0,0 @@
-import { RefObject } from 'react';
-import { ResolvedVisualSelectionRange } from './InputSyntax';
-import { VisualizedInputSyntaxSegment } from './Input.syntax.hook';
-import { InputSuggestion } from './InputSuggestion';
-export declare const useSelectionVisibility: (inputRef: RefObject<HTMLInputElement | null>, syntaxRef: RefObject<HTMLDivElement | null>) => {
-    ensureVisualIndexVisible: (visualIndex: number | null) => void;
-    syncSyntaxScroll: () => void;
-};
-export declare const useSelectionNormalization: (transformSyntax: ((value: any, appliedSyntaxParts?: (InputSuggestion | any)[]) => any) | undefined, expandSelectionRangeToBlockBoundaries: (rawStart: number, rawEnd: number) => {
-    start: number;
-    end: number;
-    hasBlockOverlap: boolean;
-}) => (target: HTMLInputElement) => void;
-export declare const useSelectionResolution: (transformSyntax: ((value: any, appliedSyntaxParts?: (InputSuggestion | any)[]) => any) | undefined, inputRef: RefObject<HTMLInputElement>, visualSelectionRange: {
-    start: number;
-    end: number;
-} | null, visualizedSyntaxSegments: VisualizedInputSyntaxSegment[], mapRawIndexToVisualIndex: (rawIndex: number) => number) => ResolvedVisualSelectionRange;

package/dist/components/form/Input.selection.hook.js

@@ -1,78 +0,0 @@
-import { c as M } from "../../_virtual/compiler-runtime.js";
-import _ from "react";
-import { useSyncSyntaxScroll as p, getSelectionMetrics as L, setSelectionRangeSafe as $ } from "./Input.utils.js";
-const A = (r, n) => {
-  const t = M.c(6);
-  let s;
-  t[0] !== r || t[1] !== n ? (s = (u) => {
-    if (u === null || !r.current || !n.current)
-      return;
-    const e = n.current, c = Math.round(u), m = e.querySelector(`[data-visual-index="${c}"]`);
-    let f = null, i = null;
-    if (m)
-      f = m.offsetLeft, i = m.offsetLeft + m.offsetWidth;
-    else {
-      const E = Array.from(e.querySelectorAll("[data-visual-start][data-visual-end]")).find((d) => {
-        const v = Number(d.dataset.visualStart), b = Number(d.dataset.visualEnd);
-        return Number.isFinite(v) && Number.isFinite(b) && c >= v && c <= b;
-      });
-      if (E) {
-        const d = Number(E.dataset.visualStart) || 0, v = Number(E.dataset.visualEnd) || d, b = E.offsetWidth, W = v === d ? 0 : (c - d) / (v - d);
-        f = E.offsetLeft + b * W, i = f;
-      }
-    }
-    if (f === null || i === null)
-      return;
-    const S = e.scrollLeft, N = S + e.clientWidth;
-    let h = S;
-    f - 8 < S ? h = Math.max(f - 8, 0) : i + 8 > N && (h = Math.max(i + 8 - e.clientWidth, 0)), h !== S && (r.current.scrollLeft = h, e.scrollLeft = h);
-  }, t[0] = r, t[1] = n, t[2] = s) : s = t[2];
-  const o = s, a = p(r, n);
-  let l;
-  return t[3] !== o || t[4] !== a ? (l = {
-    ensureVisualIndexVisible: o,
-    syncSyntaxScroll: a
-  }, t[3] = o, t[4] = a, t[5] = l) : l = t[5], l;
-}, F = (r, n) => {
-  const t = M.c(3);
-  let s;
-  return t[0] !== n || t[1] !== r ? (s = (o) => {
-    if (!r)
-      return;
-    const {
-      selectionStart: a,
-      selectionEnd: l
-    } = L(o);
-    if (a === l)
-      return;
-    const {
-      start: u,
-      end: e,
-      hasBlockOverlap: c
-    } = n(a, l);
-    c && (u === a && e === l || $(o, u, e));
-  }, t[0] = n, t[1] = r, t[2] = s) : s = t[2], s;
-}, O = (r, n, t, s, o) => _.useMemo(() => {
-  if (!r) return null;
-  const a = n.current;
-  if (!a) return t;
-  const {
-    rawStart: l,
-    rawEnd: u
-  } = L(a);
-  if (l === u) return null;
-  let e = o(l), c = o(u);
-  s.forEach((i) => {
-    i.type !== "block" || !(l < i.end && u > i.start) || (e = Math.min(e, i.visualStart), c = Math.max(c, i.visualEnd));
-  });
-  const m = Math.min(e, c), f = Math.max(e, c);
-  return {
-    start: m,
-    end: f
-  };
-}, [n, o, r, t, s]);
-export {
-  F as useSelectionNormalization,
-  O as useSelectionResolution,
-  A as useSelectionVisibility
-};

package/dist/components/form/InputSyntax.d.ts

@@ -1,19 +0,0 @@
-import { default as React } from 'react';
-import { VisualizedInputSyntaxSegment } from './Input.syntax.hook';
-import { InputSuggestion } from './InputSuggestion';
-export type ResolvedVisualSelectionRange = {
-    start: number;
-    end: number;
-} | null;
-export interface InputSyntaxProps {
-    transformSyntax?: ((value: any, appliedSyntaxParts?: (InputSuggestion | any)[]) => any);
-    syntaxRef: React.RefObject<HTMLDivElement | null>;
-    visualizedSyntaxSegments: VisualizedInputSyntaxSegment[];
-    resolvedVisualSelectionRange: ResolvedVisualSelectionRange;
-    visualCaretIndex: number | null;
-    isFocused: boolean;
-    onPointerDown: (event: React.PointerEvent<HTMLDivElement>) => void;
-    onPointerMove: (event: React.PointerEvent<HTMLDivElement>) => void;
-    onPointerUp: (event: React.PointerEvent<HTMLDivElement>) => void;
-}
-export declare const InputSyntax: React.FC<InputSyntaxProps>;