@webda/debug 4.0.0-beta.3

package/webui/components/schema-form.js

@@ -0,0 +1,268 @@
+import { h } from "preact";
+import { useState } from "preact/hooks";
+import htm from "htm";
+
+const html = htm.bind(h);
+
+/**
+ * Resolve a $ref in a schema against a definitions map.
+ * Merges the referenced schema with any sibling properties (description, etc).
+ */
+function resolveRef(prop, definitions) {
+  if (!prop) return prop;
+  if (prop.$ref) {
+    const refName = prop.$ref.replace("#/definitions/", "");
+    const resolved = definitions?.[refName] || definitions?.[decodeURIComponent(refName)];
+    if (resolved) {
+      // Merge: sibling properties (like description) override the ref
+      const siblings = Object.fromEntries(Object.entries(prop).filter(([k]) => k !== "$ref"));
+      return { ...resolved, ...siblings, definitions: { ...resolved.definitions, ...definitions } };
+    }
+  }
+  return { ...prop, definitions: { ...prop.definitions, ...definitions } };
+}
+
+/**
+ * Collapsible section wrapper.
+ */
+function Collapsible({ title, badge, defaultOpen, children }) {
+  const [open, setOpen] = useState(defaultOpen ?? true);
+  return html`
+    <div class="sf-collapsible">
+      <div class="sf-collapsible-header" onClick=${() => setOpen(!open)}>
+        <span class="sf-chevron ${open ? "sf-open" : ""}">\u25B6</span>
+        <span class="sf-collapsible-title">${title}</span>
+        ${badge && html`<span class="sf-badge">${badge}</span>`}
+      </div>
+      ${open && html`<div class="sf-collapsible-body">${children}</div>`}
+    </div>
+  `;
+}
+
+/**
+ * Render a single field based on its schema type.
+ */
+function SchemaField({ name, prop, value, onChangeValue, readOnly, definitions, path }) {
+  const resolved = resolveRef(prop, definitions);
+  if (!resolved) return null;
+  const defs = resolved.definitions || definitions;
+
+  // Nested object with properties → recursive form
+  if (resolved.type === "object" && resolved.properties) {
+    const objValue = value || {};
+    return html`
+      <${Collapsible} title=${name} badge="object" defaultOpen=${Object.keys(objValue).length > 0}>
+        <${SchemaFields}
+          schema=${resolved}
+          definitions=${defs}
+          values=${objValue}
+          onChange=${v => onChangeValue(v)}
+          readOnly=${readOnly}
+          path=${path}
+        />
+      <//>
+    `;
+  }
+
+  // Array field
+  if (resolved.type === "array") {
+    return html`<${ArrayField}
+      name=${name} prop=${resolved} value=${value} onChangeValue=${onChangeValue}
+      readOnly=${readOnly} definitions=${defs} path=${path}
+    />`;
+  }
+
+  // Enum → select
+  if (resolved.enum) {
+    return html`
+      <select class="sf-input" value=${value ?? ""} disabled=${readOnly}
+        onChange=${e => onChangeValue(e.target.value || undefined)}>
+        <option value="">Select...</option>
+        ${resolved.enum.map(v => html`<option key=${v} value=${v}>${v}</option>`)}
+      </select>
+    `;
+  }
+
+  // Boolean → toggle-style select
+  if (resolved.type === "boolean") {
+    return html`
+      <select class="sf-input" value=${value == null ? "" : String(value)} disabled=${readOnly}
+        onChange=${e => onChangeValue(e.target.value === "" ? undefined : e.target.value === "true")}>
+        <option value="">-</option>
+        <option value="true">true</option>
+        <option value="false">false</option>
+      </select>
+    `;
+  }
+
+  // Number / integer
+  if (resolved.type === "number" || resolved.type === "integer") {
+    return html`
+      <input class="sf-input" type="number" value=${value ?? ""}
+        step=${resolved.type === "integer" ? "1" : "any"}
+        min=${resolved.minimum} max=${resolved.maximum} readOnly=${readOnly}
+        onInput=${e => {
+          const v = e.target.value;
+          onChangeValue(v === "" ? undefined : resolved.type === "integer" ? parseInt(v) : parseFloat(v));
+        }}
+        placeholder=${resolved.default != null ? `Default: ${resolved.default}` : name} />
+    `;
+  }
+
+  // Object without properties (map) or unknown → JSON textarea
+  if (resolved.type === "object") {
+    return html`
+      <textarea class="sf-input sf-textarea" rows="3"
+        value=${typeof value === "object" && value !== null ? JSON.stringify(value, null, 2) : value ?? ""}
+        readOnly=${readOnly}
+        onInput=${e => { try { onChangeValue(JSON.parse(e.target.value)); } catch {} }}
+        placeholder="JSON object" />
+    `;
+  }
+
+  // String (default)
+  const inputType = resolved.format === "email" ? "email"
+    : resolved.format === "uri" || resolved.format === "url" ? "url"
+    : resolved.format === "password" ? "password"
+    : "text";
+
+  return html`
+    <input class="sf-input" type=${inputType}
+      value=${value ?? ""} readOnly=${readOnly}
+      onInput=${e => onChangeValue(e.target.value || undefined)}
+      placeholder=${resolved.default != null ? `Default: ${resolved.default}` : (resolved.pattern ? `Pattern: ${resolved.pattern}` : name)}
+      minlength=${resolved.minLength} maxlength=${resolved.maxLength} />
+  `;
+}
+
+/**
+ * Render an array field with add/remove controls.
+ */
+function ArrayField({ name, prop, value, onChangeValue, readOnly, definitions, path }) {
+  const items = Array.isArray(value) ? value : [];
+  const itemSchema = resolveRef(prop.items, definitions) || { type: "string" };
+  const isSimple = itemSchema.type === "string" || itemSchema.type === "number" || itemSchema.type === "integer";
+
+  return html`
+    <${Collapsible} title=${name} badge=${`array[${items.length}]`} defaultOpen=${items.length > 0}>
+      <div class="sf-array">
+        ${items.map((item, i) => html`
+          <div class="sf-array-item" key=${i}>
+            <div class="sf-array-item-content">
+              ${isSimple
+                ? html`<input class="sf-input" type=${itemSchema.type === "string" ? "text" : "number"}
+                    value=${item ?? ""} readOnly=${readOnly}
+                    onInput=${e => {
+                      const v = e.target.value;
+                      const newItems = [...items];
+                      newItems[i] = itemSchema.type === "string" ? v : (itemSchema.type === "integer" ? parseInt(v) : parseFloat(v));
+                      onChangeValue(newItems);
+                    }}
+                    placeholder=${`Item ${i + 1}`} />`
+                : itemSchema.type === "object" && itemSchema.properties
+                ? html`<${SchemaFields}
+                    schema=${itemSchema} definitions=${definitions}
+                    values=${item || {}}
+                    onChange=${v => { const newItems = [...items]; newItems[i] = v; onChangeValue(newItems); }}
+                    readOnly=${readOnly} path=${[...path, i]}
+                  />`
+                : html`<textarea class="sf-input sf-textarea" rows="2"
+                    value=${typeof item === "object" ? JSON.stringify(item, null, 2) : String(item ?? "")}
+                    readOnly=${readOnly}
+                    onInput=${e => { try { const newItems = [...items]; newItems[i] = JSON.parse(e.target.value); onChangeValue(newItems); } catch {} }}
+                    placeholder="JSON" />`
+              }
+            </div>
+            ${!readOnly && html`
+              <button class="sf-btn sf-btn-remove" onClick=${() => { const newItems = items.filter((_, j) => j !== i); onChangeValue(newItems.length ? newItems : undefined); }}
+                title="Remove item">\u00D7</button>
+            `}
+          </div>
+        `)}
+        ${!readOnly && html`
+          <button class="sf-btn sf-btn-add" onClick=${() => {
+            const empty = isSimple ? (itemSchema.type === "string" ? "" : 0) : {};
+            onChangeValue([...items, empty]);
+          }}>+ Add item</button>
+        `}
+      </div>
+    <//>
+  `;
+}
+
+/**
+ * Render all fields for a schema's properties.
+ */
+function SchemaFields({ schema, definitions, values, onChange, readOnly, path }) {
+  const defs = { ...definitions, ...schema.definitions };
+  const required = new Set(schema.required || []);
+  const props = schema.properties || {};
+
+  return html`
+    <div class="sf-fields">
+      ${Object.entries(props).map(([name, prop]) => {
+        const resolved = resolveRef(prop, defs);
+        if (!resolved) return null;
+        const isReq = required.has(name);
+        const hasValue = values[name] !== undefined && values[name] !== null && values[name] !== "";
+        const fieldPath = [...(path || []), name];
+
+        return html`
+          <div class="sf-field ${hasValue ? "sf-has-value" : ""}" key=${name}>
+            <div class="sf-label-row">
+              <label class="sf-label">
+                ${name}
+                ${isReq && html`<span class="sf-required">*</span>`}
+              </label>
+              <span class="sf-type">${resolved.type || "ref"}${resolved.format ? `:${resolved.format}` : ""}</span>
+            </div>
+            ${resolved.description && html`<div class="sf-description">${resolved.description}</div>`}
+            <${SchemaField}
+              name=${name} prop=${prop} value=${values[name]} definitions=${defs}
+              readOnly=${readOnly} path=${fieldPath}
+              onChangeValue=${v => {
+                const next = { ...values };
+                if (v === undefined || v === null || v === "") delete next[name];
+                else next[name] = v;
+                onChange(next);
+              }}
+            />
+            ${resolved.default !== undefined && !hasValue && html`
+              <div class="sf-default">Default: <code>${JSON.stringify(resolved.default)}</code></div>
+            `}
+          </div>
+        `;
+      })}
+    </div>
+  `;
+}
+
+/**
+ * Top-level SchemaForm component.
+ *
+ * @param {object} props
+ * @param {object} props.schema - JSON Schema object
+ * @param {object} props.values - current form values
+ * @param {function} props.onChange - called with updated values
+ * @param {boolean} props.readOnly - disable all inputs
+ * @param {object} props.definitions - external definitions map for $ref resolution
+ */
+export function SchemaForm({ schema, values, onChange, readOnly, definitions }) {
+  if (!schema?.properties) {
+    return html`<div class="sf-empty">No fields defined in schema</div>`;
+  }
+
+  const allDefs = { ...definitions, ...schema.definitions };
+
+  return html`
+    <div class="sf-root">
+      ${schema.title && html`<div class="sf-title">${schema.title}</div>`}
+      ${schema.description && html`<div class="sf-schema-desc">${schema.description}</div>`}
+      <${SchemaFields}
+        schema=${schema} definitions=${allDefs}
+        values=${values || {}} onChange=${onChange}
+        readOnly=${readOnly} path=${[]}
+      />
+    </div>
+  `;
+}

package/webui/components/services.js

@@ -0,0 +1,248 @@
+import { h } from "preact";
+import { useState } from "preact/hooks";
+import htm from "htm";
+import { SchemaForm } from "./schema-form.js";
+
+const html = htm.bind(h);
+
+function stateBadge(state) {
+  if (!state) return html`<span class="badge badge-muted">unknown</span>`;
+  const s = state.toLowerCase();
+  if (s === "running" || s === "resolved") return html`<span class="badge badge-green">${state}</span>`;
+  if (s === "stopped" || s === "error" || s === "failed") return html`<span class="badge badge-red">${state}</span>`;
+  if (s === "initializing" || s === "created") return html`<span class="badge badge-yellow">${state}</span>`;
+  return html`<span class="badge badge-muted">${state}</span>`;
+}
+
+export function ServicesPanel({ data, config }) {
+  const [selected, setSelected] = useState(null);
+  const [filter, setFilter] = useState("");
+  const services = data || [];
+  const detail = selected ? services.find((s) => s.name === selected) || null : null;
+  const globalParams = config?.parameters || {};
+  const paramKeys = Object.keys(globalParams);
+
+  const filtered = services.filter(
+    (s) =>
+      (s.name || "").toLowerCase().includes(filter.toLowerCase()) ||
+      (s.type || "").toLowerCase().includes(filter.toLowerCase())
+  );
+
+  return html`
+    <div class="split-panel">
+      <div class="split-left">
+        <input
+          class="search-input"
+          placeholder="Filter services..."
+          value=${filter}
+          onInput=${(e) => setFilter(e.target.value)}
+        />
+        ${paramKeys.length > 0 && html`
+          <div
+            class="list-item ${selected === "__globalParams" ? "active" : ""}"
+            onClick=${() => setSelected("__globalParams")}
+            style="display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);margin-bottom:0.5rem;padding-bottom:0.625rem"
+          >
+            <span style="font-weight:500">Global Parameters</span>
+            <span class="badge badge-muted">${paramKeys.length}</span>
+          </div>
+        `}
+        ${filtered.map(
+          (s) => html`
+            <div
+              key=${s.name}
+              class="list-item ${selected === s.name ? "active" : ""}"
+              onClick=${() => setSelected(s.name)}
+              style="display: flex; justify-content: space-between; align-items: center;"
+            >
+              <span>${s.name}</span>
+              ${stateBadge(s.state)}
+            </div>
+          `
+        )}
+        ${filtered.length === 0 && html`<div style="color: var(--text-muted); padding: 0.5rem;">No services found</div>`}
+      </div>
+      <div class="split-right">
+        ${selected === "__globalParams" ? html`<${GlobalParamsDetail} params=${globalParams} />`
+        : detail ? html`<${ServiceDetail} service=${detail} />`
+        : html`
+          <div style="color: var(--text-muted); padding: 2rem; text-align: center;">
+            Select a service to view details
+          </div>
+        `}
+      </div>
+    </div>
+  `;
+}
+
+function GlobalParamsDetail({ params }) {
+  const keys = Object.keys(params);
+  return html`
+    <div>
+      <h2 style="margin-bottom:1rem;color:var(--accent)">Global Parameters</h2>
+      <div class="table-container">
+        <table>
+          <thead>
+            <tr>
+              <th style="width:200px">Parameter</th>
+              <th>Value</th>
+            </tr>
+          </thead>
+          <tbody>
+            ${keys.map(key => html`
+              <tr key=${key}>
+                <td class="mono" style="font-weight:500">${key}</td>
+                <td class="mono" style="font-size:0.8125rem;word-break:break-all">
+                  ${typeof params[key] === "object"
+                    ? html`<pre style="margin:0;white-space:pre-wrap;font-size:0.8125rem">${JSON.stringify(params[key], null, 2)}</pre>`
+                    : String(params[key])}
+                </td>
+              </tr>
+            `)}
+          </tbody>
+        </table>
+      </div>
+    </div>
+  `;
+}
+
+function ServiceDetail({ service }) {
+  const [activeTab, setActiveTab] = useState("config");
+  const [formValues, setFormValues] = useState({});
+
+  const config = service.configuration || {};
+  const configKeys = Object.keys(config).filter((k) => !k.startsWith("_"));
+  const schema = service.schema;
+
+  const tabs = ["config"];
+  if (schema) tabs.push("schema-form", "schema-json");
+  if (service.metrics?.length) tabs.push("metrics");
+
+  const currentTab = tabs.includes(activeTab) ? activeTab : tabs[0];
+
+  return html`
+    <div>
+      <h2 style="margin-bottom: 0.5rem; color: var(--accent);">${service.name}</h2>
+
+      <div style="display: flex; gap: 0.75rem; margin-bottom: 1rem; flex-wrap: wrap;">
+        <div style="background: var(--bg-tertiary); padding: 0.5rem 0.75rem; border-radius: 4px; font-size: 0.875rem;">
+          <span style="color: var(--text-muted);">Type: </span>
+          <span class="mono">${service.type || "unknown"}</span>
+        </div>
+        <div style="background: var(--bg-tertiary); padding: 0.5rem 0.75rem; border-radius: 4px; font-size: 0.875rem;">
+          <span style="color: var(--text-muted);">State: </span>
+          ${stateBadge(service.state)}
+        </div>
+      </div>
+
+      ${Object.keys(service.capabilities || {}).length > 0 && html`
+        <div style="display: flex; gap: 0.5rem; flex-wrap: wrap; margin-bottom: 1rem;">
+          ${Object.keys(service.capabilities).map(
+            (c) => html`<span key=${c} class="badge badge-purple">${c}</span>`
+          )}
+        </div>
+      `}
+
+      <!-- Tabs -->
+      <div style="display:flex;gap:0;margin-bottom:0.75rem;border-bottom:1px solid var(--border)">
+        ${tabs.map(tab => {
+          const label = tab === "config" ? "Configuration" : tab === "schema-form" ? "Schema Form" : tab === "schema-json" ? "Schema JSON" : tab === "metrics" ? "Metrics" : tab;
+          return html`
+            <button key=${tab} onClick=${() => { setActiveTab(tab); if (tab === "schema-form") setFormValues({...config}); }} style="
+              padding:6px 16px;
+              background:${currentTab === tab ? "var(--bg-tertiary)" : "transparent"};
+              color:${currentTab === tab ? "var(--accent)" : "var(--text-muted)"};
+              border:none;
+              border-bottom:2px solid ${currentTab === tab ? "var(--accent)" : "transparent"};
+              cursor:pointer;font-size:0.875rem;
+              font-weight:${currentTab === tab ? "600" : "400"};
+            ">${label}</button>
+          `;
+        })}
+      </div>
+
+      <!-- Tab Content -->
+      ${currentTab === "config" && html`
+        <div>
+          ${configKeys.length > 0 ? html`
+            <div class="table-container">
+              <table>
+                <thead>
+                  <tr>
+                    <th style="width: 200px;">Parameter</th>
+                    <th>Value</th>
+                  </tr>
+                </thead>
+                <tbody>
+                  ${configKeys.map(
+                    (key) => html`
+                      <tr key=${key}>
+                        <td class="mono" style="font-weight: 500;">${key}</td>
+                        <td class="mono" style="font-size: 0.8125rem; word-break: break-all;">
+                          ${typeof config[key] === "object"
+                            ? html`<pre style="margin: 0; white-space: pre-wrap; font-size: 0.8125rem;">${JSON.stringify(config[key], null, 2)}</pre>`
+                            : String(config[key])}
+                        </td>
+                      </tr>
+                    `
+                  )}
+                </tbody>
+              </table>
+            </div>
+          ` : html`<div style="color: var(--text-muted); padding: 0.5rem;">No configuration parameters</div>`}
+        </div>
+      `}
+
+      ${currentTab === "schema-form" && schema && html`
+        <div>
+          <${SchemaForm} schema=${schema} values=${formValues} onChange=${setFormValues} />
+          ${Object.keys(formValues).length > 0 && html`
+            <div style="margin-top:0.75rem">
+              <strong style="color:var(--text-muted);font-size:0.75rem;text-transform:uppercase">Configuration Preview</strong>
+              <pre class="mono" style="
+                background:var(--bg-secondary);padding:0.75rem;border-radius:4px;
+                margin-top:0.25rem;font-size:0.8125rem;overflow:auto;max-height:300px;
+              ">${JSON.stringify(formValues, null, 2)}</pre>
+            </div>
+          `}
+        </div>
+      `}
+
+      ${currentTab === "schema-json" && schema && html`
+        <div>
+          <pre class="mono" style="
+            background:var(--bg-secondary);padding:1rem;border-radius:4px;
+            overflow:auto;max-height:500px;font-size:0.8125rem;line-height:1.5;
+          ">${JSON.stringify(schema, null, 2)}</pre>
+        </div>
+      `}
+
+      ${currentTab === "metrics" && service.metrics && html`
+        <div>
+          <div class="table-container">
+            <table>
+              <thead>
+                <tr>
+                  <th>Name</th>
+                  <th>Type</th>
+                  <th>Help</th>
+                  <th style="text-align:right">Value</th>
+                </tr>
+              </thead>
+              <tbody>
+                ${service.metrics.map(m => html`
+                  <tr key=${m.name}>
+                    <td class="mono" style="font-weight:500">${m.name}</td>
+                    <td><span class="badge ${m.type === "counter" ? "badge-blue" : m.type === "gauge" ? "badge-green" : m.type === "histogram" ? "badge-purple" : "badge-muted"}">${m.type}</span></td>
+                    <td style="color:var(--text-muted);font-size:0.8125rem">${m.help || "-"}</td>
+                    <td class="mono" style="text-align:right;font-weight:500">${m.values?.length ? m.values.map(v => v.value).reduce((a, b) => a + b, 0).toLocaleString() : "0"}</td>
+                  </tr>
+                `)}
+              </tbody>
+            </table>
+          </div>
+        </div>
+      `}
+    </div>
+  `;
+}

package/webui/index.html

@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Webda Debug Dashboard</title>
+  <link rel="stylesheet" href="/styles.css" />
+  <script type="importmap">
+  {
+    "imports": {
+      "preact": "/vendor/preact.js",
+      "preact/hooks": "/vendor/preact-hooks.js",
+      "htm": "/vendor/htm.js"
+    }
+  }
+  </script>
+</head>
+<body>
+  <div id="app"></div>
+  <script type="module" src="/app.js"></script>
+</body>
+</html>

package/webui/logo.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><path d="M10,0h118.51v128H0V10C0,4.48,4.48,0,10,0Z" style="fill:#4557a4; opacity:.5;"/><path d="M128.51,0h127.49v128h-117.49c-5.52,0-10-4.48-10-10V0h0Z" transform="translate(384.51 128) rotate(-180)" style="fill:#f7992c; opacity:.5;"/><path d="M0,128h128.51v128H10C4.48,256,0,251.52,0,246v-118H0Z" style="fill:#81bf6b; opacity:.5;"/><path d="M138.51,128h117.49v128h-127.49v-118c0-5.52,4.48-10,10-10Z" transform="translate(384.51 384) rotate(180)" style="fill:#f4f4f4; opacity:.5;"/><g id="b"><path d="M128.51,83.92v42.96h.1v-40.99c0-.69,0-1.38-.1-1.97Z" style="fill:#fff;"/><path d="M128.61,4h-.1v43.45c.1-.59.1-1.28.1-2.06V4Z" style="fill:#fff;"/><path d="M205.39,115.47c2.75-2.75,6.39-5.01,6.39-11.8,0-7.57-7.67-17.2-20.74-17.2s-20.74,9.63-20.74,17.2c0,6.78,3.64,9.04,6.39,11.8,4.23,4.23,3.93,9.24-.39,11.4h29.59c-4.42-2.16-4.72-7.18-.49-11.4Z" style="fill:#fff;"/><path d="M128.61,127.96h42.17c2.26,0,4.03-.39,5.41-1.08h-47.58v1.08Z" style="fill:#f7992c;"/><path d="M251.39,127.96v-1.08h-45.81c1.38.69,3.24,1.08,5.41,1.08h40.4Z" style="fill:#fff;"/><path d="M175.9,126.88h-47.38v1.08h41.98c2.16,0,4.03-.39,5.41-1.08Z" style="fill:#fff;"/><path d="M140.9,204.73c2.75,2.75,5.01,6.39,11.8,6.39,7.57,0,17.2-7.67,17.2-20.74s-9.63-20.74-17.2-20.74c-6.78,0-9.04,3.64-11.8,6.39-5.21,5.21-11.5,3.54-12.39-3.83v36.47c.98-7.47,7.27-9.14,12.39-3.93Z" style="fill:#fff;"/><path d="M128.42,127.96v42.17c0,.69.1,1.38.1,2.06v-44.14h-.1v-.1Z" style="fill:#fff;"/><path d="M128.42,249.76h.1v-41.19c-.1.59-.1,1.28-.1,2.06v39.12Z" style="fill:#fff;"/><path d="M51.25,126.88H5.63v1.08h40.11c2.26,0,4.03-.39,5.51-1.08Z" style="fill:#4557a4;"/><path d="M128.42,127.96v42.17c0,.69.1,1.38.1,2.06v-45.22h-47.68c1.38.69,3.24,1.08,5.41,1.08h42.17v-.1Z" style="fill:#fff;"/><path d="M117.11,79.1c-.39.29-.69.59-.98.88.29-.29.69-.59.98-.88Z" style="fill:#f7992c;"/><path d="M118.19,78.32c-.2.2-.49.29-.69.49.2-.1.39-.29.69-.49Z" style="fill:#f7992c;"/><path d="M116.13,51.28c.29.29.69.69.98.88-.29-.29-.69-.59-.98-.88Z" style="fill:#f7992c;"/><path d="M119.17,77.73c-.2.1-.39.2-.59.29.2,0,.39-.1.59-.29Z" style="fill:#f7992c;"/><path d="M118.58,53.15l.59.29c-.2,0-.39-.1-.59-.29Z" style="fill:#f7992c;"/><path d="M120.75,54.03c.2,0,.29.1.49.1-.1,0-.29,0-.49-.1Z" style="fill:#f7992c;"/><path d="M117.5,52.46c.2.2.49.29.69.49-.29-.2-.49-.29-.69-.49Z" style="fill:#f7992c;"/><path d="M119.67,53.74c.2.1.39.1.49.2-.1-.1-.29-.1-.49-.2Z" style="fill:#f7992c;"/><path d="M124.88,77.63c-.1,0-.2-.1-.2-.1q.1.1.2.1Z" style="fill:#f7992c;"/><path d="M128.61,127.96h41.78c2.26,0,4.03-.39,5.41-1.08h-47.28v1.08h.1Z" style="fill:#f7992c;"/><path d="M128.61,85.88c0-.39,0-.88-.1-1.28.1.49.1.88.1,1.28Z" style="fill:#f7992c;"/><path d="M80.74,115.47c2.75-2.75,6.39-5.01,6.39-11.8,0-7.57-7.67-17.2-20.74-17.2h-.1c12.98.1,20.64,9.63,20.64,17.2,0,6.78-3.64,9.04-6.39,11.8-4.23,4.23-3.93,9.24.39,11.4,1.38.69,3.24,1.08,5.41,1.08h.29c-9.14,0-11.6-6.88-5.9-12.48Z" style="fill:#f7992c;"/><path d="M128.42,170.13c0,.69.1,1.38.1,2.06v-44.14h-.1v42.07Z" style="fill:#f7992c;"/><path d="M123.8,54.03c.1,0,.2,0,.2-.1,0,.1-.1.1-.2.1Z" style="fill:#f7992c;"/><path d="M120.26,77.33c-.2.1-.39.1-.59.2.2,0,.39-.1.59-.2Z" style="fill:#f7992c;"/><path d="M121.24,77.14c-.2,0-.39.1-.49.1.2-.1.39-.1.49-.1Z" style="fill:#f7992c;"/><path d="M123.21,77.14c-.1,0-.29,0-.39-.1.1,0,.29,0,.39.1Z" style="fill:#f7992c;"/><path d="M124.09,77.33c-.1,0-.2-.1-.29-.1.1,0,.2,0,.29.1Z" style="fill:#f7992c;"/><path d="M140.9,204.73c-5.21-5.21-11.5-3.54-12.39,3.83-.1.59-.1,1.28-.1,2.06v39.12h.1v-41.19c.98-7.37,7.27-9.04,12.39-3.83Z" style="fill:#f7992c;"/><path d="M205.39,115.47c2.75-2.75,6.39-5.01,6.39-11.8,0-7.57-7.67-17.2-20.74-17.2h-.1c12.98.1,20.64,9.63,20.64,17.2,0,6.78-3.64,9.04-6.39,11.8-4.23,4.23-3.93,9.24.39,11.4,1.38.69,3.24,1.08,5.41,1.08h40.4v-1.08h-45.61c-4.33-2.16-4.62-7.18-.39-11.4Z" style="fill:#f7992c;"/><path d="M128.61,46.66c0-.39.1-.79.1-1.28-.1.39-.1.88-.1,1.28Z" style="fill:#f7992c;"/><path d="M124.68,53.74s.1,0,.1-.1q0,.1-.1.1Z" style="fill:#f7992c;"/><path d="M51.25,126.88c4.33-2.16,4.72-7.18.39-11.4-2.75-2.75-6.39-5.01-6.39-11.8,0-7.57,7.67-17.2,20.74-17.2h.2c13.07,0,20.74,9.63,20.74,17.2,0,6.78-3.64,9.04-6.39,11.8-5.7,5.6-3.24,12.58,5.9,12.58h41.98v-42.17c0-.39,0-.88-.1-1.28,0-.29,0-.49-.1-.79-.39-2.75-1.47-4.62-2.95-5.8l-.1-.1c-.2-.1-.39-.29-.59-.39-.1,0-.2-.1-.2-.1-.2-.1-.39-.2-.59-.2-.1,0-.2-.1-.29-.1-.2,0-.39-.1-.59-.1-.1,0-.29,0-.39-.1h-.98c-.2,0-.29,0-.49.1-.2,0-.39.1-.49.1-.2,0-.29.1-.49.1-.2.1-.39.1-.59.2s-.29.1-.49.2-.39.2-.59.29c-.1.1-.29.2-.39.2-.2.2-.49.29-.69.49-.1.1-.2.2-.39.29-.39.29-.69.59-.98.88-2.75,2.75-5.01,6.39-11.8,6.39-7.57,0-17.2-7.67-17.2-20.74s9.63-20.74,17.2-20.74c6.78,0,9.04,3.64,11.8,6.39.29.29.69.69.98.88.1.1.2.2.39.29.2.2.49.29.69.49.2.1.29.2.49.29.2.1.39.2.59.29.2.1.29.1.49.2.2.1.39.1.49.2.2.1.39.1.49.1.2,0,.29.1.49.1s.39.1.59.1h1.28c.2,0,.39-.1.69-.1.1,0,.2,0,.2-.1.2-.1.49-.2.69-.29,0,0,.1,0,.1-.1,1.87-.98,3.24-3.05,3.74-6.29,0-.29.1-.49.1-.79,0-.39.1-.79.1-1.28V4H15.46c-5.43,0-9.83,4.4-9.83,9.83v114.13h40.11c2.26,0,4.03-.39,5.51-1.08Z" style="fill:#4557a4;"/><path d="M251.39,127.96h-40.4c-2.26,0-4.03-.39-5.41-1.08-4.33-2.16-4.72-7.18-.39-11.4,2.75-2.75,6.39-5.01,6.39-11.8,0-7.47-7.67-17.1-20.64-17.2-12.98.1-20.64,9.63-20.64,17.2,0,6.78,3.64,9.04,6.39,11.8,4.23,4.23,3.93,9.24-.39,11.4h-.29c-1.38.69-3.24,1.08-5.41,1.08h-42.07v44.14c.98,7.37,7.27,9.04,12.39,3.83,2.75-2.75,5.01-6.39,11.8-6.39,7.57,0,17.2,7.67,17.2,20.74s-9.63,20.74-17.2,20.74c-6.78,0-9.04-3.64-11.8-6.39-5.21-5.21-11.5-3.54-12.39,3.83v41.29h113.05c5.43,0,9.83-4.4,9.83-9.83v-111.97Z" style="fill:#f4f4f4;"/><path d="M128.51,208.57c.98-7.37,7.27-9.04,12.39-3.83,2.75,2.75,5.01,6.39,11.8,6.39,7.57,0,17.2-7.67,17.2-20.74s-9.63-20.74-17.2-20.74c-6.78,0-9.04,3.64-11.8,6.39-5.21,5.21-11.5,3.54-12.39-3.83h0c-.1-.59-.1-1.28-.1-2.06v-42.07h-42.17c-2.26,0-4.03-.39-5.41-1.08-4.33-2.16-4.72-7.18-.39-11.4,2.75-2.75,6.39-5.01,6.39-11.8,0-7.47-7.67-17.1-20.64-17.2-12.98.1-20.64,9.63-20.64,17.2,0,6.78,3.64,9.04,6.39,11.8,5.7,5.6,3.24,12.58-5.9,12.58H5.63v111.77c0,5.43,4.4,9.83,9.83,9.83h112.95v-39.12c0-.69,0-1.38.1-2.06Z" style="fill:#7fbf6b;"/><path d="M45.25,103.58c0,6.78,3.64,9.04,6.39,11.8,4.23,4.23,3.93,9.24-.39,11.4-1.38.69-3.24,1.08-5.41,1.08h.29c9.14,0,11.5-6.88,5.9-12.58-2.75-2.75-6.39-5.01-6.39-11.8,0-7.47,7.67-17.1,20.64-17.2h-.1c-13.27.2-20.94,9.83-20.94,17.3Z" style="fill:#7fbf6b;"/><path d="M140.9,175.93c-5.21,5.21-11.5,3.54-12.39-3.83h0c.98,7.47,7.27,9.04,12.39,3.83Z" style="fill:#7fbf6b;"/><path d="M128.61,4v41.39c0,.39,0,.88-.1,1.28-.29,3.64-1.77,6-3.74,7.08,0,0-.1,0-.1.1-.2.1-.49.2-.69.29-.1,0-.2.1-.2.1-.2.1-.39.1-.69.1h-1.28c-.2,0-.39,0-.59-.1-.2,0-.29-.1-.49-.1s-.39-.1-.49-.1c-.2-.1-.39-.1-.49-.2-.2-.1-.29-.1-.49-.2l-.59-.29c-.2-.1-.29-.2-.49-.29s-.49-.29-.69-.49c-.1-.1-.2-.2-.39-.29-.39-.29-.69-.59-.98-.88-2.75-2.75-5.01-6.39-11.8-6.39-7.57,0-17.2,7.67-17.2,20.74s9.63,20.74,17.2,20.74c6.78,0,9.04-3.64,11.8-6.39.29-.29.69-.69.98-.88.1-.1.2-.2.39-.29.2-.2.49-.39.69-.49.1-.1.29-.2.39-.2.2-.1.39-.2.59-.29.2-.1.29-.1.49-.2s.39-.2.59-.2c.2-.1.29-.1.49-.1s.39-.1.49-.1c.2,0,.29,0,.49-.1h.98c.1,0,.29,0,.39.1.2,0,.39.1.59.1.1,0,.2.1.29.1.2.1.39.1.59.2.1,0,.2.1.2.1.2.1.39.2.59.39l.1.1c1.47,1.08,2.56,3.05,2.95,5.8h0c0,.29.1.49.1.79,0,.39.1.79.1,1.28v40.7h47.28c4.33-2.16,4.72-7.18.39-11.4-2.75-2.75-6.39-5.01-6.39-11.8,0-7.57,7.67-17.2,20.74-17.2h.2c13.07,0,20.74,9.63,20.74,17.2,0,6.78-3.64,9.04-6.39,11.8-4.23,4.23-3.93,9.24.39,11.4h45.81V13.83c0-5.43-4.4-9.83-9.83-9.83h-112.95Z" style="fill:#f7992c;"/><path d="M125.47,78.02c-.2-.1-.39-.29-.59-.39.2.2.39.29.59.39Z" style="fill:#f7992c;"/><path d="M124.68,77.53c-.2-.1-.39-.2-.59-.2.2.1.39.1.59.2Z" style="fill:#f7992c;"/><path d="M123.21,54.23c.2,0,.39-.1.69-.1-.29,0-.49,0-.69.1Z" style="fill:#f7992c;"/><path d="M128.61,46.66c0,.29,0,.49-.1.79-.39,3.15-1.87,5.31-3.74,6.29,2.06-1.08,3.54-3.44,3.83-7.08Z" style="fill:#f7992c;"/><path d="M123.99,54.03c.2-.1.49-.2.69-.29-.2.1-.39.2-.69.29Z" style="fill:#f7992c;"/><path d="M118.19,52.95c.2.1.29.2.49.29-.2-.1-.39-.2-.49-.29Z" style="fill:#f7992c;"/><path d="M120.26,53.94c.2.1.39.1.49.1-.1,0-.29,0-.49-.1Z" style="fill:#f7992c;"/><path d="M117.11,52.17c.1.1.2.2.39.29-.1-.1-.29-.2-.39-.29Z" style="fill:#f7992c;"/><path d="M128.61,84.71c0-.29,0-.49-.1-.79,0,.2.1.49.1.79Z" style="fill:#f7992c;"/><path d="M119.17,53.54c.2.1.29.1.49.2-.1-.1-.29-.1-.49-.2Z" style="fill:#f7992c;"/><path d="M121.24,54.13c.2,0,.39.1.59.1-.2,0-.39,0-.59-.1Z" style="fill:#f7992c;"/><path d="M125.56,78.12c1.47,1.08,2.56,3.05,2.95,5.8-.39-2.75-1.47-4.72-2.95-5.8Z" style="fill:#f7992c;"/><path d="M118.58,78.12c-.1.1-.29.2-.39.2.1,0,.29-.1.39-.2Z" style="fill:#f7992c;"/><path d="M117.5,78.91c-.1.1-.2.2-.39.29.1-.2.2-.29.39-.29Z" style="fill:#f7992c;"/><path d="M123.8,77.23c-.2,0-.39-.1-.59-.1.2,0,.39,0,.59.1Z" style="fill:#f7992c;"/><path d="M119.67,77.63c-.2.1-.29.1-.49.2.2-.1.39-.2.49-.2Z" style="fill:#f7992c;"/><path d="M121.83,77.04c-.2,0-.29,0-.49.1.1-.1.29-.1.49-.1Z" style="fill:#f7992c;"/><path d="M120.75,77.23c-.2,0-.29.1-.49.1.2,0,.29-.1.49-.1Z" style="fill:#f7992c;"/><path d="M169.9,103.58c0,6.78,3.64,9.04,6.39,11.8,4.23,4.23,3.93,9.24-.39,11.4h.29c4.33-2.16,4.72-7.18.39-11.4-2.75-2.75-6.39-5.01-6.39-11.8,0-7.47,7.67-17.1,20.64-17.2h-.1c-13.07.1-20.84,9.73-20.84,17.2Z" style="fill:#f7992c;"/><path d="M103.84,98.86s13.27-26.54,36.96-26.54,42.57,17.99,41.68,47.38c14.16,1.87,27.43,13.27,25.56,32.15-1.87,18.87-13.27,25.56-20.84,27.43s-110.79,0-110.79,0c0,0-25.56-.98-26.54-28.41-.98-27.43,19.86-34.11,19.86-34.11,0,0,2.85-16.12,13.27-20.84,10.42-4.72,20.84,2.95,20.84,2.95Z" style="fill:#fff; stroke:#464646; stroke-miterlimit:10; stroke-width:.75px;"/></g></svg>