kiokuko-dsh 0.2.1 → 0.2.3

package/dist/models-client.cjs

@@ -0,0 +1,635 @@
+window.__ModuleLoader__.load({
+  id: "kiokuko-dsh",
+  factory: (require) => {
+    var module = { exports: {} };
+    var exports = module.exports;
+    const { createSnapshotStore } = require("@deepseek-ai/dsh-client-store");
+    const { jsx, jsxs, Fragment } = require("react/jsx-runtime");
+    const { useState, useRef, useEffect } = require("react");
+    const { Modal, Button, IconDownloadOutline16, MarkdownText } = require("@deepseek-ai/dsh-client-ui-primitives");
+    "use strict";
+    var __defProp = Object.defineProperty;
+    var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames = Object.getOwnPropertyNames;
+    var __hasOwnProp = Object.prototype.hasOwnProperty;
+    var __export = (target, all) => {
+      for (var name in all)
+        __defProp(target, name, { get: all[name], enumerable: true });
+    };
+    var __copyProps = (to, from, except, desc) => {
+      if (from && typeof from === "object" || typeof from === "function") {
+        for (let key of __getOwnPropNames(from))
+          if (!__hasOwnProp.call(to, key) && key !== except)
+            __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+      }
+      return to;
+    };
+    var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+    
+    // dist/models-client.js
+    var models_client_exports = {};
+    __export(models_client_exports, {
+      apply: () => apply,
+      inject: () => inject,
+      mountModelsClient: () => mountModelsClient
+    });
+    module.exports = __toCommonJS(models_client_exports);
+    function messageOf(error) {
+      return error instanceof Error ? error.message : String(error);
+    }
+    var inject = ["slots", "locale"];
+    function apply(ctx) {
+      mountModelsClient(ctx);
+    }
+    var MODELS_NS = "kiokuko-models";
+    var MODEL_CONNECTION_DEFAULTS = {
+      openai: ["OpenAI API", "https://api.openai.com/v1", "responses"],
+      codex: ["Codex", "https://chatgpt.com/backend-api/codex", "responses"],
+      claude: ["Claude", "https://api.anthropic.com", "messages"],
+      xai: ["xAI", "https://api.x.ai/v1", "chat-completions"],
+      deepseek: ["DeepSeek", "https://api.deepseek.com/v1", "chat-completions"],
+      opencode: ["OpenCode Zen", "https://opencode.ai/zen/v1", "chat-completions"],
+      "opencode-go": [
+        "OpenCode Go",
+        "https://opencode.ai/zen/go/v1",
+        "chat-completions"
+      ],
+      openrouter: [
+        "OpenRouter",
+        "https://openrouter.ai/api/v1",
+        "chat-completions"
+      ],
+      nous: [
+        "Nous / Hermes",
+        "https://inference-api.nousresearch.com/v1",
+        "chat-completions"
+      ],
+      infron: ["Infron", "https://llm.onerouter.pro/v1", "chat-completions"],
+      ollama: ["Ollama", "http://localhost:11434/v1", "chat-completions"],
+      custom: ["Custom connection", "http://localhost:8080/v1", "chat-completions"]
+    };
+    async function modelsApi(body, query = "") {
+      const response = await fetch("/api/kiokuko.models" + query, {
+        ...body ? {
+          method: "POST",
+          headers: { "content-type": "application/json" },
+          body: JSON.stringify(body)
+        } : {},
+        cache: "no-store"
+      });
+      const value = await response.json();
+      if (!response.ok)
+        throw new Error(value.error ?? "Kiokuko Models request failed");
+      return value;
+    }
+    function KiokukoModelsPanel(props) {
+      const [state, setState] = useState({ revision: 0, connections: [] }), [connection, setConnection] = useState(null), [models, setModels] = useState([]), [filter, setFilter] = useState("");
+      const [busy, setBusy] = useState(false), [error, setError] = useState(""), [notice, setNotice] = useState(""), [key, setKey] = useState(""), [auth, setAuth] = useState(null), [answer, setAnswer] = useState("");
+      const [manual, setManual] = useState({
+        id: "",
+        contextWindow: 262144,
+        maxTokens: 32768,
+        reasoning: false,
+        image: false
+      });
+      const operation = useRef(void 0), mounted = useRef(true), working = useRef(false);
+      const sessionId = props.sessionId;
+      const load = async () => {
+        const value = await modelsApi();
+        if (mounted.current)
+          setState(value);
+        return value;
+      };
+      useEffect(() => {
+        mounted.current = true;
+        void load().catch((e) => setError(messageOf(e)));
+        return () => {
+          mounted.current = false;
+          if (operation.current)
+            void modelsApi({ op: "cancel", id: operation.current }).catch(() => void 0);
+        };
+      }, []);
+      const run = async (action) => {
+        if (working.current)
+          return;
+        working.current = true;
+        setBusy(true);
+        setError("");
+        setNotice("");
+        try {
+          await action();
+        } catch (e) {
+          if (mounted.current)
+            setError(messageOf(e));
+        } finally {
+          working.current = false;
+          if (mounted.current)
+            setBusy(false);
+        }
+      };
+      const choose = async (c) => {
+        setConnection({ ...c });
+        setKey("");
+        setError("");
+        setModels([]);
+        try {
+          setModels(await modelsApi(void 0, "?op=models&id=" + encodeURIComponent(c.id)));
+        } catch (e) {
+          setError(messageOf(e));
+        }
+      };
+      const save = async () => {
+        await modelsApi({
+          op: "save",
+          connection: {
+            id: connection.id,
+            kind: connection.kind,
+            name: connection.name,
+            baseURL: connection.baseURL,
+            protocol: connection.protocol,
+            serviceTier: connection.serviceTier,
+            models: connection.models
+          },
+          revision: state.revision
+        });
+        const next = await load();
+        await choose(next.connections.find((c) => c.id === connection.id));
+        setNotice("Connection saved");
+      };
+      const newConnection = (kind) => {
+        const spec = MODEL_CONNECTION_DEFAULTS[kind];
+        setConnection({
+          id: "kiokuko-" + kind + "-" + crypto.randomUUID().slice(0, 8),
+          kind,
+          name: spec[0],
+          baseURL: spec[1],
+          protocol: spec[2],
+          serviceTier: "standard",
+          models: []
+        });
+        setModels([]);
+        setKey("");
+        setError("");
+      };
+      const update = (field, value) => setConnection({ ...connection, [field]: value });
+      const startLogin = async () => {
+        await save();
+        const result = await modelsApi({ op: "login", id: connection.id });
+        operation.current = result.operationId;
+        setAuth({ id: result.operationId, status: "pending", events: [] });
+      };
+      useEffect(() => {
+        if (!auth || auth.status !== "pending")
+          return;
+        let stopped = false;
+        const timer = setInterval(() => {
+          void modelsApi(void 0, "?op=auth&id=" + encodeURIComponent(auth.id)).then((next) => {
+            if (stopped)
+              return;
+            setAuth(next);
+            if (next.status !== "pending") {
+              operation.current = void 0;
+              void load().then((value) => {
+                if (next.status === "success")
+                  return choose(value.connections.find((c) => c.id === connection.id));
+                setError(next.error ?? "Authentication cancelled");
+              }).catch((e) => setError(messageOf(e)));
+            }
+          }, (e) => {
+            if (!stopped)
+              setError(messageOf(e));
+          });
+        }, 500);
+        return () => {
+          stopped = true;
+          clearInterval(timer);
+        };
+      }, [auth?.id, auth?.status]);
+      const input = (label, value, onChange, type = "text") => jsx("label", {
+        children: jsxs(Fragment, {
+          children: [
+            jsx("span", { children: label }),
+            jsx("input", {
+              type,
+              value,
+              "aria-label": label,
+              disabled: busy || label === "Base URL" && ["codex", "opencode", "opencode-go"].includes(connection?.kind),
+              onChange: (e) => onChange(e.target.value),
+              autoComplete: type === "password" ? "new-password" : "off"
+            })
+          ]
+        })
+      });
+      const button = (label, action, disabled = false) => jsx("button", {
+        type: "button",
+        disabled: busy || disabled,
+        onClick: action,
+        children: label
+      });
+      return jsxs("section", {
+        className: "kiokuko-models-panel",
+        "aria-label": "Kiokuko Models",
+        "aria-busy": busy,
+        children: [
+          jsx("h2", { children: "Kiokuko Models" }),
+          jsx("p", {
+            children: "Connect directly for chat, Enno and Deep. Credentials are shared with dsh-cli. Signing out also signs dsh-cli out."
+          }),
+          ...error ? [jsx("p", { role: "alert", children: error })] : [],
+          ...notice ? [jsx("p", { role: "status", children: notice })] : [],
+          ...busy ? [jsx("p", { role: "status", children: "Working\u2026" })] : [],
+          button("Reload", () => void run(load)),
+          jsx("label", {
+            children: jsxs(Fragment, {
+              children: [
+                "Add connection",
+                jsxs("select", {
+                  "aria-label": "Add connection",
+                  value: "",
+                  disabled: busy,
+                  onChange: (e) => newConnection(e.target.value),
+                  children: [
+                    jsx("option", { value: "", children: "Choose provider\u2026" }),
+                    ...Object.entries(MODEL_CONNECTION_DEFAULTS).map(([id, spec]) => jsx("option", { value: id, children: spec[0] }, id))
+                  ]
+                })
+              ]
+            })
+          }),
+          jsx("ul", {
+            children: state.connections.map((c) => jsx("li", {
+              children: button(c.name + " \xB7 " + c.authState, () => void choose(c))
+            }, c.id))
+          }),
+          ...connection ? [
+            jsxs("div", {
+              className: "kiokuko-models-editor",
+              children: [
+                input("Connection name", connection.name, (value) => update("name", value)),
+                input("Base URL", connection.baseURL, (value) => update("baseURL", value)),
+                jsx("label", {
+                  children: jsxs(Fragment, {
+                    children: [
+                      "Protocol",
+                      jsx("select", {
+                        "aria-label": "Protocol",
+                        value: connection.protocol,
+                        disabled: busy || [
+                          "codex",
+                          "infron",
+                          "opencode",
+                          "opencode-go"
+                        ].includes(connection.kind),
+                        onChange: (e) => update("protocol", e.target.value),
+                        children: [
+                          ["chat-completions", "Chat Completions"],
+                          ["responses", "Responses"],
+                          ["messages", "Messages"]
+                        ].map(([id, name]) => jsx("option", { value: id, children: name }, id))
+                      })
+                    ]
+                  })
+                }),
+                ...connection.kind === "infron" ? [
+                  jsx("label", {
+                    children: jsxs(Fragment, {
+                      children: [
+                        "Service tier",
+                        jsx("select", {
+                          "aria-label": "Service tier",
+                          value: connection.serviceTier,
+                          disabled: busy,
+                          onChange: (e) => update("serviceTier", e.target.value),
+                          children: [
+                            jsx("option", {
+                              value: "standard",
+                              children: "Standard"
+                            }),
+                            jsx("option", {
+                              value: "flex",
+                              children: "Flex"
+                            })
+                          ]
+                        })
+                      ]
+                    })
+                  }),
+                  jsx("p", {
+                    children: "Requested tier: " + connection.serviceTier + ". Last request: " + (connection.lastRequestedTier ?? "none") + ". Actual served tier: " + (connection.actualTier ?? "unknown") + ". Infron may serve Standard for a Flex request."
+                  })
+                ] : [],
+                button("Save connection", () => void run(save)),
+                ...connection.kind !== "codex" && connection.kind !== "ollama" ? [
+                  input("API key / bearer token", key, setKey, "password"),
+                  button("Save key", () => void run(async () => {
+                    await save();
+                    await modelsApi({
+                      op: "key",
+                      id: connection.id,
+                      key
+                    });
+                    setKey("");
+                    await load();
+                    await choose(connection);
+                    setNotice("Key saved");
+                  }), !key)
+                ] : [],
+                ...[
+                  "codex",
+                  "claude",
+                  "xai",
+                  "openai",
+                  "openrouter",
+                  "nous"
+                ].includes(connection.kind) ? [
+                  button("Log in", () => void run(startLogin), auth?.status === "pending")
+                ] : [],
+                button("Log out (also dsh-cli)", () => void run(async () => {
+                  await modelsApi({ op: "logout", id: connection.id });
+                  setKey("");
+                  setModels([]);
+                  await load();
+                  setNotice("Signed out");
+                })),
+                button("Refresh models", () => void run(async () => {
+                  await modelsApi({ op: "refresh", id: connection.id });
+                  const next = await load();
+                  await choose(next.connections.find((c) => c.id === connection.id));
+                  setNotice("Models refreshed");
+                })),
+                ...auth?.status === "pending" ? [
+                  jsxs("div", {
+                    "aria-label": "Authentication",
+                    children: [
+                      jsx("p", {
+                        role: "status",
+                        children: "Waiting for authentication"
+                      }),
+                      ...auth.events.map((event, index) => jsx("div", {
+                        children: event.type === "auth_url" ? jsxs(Fragment, {
+                          children: [
+                            jsx("a", {
+                              href: event.url,
+                              target: "_blank",
+                              rel: "noopener noreferrer",
+                              children: "Open authentication link"
+                            }),
+                            jsx("p", {
+                              children: event.instructions
+                            })
+                          ]
+                        }) : event.type === "device_code" ? jsxs(Fragment, {
+                          children: [
+                            jsx("a", {
+                              href: event.verificationUri,
+                              target: "_blank",
+                              rel: "noopener noreferrer",
+                              children: "Open sign-in page"
+                            }),
+                            jsx("p", {
+                              children: "Code: " + event.userCode
+                            })
+                          ]
+                        }) : jsxs(Fragment, {
+                          children: [
+                            jsx("p", {
+                              children: event.message
+                            }),
+                            ...(event.links ?? []).map((link) => jsx("a", {
+                              href: link.url,
+                              target: "_blank",
+                              rel: "noopener noreferrer",
+                              children: link.label ?? "Open link"
+                            }, link.url))
+                          ]
+                        })
+                      }, index)),
+                      ...auth.prompt ? [
+                        auth.prompt.type === "select" ? jsx("label", {
+                          children: jsxs(Fragment, {
+                            children: [
+                              auth.prompt.message,
+                              jsxs("select", {
+                                "aria-label": auth.prompt.message,
+                                value: answer,
+                                onChange: (e) => setAnswer(e.target.value),
+                                children: [
+                                  jsx("option", {
+                                    value: "",
+                                    children: "Choose\u2026"
+                                  }),
+                                  ...auth.prompt.options.map((option) => jsx("option", {
+                                    value: option.id,
+                                    children: option.label
+                                  }, option.id))
+                                ]
+                              })
+                            ]
+                          })
+                        }) : input(auth.prompt.message, answer, setAnswer, auth.prompt.type === "secret" ? "password" : "text"),
+                        button("Submit authentication answer", () => void run(async () => {
+                          await modelsApi({
+                            op: "answer",
+                            id: auth.id,
+                            answer
+                          });
+                          setAnswer("");
+                        }))
+                      ] : [],
+                      button("Cancel authentication", () => void run(async () => {
+                        await modelsApi({ op: "cancel", id: auth.id });
+                        operation.current = void 0;
+                        setAuth(null);
+                        setNotice("Authentication cancelled");
+                      }))
+                    ]
+                  })
+                ] : [],
+                ...!["opencode", "opencode-go"].includes(connection.kind) ? [
+                  jsx("details", {
+                    children: jsxs(Fragment, {
+                      children: [
+                        jsx("summary", {
+                          children: "Register model manually"
+                        }),
+                        input("Model ID", manual.id, (value) => setManual({ ...manual, id: value })),
+                        input("Context window", manual.contextWindow, (value) => setManual({
+                          ...manual,
+                          contextWindow: Number(value)
+                        }), "number"),
+                        input("Maximum output tokens", manual.maxTokens, (value) => setManual({
+                          ...manual,
+                          maxTokens: Number(value)
+                        }), "number"),
+                        jsx("label", {
+                          children: jsxs(Fragment, {
+                            children: [
+                              jsx("input", {
+                                type: "checkbox",
+                                checked: manual.reasoning,
+                                onChange: (e) => setManual({
+                                  ...manual,
+                                  reasoning: e.target.checked
+                                })
+                              }),
+                              "Reasoning supported"
+                            ]
+                          })
+                        }),
+                        jsx("label", {
+                          children: jsxs(Fragment, {
+                            children: [
+                              jsx("input", {
+                                type: "checkbox",
+                                checked: manual.image,
+                                onChange: (e) => setManual({
+                                  ...manual,
+                                  image: e.target.checked
+                                })
+                              }),
+                              "Image input supported"
+                            ]
+                          })
+                        }),
+                        button("Add manual model", () => {
+                          update("models", [
+                            ...connection.models.filter((m) => m.id !== manual.id),
+                            { ...manual, name: manual.id }
+                          ]);
+                          setNotice("Model added to draft. Save connection to register it.");
+                        }, !manual.id)
+                      ]
+                    })
+                  })
+                ] : [],
+                input("Search models", filter, setFilter),
+                jsx("ul", {
+                  children: models.filter((m) => (m.id + " " + m.name).toLowerCase().includes(filter.toLowerCase())).map((m) => jsx("li", {
+                    children: jsxs(Fragment, {
+                      children: [
+                        jsx("span", { children: m.name + " \xB7 " + m.id }),
+                        button("Use in current chat", () => void run(async () => {
+                          await modelsApi({
+                            op: "select",
+                            id: connection.id,
+                            model: m.id,
+                            scope: "current",
+                            sessionId
+                          });
+                          setNotice("Model selected for this chat");
+                        }), !sessionId),
+                        button("Default for new chats", () => void run(async () => {
+                          await modelsApi({
+                            op: "select",
+                            id: connection.id,
+                            model: m.id,
+                            scope: "default"
+                          });
+                          setNotice("Default model saved for new chats");
+                        }))
+                      ]
+                    })
+                  }, m.id))
+                })
+              ]
+            })
+          ] : []
+        ]
+      });
+    }
+    function KiokukoModelsDialog(props) {
+      const useModels = props.useKiokukoModels;
+      const state = useModels((s) => s), close = props.closeModels;
+      return jsx(Modal, {
+        open: state.open,
+        className: "kiokuko-models-modal",
+        title: "Kiokuko Models",
+        closeLabel: "Close",
+        onClose: close,
+        children: state.open ? jsx(KiokukoModelsPanel, { sessionId: state.sessionId }) : null
+      });
+    }
+    function KiokukoModelsAnchor(props) {
+      const active = props.activeModelsSession;
+      useEffect(() => {
+        active.current = props.sessionId;
+        return () => {
+          if (active.current === props.sessionId)
+            active.current = void 0;
+        };
+      }, [props.sessionId]);
+      return null;
+    }
+    function mountModelsClient(ctx) {
+      const store = createSnapshotStore({
+        open: false
+      }), active = { current: void 0 };
+      let focusFrame;
+      const close = () => {
+        store.update((s) => {
+          s.open = false;
+        });
+        if (focusFrame !== void 0)
+          cancelAnimationFrame(focusFrame);
+        focusFrame = requestAnimationFrame(() => {
+          focusFrame = void 0;
+          const sessionId = active.current;
+          if (!sessionId)
+            return;
+          const sessions = ctx.get?.("sessions", false);
+          const scope = sessions?.scope(sessionId);
+          if (!scope)
+            return;
+          const conversation = scope.get("conversation", false);
+          conversation?.input.for(scope).focus();
+        });
+      };
+      ctx.effect(() => () => {
+        if (focusFrame !== void 0)
+          cancelAnimationFrame(focusFrame);
+      }, "kiokuko models focus lifecycle");
+      ctx.effect(() => {
+        const style = document.createElement("style");
+        style.textContent = ".kiokuko-models-modal{width:min(900px,calc(100vw - 32px))}.kiokuko-models-panel{box-sizing:border-box;width:100%;max-width:900px;padding:16px;overflow:auto;max-height:75vh}.kiokuko-models-panel label{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0}.kiokuko-models-panel input,.kiokuko-models-panel select{max-width:100%;box-sizing:border-box;border:1px solid #888;border-radius:6px;padding:8px;color:inherit;background:transparent}.kiokuko-models-panel button{border:1px solid #888;border-radius:6px;padding:8px;margin:4px;color:inherit}.kiokuko-models-panel button:disabled{opacity:.5}.kiokuko-models-panel li{margin:8px 0}.kiokuko-models-panel :focus-visible{outline:2px solid #3286ff;outline-offset:3px}";
+        document.head.append(style);
+        return () => style.remove();
+      }, "kiokuko models style");
+      ctx.slots.inject("settings.section", () => ctx.slots.register({
+        name: "settings.section",
+        id: MODELS_NS,
+        order: 1e3,
+        label: "Kiokuko Models",
+        locale: MODELS_NS
+      }, () => jsx(KiokukoModelsPanel, { sessionId: active.current })));
+      ctx.slots.inject("conversation.input.left", () => ctx.slots.register({
+        name: "conversation.input.left",
+        id: "kiokuko-models-dialog",
+        locale: MODELS_NS,
+        inject: () => ({
+          hooks: { kiokukoModels: store },
+          closeModels: close,
+          activeModelsSession: active
+        })
+      }, KiokukoModelsAnchor));
+      ctx.slots.inject("shell.overlay", () => ctx.slots.register({
+        name: "shell.overlay",
+        id: "kiokuko-models-overlay",
+        locale: MODELS_NS,
+        inject: () => ({ hooks: { kiokukoModels: store }, closeModels: close })
+      }, KiokukoModelsDialog));
+      ctx.on("command/executed", (sessionId, name, result) => {
+        if (name === "kiokuko" && result.kind === "success")
+          store.update((s) => {
+            s.open = true;
+            s.sessionId = sessionId;
+          });
+      });
+      ctx.effect(() => ctx.locale.register(MODELS_NS, {
+        en: { "meta.title": "Kiokuko Models" },
+        ja: { "meta.title": "Kiokuko Models" }
+      }), "kiokuko models labels");
+    }
+    
+    return module.exports;
+  }
+});

package/dist/models-client.d.ts

@@ -0,0 +1,26 @@
+interface DshClientContext {
+    get?(name: string, required?: false): unknown;
+    slots: {
+        inject(name: string, register: () => unknown): unknown;
+        register(definition: {
+            name: string;
+            id?: string;
+            order?: number;
+            label?: string;
+            locale: string;
+            inject?: () => Record<string, unknown>;
+        }, component: (props: Record<string, unknown>) => unknown): unknown;
+    };
+    locale: {
+        register(namespace: string, dictionaries: Record<string, Record<string, string>>): unknown;
+    };
+    effect(setup: () => void | (() => void | Promise<void>), label: string): unknown;
+    on(event: 'command/executed', listener: (sessionId: string, name: string, result: {
+        readonly kind: string;
+    }) => void): unknown;
+}
+export declare const inject: readonly ["slots", "locale"];
+export declare function apply(ctx: DshClientContext): void;
+export declare function mountModelsClient(ctx: DshClientContext): void;
+export {};
+//# sourceMappingURL=models-client.d.ts.map

package/dist/models-client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"models-client.d.ts","sourceRoot":"","sources":["../src/models-client.ts"],"names":[],"mappings":"AAAA,UAAU,gBAAgB;IACxB,GAAG,CAAC,CAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,CAAC,EAAC,KAAK,GAAE,OAAO,CAAC;IAC1C,KAAK,EAAE;QACL,MAAM,CAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,MAAI,OAAO,GAAE,OAAO,CAAC;QACjD,QAAQ,CAAC,UAAU,EAAC;YAAC,IAAI,EAAC,MAAM,CAAC;YAAA,EAAE,CAAC,EAAC,MAAM,CAAC;YAAA,KAAK,CAAC,EAAC,MAAM,CAAC;YAAA,KAAK,CAAC,EAAC,MAAM,CAAC;YAAA,MAAM,EAAC,MAAM,CAAC;YAAA,MAAM,CAAC,EAAC,MAAI,MAAM,CAAC,MAAM,EAAC,OAAO,CAAC,CAAA;SAAC,EAAC,SAAS,EAAC,CAAC,KAAK,EAAC,MAAM,CAAC,MAAM,EAAC,OAAO,CAAC,KAAG,OAAO,GAAE,OAAO,CAAC;KACtL,CAAC;IACF,MAAM,EAAC;QAAC,QAAQ,CAAC,SAAS,EAAC,MAAM,EAAC,YAAY,EAAC,MAAM,CAAC,MAAM,EAAC,MAAM,CAAC,MAAM,EAAC,MAAM,CAAC,CAAC,GAAE,OAAO,CAAA;KAAC,CAAC;IAC9F,MAAM,CAAC,KAAK,EAAC,MAAI,IAAI,GAAC,CAAC,MAAI,IAAI,GAAC,OAAO,CAAC,IAAI,CAAC,CAAC,EAAC,KAAK,EAAC,MAAM,GAAE,OAAO,CAAC;IACrE,EAAE,CAAC,KAAK,EAAC,kBAAkB,EAAC,QAAQ,EAAC,CAAC,SAAS,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC;QAAC,QAAQ,CAAC,IAAI,EAAC,MAAM,CAAA;KAAC,KAAG,IAAI,GAAE,OAAO,CAAC;CAClH;AA4BD,eAAO,MAAM,MAAM,8BAA+B,CAAC;AACnD,wBAAgB,KAAK,CAAC,GAAG,EAAE,gBAAgB,GAAG,IAAI,CAEjD;AA8sBD,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,gBAAgB,GAAG,IAAI,CAqF7D"}