viur-ui 0.0.1

package/src/forms/utils.js

@@ -0,0 +1,601 @@
+import { createControllerFetch, normalizeEnvelope, normalizeStructure } from "../request/index.js"
+import Logics from "logics-js"
+import { inject, toRaw, reactive, markRaw } from "vue"
+import Utils from "./bones/utils"
+
+/**
+ * Tiefe Kopie reiner Daten (Skel-Werte), die Vue-Proxies auf JEDER Ebene
+ * auflöst. structuredClone allein scheitert daran: ein Record-/using-Formular
+ * bekommt den reaktiven Wert des Eltern-Bones, und `{ ...proxy }` behält die
+ * verschachtelten Werte als Proxies. Andere Objekte (Date, File) bleiben geteilt.
+ */
+function rawCopy(value) {
+  const raw = toRaw(value)
+  if (Array.isArray(raw)) return raw.map(rawCopy)
+  if (raw && typeof raw === "object" && Object.getPrototypeOf(raw) === Object.prototype) {
+    return Object.fromEntries(Object.entries(raw).map(([key, entry]) => [key, rawCopy(entry)]))
+  }
+  return raw
+}
+
+export function useFormUtils(props, state) {
+  function buildRequestSpec(urlOverride = null) {
+    let path = urlOverride
+
+    if (!path) {
+      path = `/${props.renderer}/${props.module}/${props.action}`
+
+      const isTree = ["node", "leaf"].includes(props.skeltype)
+
+      if (props.group) {
+        path += `/${props.group}`
+      } else if (isTree) {
+        path += `/${props.skeltype}`
+      }
+
+      // Nur mit Key anhängen: ein SINGLETON hat genau einen Datensatz, sein
+      // `edit` kennt keinen Key. Ohne diese Prüfung entstand `/edit/undefined`.
+      if (["edit", "clone"].includes(props.action) || (isTree && props.action === "add")) {
+        if (props.skelkey) {
+          path += `/${props.skelkey}`
+        }
+      }
+    }
+
+    const parsedUrl = new URL(path, window.location.origin)
+    const segments = parsedUrl.pathname.split("/").filter(Boolean)
+    const renderer = segments[0] || props.renderer
+    const requestSegments = segments[0] === renderer ? segments.slice(1) : segments
+
+    if (requestSegments.length < 2) {
+      throw new Error(`Invalid request path: ${path}`)
+    }
+
+    return {
+      renderer,
+      controller: requestSegments.slice(0, -1),
+      endpoint: requestSegments.at(-1),
+      // preserve any query string from a server-provided url (e.g. a `follow`
+      // step url) so it is passed through to the request
+      query: parsedUrl.search ? parsedUrl.search.slice(1) : "",
+    }
+  }
+
+  async function _envelopeFromResponse(response) {
+    // A cloned Response bypasses the request layer's .json() normalization, so
+    // lift it to the canonical v2 shape here too.
+    try {
+      return normalizeEnvelope(await response.clone().json())
+    } catch {
+      return null
+    }
+  }
+
+  // Apply a (normalized v2) envelope to the form state. Central place that maps
+  // the envelope onto skel / structure / errors and the multi-step fields.
+  function applyResponseState(data, { updateStructure = false, presetValues = false } = {}) {
+    data = data ?? {}
+
+    state.datatype = data["datatype"] ?? null
+
+    if (data["datatype"] === "list") {
+      // List envelope: structure is null — don't build a form. Expose the items
+      // for custom rendering via the `list` slot instead, and never crash on the
+      // null structure a list carries.
+      const items = data["data"] !== undefined ? data["data"] : data["skellist"]
+      state.list = Array.isArray(items) ? items : []
+      state.cursor = data["meta"]?.["cursor"] ?? data["cursor"] ?? null
+      state.orders = data["meta"]?.["orders"] ?? data["orders"] ?? []
+      state.structure = {}
+      state.skel = {}
+    } else {
+      // Entity: payload lives in `data` (v1 `values` is lifted to `data` by
+      // normalizeEnvelope; accept `values` too for a raw body).
+      const values = data["data"] !== undefined ? data["data"] : data["values"]
+      if (updateStructure && data["structure"] != null) {
+        // Der `values`-Prop belegt ein frisch GERENDERTES Formular vor. Die
+        // Antwort auf ein Absenden spiegelt, was gesendet wurde — darüber darf
+        // er nicht erneut schreiben.
+        initForm(values, data["structure"], presetValues ? state.values : null)
+        // Neue Struktur = Server-Flags: visibleIf/readonlyIf/requiredIf/evaluate
+        // gleich wieder anwenden, nicht erst bei der nächsten Eingabe.
+        logics()
+      } else if (values !== undefined) {
+        state.skel = values
+      }
+      state.list = null
+    }
+
+    state.errors = data["errors"]
+    state.actionparams = data["params"]
+    state.actionname = data["action"]
+
+    // Envelope-v2 multi-step fields. Absent on classic v1 bodies → reset to null
+    // (harmless for single-step forms). `follow` becomes the POST target for the
+    // *current* step; on a POST response it is the *next* step's URL.
+    state.step = data["step"] ?? null
+    state.stepStatus = data["step_status"] ?? null
+    state.steps = data["steps"] ?? null
+    state.status = data["status"] ?? null
+    if (data["follow"] !== undefined) {
+      state.postUrl = data["follow"]
+    }
+    state.loading = false
+  }
+
+  // GET-render a step of a follow-driven multi-step action. Unlike fetchData
+  // (which POSTs — a submit), this renders the step's *initial* form. `url` is
+  // the envelope `follow` / `steps[key].url`; omit it to build the entry URL
+  // from props.
+  async function loadStep(url = null) {
+    state.loading = true
+    state.failed = null
+    const requestSpec = buildRequestSpec(url)
+    const request = createControllerFetch({ endpoint: requestSpec.endpoint, method: "GET" })
+    const fetchResult = request(
+      requestSpec.controller,
+      "/",
+      {},
+      {
+        renderer: requestSpec.renderer,
+        version: props.version,
+        query: requestSpec.query,
+        immediate: false,
+        messages: props.useMessageStore !== false,
+      }
+    )
+    try {
+      await fetchResult.execute()
+      applyResponseState(fetchResult.data.value, { updateStructure: true, presetValues: true })
+      // Ein v1-Schritt bringt kein Ziel mit (kein `follow`, kein next_url, kein
+      // params.action_url) — dort wird der Schritt an DIESELBE URL
+      // zurückgeschickt, aus der er gerendert wurde. Ohne das stünde postUrl
+      // nach dem Rendern auf null und der Absenden-Knopf liefe ins Leere.
+      if (!state.postUrl && url) {
+        state.postUrl = url
+      }
+      return fetchResult
+    } catch (error) {
+      state.failed = error
+      state.loading = false
+      throw error
+    }
+  }
+
+  // Back one step in a multi-step flow. The target is the previous step's
+  // backend-provided endpoint URL (`steps[prevKey].url`) — no client-side
+  // history. GET-rendering it prefills from the server session. No-op on the
+  // first step or when the previous step carries no url.
+  async function back() {
+    if (!state.steps || !state.step) return
+    const keys = Object.keys(state.steps)
+    const idx = keys.indexOf(state.step)
+    if (idx <= 0) return
+    const prev = state.steps[keys[idx - 1]]
+    const url = prev && (prev.url || prev.endpoint)
+    if (!url) return
+    return loadStep(url)
+  }
+
+  function toFormData() {
+    let formdata = []
+
+    function handleEntry(result, currentFieldName, bone, val) {
+      if (bone["type"].startsWith("record")) {
+        let struct = normalizeStructure(bone["using"])
+        for (const [_fieldname, _bone] of Object.entries(struct)) {
+          result = result.concat(boneToForm(`${currentFieldName}.${_fieldname}`, _bone, val?.[_fieldname]))
+        }
+      } else if (val === Object(val) && bone["using"]) {
+        //recusive call for nested data
+        if (val["dest"]?.["key"]) {
+          let struct = normalizeStructure(bone["using"])
+          for (const [_fieldname, _bone] of Object.entries(struct)) {
+            result = result.concat(boneToForm(`${currentFieldName}.${_fieldname}`, _bone, val["rel"]?.[_fieldname]))
+          }
+          result.push({ [`${currentFieldName}.key`]: val["dest"]["key"] })
+        } else {
+          result.push({ [`${currentFieldName}`]: null })
+        }
+      } else if (bone["type"].startsWith("spatial") && val) {
+        //spatialbones
+        result.push({ [currentFieldName + ".lat"]: val[0] })
+        result.push({ [currentFieldName + ".lng"]: val[1] })
+      } else if (bone["type"].startsWith("raw.json") && val) {
+        result.push({ [currentFieldName]: JSON.stringify(val) })
+      } else if (val === Object(val)) {
+        //normal relations
+        result.push({ [currentFieldName]: val["dest"]?.["key"] || null })
+      } else {
+        //everything else
+        result.push({ [currentFieldName]: val })
+      }
+      return result
+    }
+
+    function boneToForm(fieldname, bone, value) {
+      let result = []
+      //only record and relational bones get indexed fields
+      let indexBone = bone["type"].startsWith("record")
+      let languages = bone["languages"] || ["none"]
+      let languageValue = value
+      for (const lang of languages) {
+        let currentFieldName = fieldname
+        if (lang !== "none") {
+          currentFieldName += `.${lang}` //append lang
+          if (languageValue) value = languageValue[lang]
+        }
+
+        if (bone["multiple"]) {
+          if (!value) value = []
+          for (const [idx, val] of value.entries()) {
+            let currentFieldnameMultiple = currentFieldName
+
+            if (indexBone || val?.["rel"] || (bone["using"] && val?.["rel"] !== null)) {
+              currentFieldnameMultiple = `${currentFieldName}.${idx}` //append idx
+            }
+            result = handleEntry(result, currentFieldnameMultiple, bone, val)
+          }
+          if (value.length === 0) {
+            result.push({ [currentFieldName]: null }) //send empty multiple fields
+          }
+        } else {
+          result = handleEntry(result, currentFieldName, bone, value)
+        }
+      }
+      return result
+    }
+
+    for (const [fieldname, bone] of Object.entries(state.structure)) {
+      if (props.sendReadOnly) {
+        formdata.push(boneToForm(fieldname, bone, state.skel[fieldname]))
+      } else if (!state.structure[fieldname]["readonly"] || bone.type === "key") {
+        formdata.push(boneToForm(fieldname, bone, state.skel[fieldname]))
+      }
+    }
+
+    formdata = formdata.flat(10)
+    return formdata
+  }
+
+  function sendData(alternativUrl = null, additionalData = null, headers = null, removeKeyFromDataset = true) {
+    state.loading = true
+    // No <form> element in list mode — nothing to validate.
+    let isValid = state.viformelement ? state.viformelement.reportValidity() : true
+    if (!isValid) {
+      state.loading = false
+      return new Promise((resolve, reject) => reject("Form is not valid"))
+    }
+
+    const requestSpec = buildRequestSpec(alternativUrl)
+    const request = createControllerFetch({
+      endpoint: requestSpec.endpoint,
+      method: "POST",
+      secure: props.secure,
+    })
+
+    const formData = new FormData()
+    for (const bone of toFormData()) {
+      for (const [k, v] of Object.entries(bone)) {
+        let val = v
+        if ([undefined, null].includes(v)) {
+          val = ""
+        }
+        formData.append(k, val)
+      }
+    }
+
+    let data = {}
+    for (const key of formData.keys()) {
+      if (key === "key" && removeKeyFromDataset) continue
+      data[[key]] = formData.getAll(key)
+    }
+    if (additionalData) {
+      data = { ...data, ...additionalData } //inject data like contexts
+    }
+
+    const fetchResult = request(requestSpec.controller, "/", data, {
+      renderer: requestSpec.renderer,
+      version: props.version,
+      query: requestSpec.query,
+      headers,
+      immediate: false,
+      messages: props.useMessageStore !== false,
+    })
+
+    return fetchResult
+      .execute()
+      .then(async () => {
+        // Apply the (normalized v2) envelope — updates skel / errors / action
+        // and, for multi-step flows, step / steps / status / follow. Re-init the
+        // form when the response carries a structure (e.g. the next step's form).
+        const responseData = fetchResult.data.value
+        applyResponseState(responseData, { updateStructure: responseData?.["structure"] != null })
+        return fetchResult
+      })
+      .catch(async (error) => {
+        // A rejected/failed submit may still carry a form body (errors +
+        // structure) on the error response — re-apply it so the form comes back
+        // populated. Otherwise just surface the failure.
+        const body = error?.response ? await _envelopeFromResponse(error.response).catch(() => null) : null
+        if (body) {
+          applyResponseState(body, { updateStructure: true })
+        } else {
+          state.loading = false
+        }
+        state.failed = error
+        throw error
+      })
+  }
+
+  function fetchData(alternativUrl = null, additionalData = null, headers = null) {
+    //fetch data
+    state.loading = true
+    const requestSpec = buildRequestSpec(alternativUrl)
+    const request = createControllerFetch({
+      endpoint: requestSpec.endpoint,
+      method: "POST",
+      secure: props.secure,
+    })
+
+    let data = {}
+    if (additionalData) {
+      data = { ...data, ...additionalData } //inject data like contexts
+    }
+    state.failed = null
+    const fetchResult = request(requestSpec.controller, "/", data, {
+      renderer: requestSpec.renderer,
+      version: props.version,
+      query: requestSpec.query,
+      headers,
+      immediate: false,
+      messages: props.useMessageStore !== false,
+    })
+
+    return fetchResult
+      .execute()
+      .then(async () => {
+        // Canonical v2 envelope: entity payload is in `data`, bone definitions
+        // in `structure` (both present for v1 too after normalizeEnvelope).
+        let responseData = fetchResult.data.value
+        initForm(responseData["data"], responseData["structure"], state.values)
+
+        state.errors = responseData["errors"]
+        state.actionparams = responseData["params"]
+        state.actionname = responseData["action"]
+        state.loading = false
+        return fetchResult
+      })
+      .catch(async (error) => {
+        state.failed = error
+        throw error
+      })
+  }
+
+  function reload() {
+    state.loading = true
+    if (props.multistep && props.module && props.action) {
+      // Follow-driven multi-step: GET-render the entry step. The submit chain
+      // (POST → follow → GET next) is driven by ViForm via loadStep/sendData.
+      loadStep()
+        .then(() => {
+          state.loading = false
+        })
+        .catch(() => {
+          state.loading = false
+        })
+    } else if (props.structure) {
+      initForm(props.skel, props.structure, state.values)
+      state.loading = false
+    } else if (props.module && props.action) {
+      fetchData(props.fetchUrl, props.params)
+        .then(async (resp) => {
+          state.loading = false
+        })
+        .catch(async (error) => {
+          state.loading = false
+        })
+    } else {
+      console.log(props)
+      console.error("Error while building Form: you need atleast module and action or structure parameters")
+    }
+  }
+
+  function updateCategories() {
+    if (!state.structure) {
+      state.structure = {}
+    }
+
+    let catname = state.categoryDefaultname
+    if (!!catname && state.categoryDefaultname.includes("$(")) {
+      catname = Utils.stripHtml(Utils.formatString(catname, state.skel, "Allgemein"))
+    }
+
+    let categories = { default: { name: catname, bones: [], visible: false, open: true } }
+
+    for (const [boneName, bone] of Object.entries(state.structure)) {
+      if (props.bones.length > 0) {
+        if (!props.bones.includes(boneName)) {
+          continue
+        }
+      }
+
+      let category = "default"
+      let boneStructure = state.structure[boneName]
+
+      if (bone?.params?.category) {
+        category = bone.params.category.replace(/[^a-zA-Z0-9_]/g, "_").toLowerCase()
+      }
+
+      if (Object.keys(categories).includes(category)) {
+        categories[category]["bones"].push({
+          name: boneName,
+        })
+      } else {
+        categories[category] = {
+          name: bone.params.category,
+          bones: [
+            {
+              name: boneName,
+            },
+          ],
+        }
+      }
+      if (boneStructure["visible"] === true) {
+        categories[category]["visible"] = true
+      }
+
+      if (
+        (props.collapsedCategories &&
+          props.collapsedCategories.map((x) => x.replace(/[^a-zA-Z0-9_]/g, "_").toLowerCase()).includes(category)) ||
+        category === "system" ||
+        category === "internal" ||
+        props.collapsedCategories?.[0] === "*"
+      ) {
+        categories[category]["open"] = false
+      } else {
+        categories[category]["open"] = true
+      }
+    }
+
+    let sortedCategories = {}
+    Object.keys(categories)
+      .sort()
+      .forEach(function (key) {
+        sortedCategories[key] = categories[key]
+      })
+
+    return sortedCategories
+  }
+
+  function updateSkel(data) {
+    const { name, lang, value, index, valid } = data
+    state.valids[name] = valid
+
+    let skelvalue = state.skel[name]
+    if (value === undefined) return false
+    if (state.readonly) return false
+
+    if (lang) {
+      if (!skelvalue) {
+        skelvalue = {}
+      }
+      if (Object.keys(skelvalue).includes(lang) && index !== null) {
+        if (!skelvalue[lang]) {
+          skelvalue[lang] = []
+        }
+        skelvalue[lang][index] = value
+      } else {
+        skelvalue[lang] = value
+      }
+    } else if (index !== null) {
+      if (!skelvalue) {
+        skelvalue = []
+      }
+      skelvalue[index] = value
+    } else {
+      skelvalue = value
+    }
+    state.skel[name] = skelvalue
+    logics() //postprocess all bones if needed
+  }
+
+  function _logics(structure, skel) {
+    for (const [boneName, bone] of Object.entries(structure)) {
+      if (bone?.["params"]?.["evaluate"]) {
+        let ex = new Logics(bone?.["params"]?.["evaluate"])
+        state.skel[boneName] = ex.run(skel).toString() //rule produces, valid results? multilang, multiple etc?
+      }
+
+      if (bone?.["params"]?.["visibleIf"]) {
+        try {
+          let ex = new Logics(bone?.["params"]?.["visibleIf"])
+          bone["visible"] = ex.run(skel).toBool()
+        } catch (error) {
+          //console.log(bone?.["params"]?.["visibleIf"])
+        }
+      }
+
+      if (bone?.["params"]?.["readonlyIf"]) {
+        let ex = new Logics(bone?.["params"]?.["readonlyIf"])
+        bone["readonly"] = ex.run(skel).toBool()
+      }
+      if (bone?.["params"]?.["requiredIf"]) {
+        try {
+          let ex = new Logics(bone?.["params"]?.["requiredIf"])
+          bone["required"] = ex.run(skel).toBool()
+        } catch (error) {
+          //console.log(bone?.["params"]?.["requiredIf"])
+        }
+      }
+      if (bone?.["using"]) {
+        _logics(normalizeStructure(bone["using"]), skel)
+      }
+    }
+  }
+
+  function logics() {
+    let skel = { ...state.skel, _skel: state.skel }
+
+    if (props.internal) {
+      // injet mainform with _skel
+      skel = { ...skel, _skel: props.internal.skel }
+    }
+    _logics(state.structure, skel)
+  }
+
+  function initForm(skel, structure, values = {}) {
+    let skeldata = skel || {}
+    let formvalues = {}
+    if (values) {
+      formvalues = values
+    }
+
+    if (structure !== undefined) {
+      //props are refs to a js Object, removing reactivativ is not enought, we musst create copy of that object.
+      //each form has its own structure and mutating dont change the structure for other forms, this is needed for multiple records with logics
+      let struct = {}
+      for (const [k, v] of Object.entries(normalizeStructure(structure))) {
+        struct[k] = toRaw(v)
+      }
+      state.structure = structuredClone(struct)
+    }
+
+    state.skel = { ...skeldata, ...formvalues }
+    // Stand festhalten, wie er hereinkam: `state.skel` ist die Arbeitskopie und
+    // wird beim Tippen verändert. resetForm() stellt daraus wieder her, ohne
+    // erneut zu laden ("Änderungen verwerfen").
+    // markRaw: reine Lesedaten, kein reaktiver Proxy.
+    state.pristine = markRaw(rawCopy(state.skel))
+
+    state.categories = updateCategories()
+  }
+
+  /**
+   * Änderungen verwerfen: die Werte des letzten Server-Stands wieder einsetzen,
+   * OHNE neuen Request (dafür ist reload() da). Struktur und Kategorien bleiben.
+   */
+  function resetForm() {
+    if (state.pristine === undefined || state.pristine === null) return
+    initForm(rawCopy(state.pristine), undefined, state.values)
+    state.errors = []
+  }
+
+  return {
+    fetchData,
+    sendData,
+    loadStep,
+    resetForm,
+    back,
+    buildRequestUrl: () => {
+      const requestSpec = buildRequestSpec()
+      return `/${requestSpec.renderer}/${requestSpec.controller.join("/")}/${requestSpec.endpoint}`
+    },
+    updateCategories,
+    updateSkel,
+    normalizeStructure,
+    initForm,
+    logics,
+    reload,
+  }
+}

package/src/public/assets/icons/fontawesome-manifest.json

@@ -0,0 +1,8 @@
+{
+  "package": "@fortawesome/fontawesome-free",
+  "version": "7.2.0",
+  "totalRequested": 14,
+  "copied": 14,
+  "missing": [],
+  "timestamp": "2026-03-26T08:36:14.058Z"
+}

package/src/public/assets/icons/regular/file.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Free 7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M176 48L64 48c-8.8 0-16 7.2-16 16l0 384c0 8.8 7.2 16 16 16l256 0c8.8 0 16-7.2 16-16l0-240-88 0c-39.8 0-72-32.2-72-72l0-88zM316.1 160L224 67.9 224 136c0 13.3 10.7 24 24 24l68.1 0zM0 64C0 28.7 28.7 0 64 0L197.5 0c17 0 33.3 6.7 45.3 18.7L365.3 141.3c12 12 18.7 28.3 18.7 45.3L384 448c0 35.3-28.7 64-64 64L64 512c-35.3 0-64-28.7-64-64L0 64z"/></svg>

package/src/public/assets/icons/solid/arrows-left-right.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Free 7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M470.6 374.6l96-96c12.5-12.5 12.5-32.8 0-45.3l-96-96c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l41.4 41.4-357.5 0 41.4-41.4c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-96 96c-6 6-9.4 14.1-9.4 22.6s3.4 16.6 9.4 22.6l96 96c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-41.4-41.4 357.5 0-41.4 41.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z"/></svg>

package/src/public/assets/icons/solid/bug.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Free 7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M192 96c0-53 43-96 96-96s96 43 96 96l0 3.6c0 15.7-12.7 28.4-28.4 28.4l-135.1 0c-15.7 0-28.4-12.7-28.4-28.4l0-3.6zm345.6 12.8c10.6 14.1 7.7 34.2-6.4 44.8l-97.8 73.3c5.3 8.9 9.3 18.7 11.8 29.1l98.8 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-96 0 0 32c0 2.6-.1 5.3-.2 7.9l83.4 62.5c14.1 10.6 17 30.7 6.4 44.8s-30.7 17-44.8 6.4l-63.1-47.3c-23.2 44.2-66.5 76.2-117.7 83.9L312 280c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 230.2c-51.2-7.7-94.5-39.7-117.7-83.9L83.2 473.6c-14.1 10.6-34.2 7.7-44.8-6.4s-7.7-34.2 6.4-44.8l83.4-62.5c-.1-2.6-.2-5.2-.2-7.9l0-32-96 0c-17.7 0-32-14.3-32-32s14.3-32 32-32l98.8 0c2.5-10.4 6.5-20.2 11.8-29.1L44.8 153.6c-14.1-10.6-17-30.7-6.4-44.8s30.7-17 44.8-6.4L192 184c12.3-5.1 25.8-8 40-8l112 0c14.2 0 27.7 2.8 40 8l108.8-81.6c14.1-10.6 34.2-7.7 44.8 6.4z"/></svg>

package/src/public/assets/icons/solid/check.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M434.8 70.1c14.3 10.4 17.5 30.4 7.1 44.7l-256 352c-5.5 7.6-14 12.3-23.4 13.1s-18.5-2.7-25.1-9.3l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l101.5 101.5 234-321.7c10.4-14.3 30.4-17.5 44.7-7.1z"/></svg>

package/src/public/assets/icons/solid/circle-info.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zM224 160a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm-8 64l48 0c13.3 0 24 10.7 24 24l0 88 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l24 0 0-64-24 0c-13.3 0-24-10.7-24-24s10.7-24 24-24z"/></svg>

package/src/public/assets/icons/solid/compress.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M160 64c0-17.7-14.3-32-32-32S96 46.3 96 64l0 64-64 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l96 0c17.7 0 32-14.3 32-32l0-96zM32 320c-17.7 0-32 14.3-32 32s14.3 32 32 32l64 0 0 64c0 17.7 14.3 32 32 32s32-14.3 32-32l0-96c0-17.7-14.3-32-32-32l-96 0zM352 64c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 96c0 17.7 14.3 32 32 32l96 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-64 0 0-64zM320 320c-17.7 0-32 14.3-32 32l0 96c0 17.7 14.3 32 32 32s32-14.3 32-32l0-64 64 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-96 0z"/></svg>

package/src/public/assets/icons/solid/download.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M256 32c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 210.7-41.4-41.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l96 96c12.5 12.5 32.8 12.5 45.3 0l96-96c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 242.7 256 32zM64 320c-35.3 0-64 28.7-64 64l0 32c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-32c0-35.3-28.7-64-64-64l-46.9 0-56.6 56.6c-31.2 31.2-81.9 31.2-113.1 0L110.9 320 64 320zm304 56a24 24 0 1 1 0 48 24 24 0 1 1 0-48z"/></svg>

package/src/public/assets/icons/solid/expand.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M32 32C14.3 32 0 46.3 0 64l0 96c0 17.7 14.3 32 32 32s32-14.3 32-32l0-64 64 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L32 32zM64 352c0-17.7-14.3-32-32-32S0 334.3 0 352l0 96c0 17.7 14.3 32 32 32l96 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-64 0 0-64zM320 32c-17.7 0-32 14.3-32 32s14.3 32 32 32l64 0 0 64c0 17.7 14.3 32 32 32s32-14.3 32-32l0-96c0-17.7-14.3-32-32-32l-96 0zM448 352c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 64-64 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l96 0c17.7 0 32-14.3 32-32l0-96z"/></svg>

package/src/public/assets/icons/solid/grip-vertical.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--! Font Awesome Free 7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M128 40c0-22.1-17.9-40-40-40L40 0C17.9 0 0 17.9 0 40L0 88c0 22.1 17.9 40 40 40l48 0c22.1 0 40-17.9 40-40l0-48zm0 192c0-22.1-17.9-40-40-40l-48 0c-22.1 0-40 17.9-40 40l0 48c0 22.1 17.9 40 40 40l48 0c22.1 0 40-17.9 40-40l0-48zM0 424l0 48c0 22.1 17.9 40 40 40l48 0c22.1 0 40-17.9 40-40l0-48c0-22.1-17.9-40-40-40l-48 0c-22.1 0-40 17.9-40 40zM320 40c0-22.1-17.9-40-40-40L232 0c-22.1 0-40 17.9-40 40l0 48c0 22.1 17.9 40 40 40l48 0c22.1 0 40-17.9 40-40l0-48zM192 232l0 48c0 22.1 17.9 40 40 40l48 0c22.1 0 40-17.9 40-40l0-48c0-22.1-17.9-40-40-40l-48 0c-22.1 0-40 17.9-40 40zM320 424c0-22.1-17.9-40-40-40l-48 0c-22.1 0-40 17.9-40 40l0 48c0 22.1 17.9 40 40 40l48 0c22.1 0 40-17.9 40-40l0-48z"/></svg>

package/src/public/assets/icons/solid/plus.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M256 64c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 160-160 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l160 0 0 160c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160 160 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-160 0 0-160z"/></svg>

package/src/public/assets/icons/solid/question.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--! Font Awesome Free 7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M64 160c0-53 43-96 96-96s96 43 96 96c0 42.7-27.9 78.9-66.5 91.4-28.4 9.2-61.5 35.3-61.5 76.6l0 24c0 17.7 14.3 32 32 32s32-14.3 32-32l0-24c0-1.7 .6-4.1 3.5-7.3 3-3.3 7.9-6.5 13.7-8.4 64.3-20.7 110.8-81 110.8-152.3 0-88.4-71.6-160-160-160S0 71.6 0 160c0 17.7 14.3 32 32 32s32-14.3 32-32zm96 352c22.1 0 40-17.9 40-40s-17.9-40-40-40-40 17.9-40 40 17.9 40 40 40z"/></svg>

package/src/public/assets/icons/solid/triangle-exclamation.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M256 0c14.7 0 28.2 8.1 35.2 21l216 400c6.7 12.4 6.4 27.4-.8 39.5S486.1 480 472 480L40 480c-14.1 0-27.2-7.4-34.4-19.5s-7.5-27.1-.8-39.5l216-400c7-12.9 20.5-21 35.2-21zm0 352a32 32 0 1 0 0 64 32 32 0 1 0 0-64zm0-192c-18.2 0-32.7 15.5-31.4 33.7l7.4 104c.9 12.5 11.4 22.3 23.9 22.3 12.6 0 23-9.7 23.9-22.3l7.4-104c1.3-18.2-13.1-33.7-31.4-33.7z"/></svg>

package/src/public/assets/icons/solid/upload.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M256 109.3L256 320c0 17.7-14.3 32-32 32s-32-14.3-32-32l0-210.7-41.4 41.4c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l96-96c12.5-12.5 32.8-12.5 45.3 0l96 96c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 109.3zM224 400c44.2 0 80-35.8 80-80l80 0c35.3 0 64 28.7 64 64l0 32c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64l0-32c0-35.3 28.7-64 64-64l80 0c0 44.2 35.8 80 80 80zm144 24a24 24 0 1 0 0-48 24 24 0 1 0 0 48z"/></svg>

package/src/public/assets/icons/solid/xmark.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Free 7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M55.1 73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L147.2 256 9.9 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192.5 301.3 329.9 438.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.8 256 375.1 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192.5 210.7 55.1 73.4z"/></svg>