@pmcai/codex-chat-widget 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Suphot (pemo)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,106 @@
+# @pmcai/codex-chat-widget
+
+Embeddable React chat UI for a **Codex harness** server (the Next.js + `codex exec` service
+in this repo). Drop it into any React / Next.js / Vite site and it drives the existing API:
+
+```
+GET    /api/health
+GET    /api/sessions        POST /api/sessions      PATCH/DELETE /api/sessions?id=
+GET    /api/settings        PUT  /api/settings
+POST   /api/models
+POST   /api/chat            (SSE stream: status / final / error)
+```
+
+The widget is **frontend only**: it never holds API keys and never runs Codex itself.
+
+## Install
+
+```bash
+npm install @pmcai/codex-chat-widget
+```
+
+Peer dependencies (install in your app):
+
+```bash
+npm install react react-dom react-markdown remark-gfm
+```
+
+## Use
+
+```jsx
+import CodexChatWidget from '@pmcai/codex-chat-widget'
+import '@pmcai/codex-chat-widget/styles.css'
+
+export default function Page() {
+  return (
+    <div style={{ height: '100dvh' }}>
+      <CodexChatWidget
+        apiBase="https://f90f-124-120-29-18.ngrok-free.app"
+        storageKey="my-site"
+        title="Codex Harness"
+      />
+    </div>
+  )
+}
+```
+
+Without a bundler (CDN / plain HTML) — see `examples/static.html` in this repo:
+
+```html
+<link rel="stylesheet" href="https://unpkg.com/@pmcai/codex-chat-widget/dist/styles.css" />
+<script type="module">
+  import CodexChatWidget from 'https://unpkg.com/@pmcai/codex-chat-widget/dist/index.js'
+  // mount with your own React root
+</script>
+```
+
+## Props
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `apiBase` | `string` | `''` (same origin) | Base URL of the Codex harness server. Trailing `/` is stripped. |
+| `storageKey` | `string` | `'codex-chat'` | Namespace for the remembered active session in `localStorage`. Use a unique value per host site. |
+| `initialSessionId` | `string` | — | Session to open on first mount (overrides the remembered one). |
+| `title` | `string` | `'Codex Harness'` | Header title. |
+
+## Behaviour
+
+- **Parallel sessions** — each session streams independently; starting a new chat does not
+  block a running one. Progress steps render per session.
+- **Session memory** — the active session id is stored under
+  `<storageKey>-active-session`, scoped per host site.
+- **Model settings** — the Settings modal reads providers/models from `/api/models` and saves
+  globally through `PUT /api/settings`.
+- **Styles** are fully scoped under `.codex-chat-app`, so the widget will not leak CSS into
+  your site. Global `html`/`body` resets from the standalone app are not included.
+
+## Server contract
+
+The widget expects the harness API to answer with these shapes:
+
+```jsonc
+// GET /api/sessions -> [{ id, title, updatedAt }]
+// GET /api/sessions?id=... -> { id, title, messages: [{ role: "user"|"assistant"|"system", text }] }
+// POST /api/chat { sessionId, prompt, settings } -> text/event-stream
+//   data: {"type":"status","text":"..."}   // progress step
+//   data: {"type":"final","text":"..."}    // final answer
+//   data: {"type":"error","text":"..."}    // failure
+```
+
+## Build from source
+
+```bash
+npm run build     # esbuild -> dist/index.js, dist/index.cjs, dist/styles.css
+npm test          # react-dom/server smoke render
+```
+
+## Publish
+
+```bash
+npm login
+npm publish --access public
+```
+
+## License
+
+MIT

package/dist/index.cjs

@@ -0,0 +1,276 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/CodexChatWidget.jsx
+var CodexChatWidget_exports = {};
+__export(CodexChatWidget_exports, {
+  default: () => CodexChatWidget
+});
+module.exports = __toCommonJS(CodexChatWidget_exports);
+var import_react = require("react");
+var import_react_markdown = __toESM(require("react-markdown"), 1);
+var import_remark_gfm = __toESM(require("remark-gfm"), 1);
+var import_jsx_runtime = require("react/jsx-runtime");
+var defaultSettings = { provider: "server", model: "cohere/north-mini-code:free", apiKey: "", baseUrl: "" };
+function CodexChatWidget({
+  apiBase = "",
+  storageKey = "codex-chat",
+  initialSessionId,
+  title = "Codex Harness"
+}) {
+  const apiBaseUrl = String(apiBase || "").replace(/\/$/, "");
+  const [sessions, setSessions] = (0, import_react.useState)([]);
+  const [session, setSession] = (0, import_react.useState)(null);
+  const [prompt, setPrompt] = (0, import_react.useState)("");
+  const [activityBySession, setActivityBySession] = (0, import_react.useState)({});
+  const [runningBySession, setRunningBySession] = (0, import_react.useState)({});
+  const [settings, setSettings] = (0, import_react.useState)(defaultSettings);
+  const [models, setModels] = (0, import_react.useState)([]);
+  const [modelsState, setModelsState] = (0, import_react.useState)("");
+  const [showSettings, setShowSettings] = (0, import_react.useState)(false);
+  const [showSessions, setShowSessions] = (0, import_react.useState)(false);
+  const [homeLabel, setHomeLabel] = (0, import_react.useState)("~/.pmai/workspace");
+  async function refreshSessions(selectId) {
+    let items = await (await fetch(apiBaseUrl + "/api/sessions")).json();
+    if (!items.length) {
+      const created = await (await fetch(apiBaseUrl + "/api/sessions", { method: "POST" })).json();
+      items = [created];
+    }
+    setSessions(items);
+    const wanted = selectId || session?.id;
+    const id = items.some((item) => item.id === wanted) ? wanted : items[0].id;
+    const response = await fetch(apiBaseUrl + `/api/sessions?id=${id}`);
+    if (response.ok) {
+      setSession(await response.json());
+      localStorage.setItem(`${storageKey}-active-session`, id);
+    }
+  }
+  (0, import_react.useEffect)(() => {
+    const savedSession = localStorage.getItem(`${storageKey}-active-session`);
+    refreshSessions(initialSessionId || savedSession || void 0);
+    fetch(apiBaseUrl + "/api/settings").then((r) => r.json()).then(setSettings);
+    fetch(apiBaseUrl + "/api/health").then((r) => r.json()).then((h) => {
+      if (h.workspace) setHomeLabel("~/.pmai" + String(h.workspace).replace(/^\/pmai/, ""));
+    }).catch(() => {
+    });
+  }, []);
+  async function loadModels(nextSettings = settings) {
+    setModelsState("\u0E01\u0E33\u0E25\u0E31\u0E07\u0E42\u0E2B\u0E25\u0E14 model list\u2026");
+    const data = await (await fetch(apiBaseUrl + "/api/models", { method: "POST", headers: { "content-type": "application/json" }, body: JSON.stringify(nextSettings), cache: "no-store" })).json();
+    setModels(data.models || []);
+    setModelsState(data.error || data.message || data.label || `${(data.models || []).length} models`);
+  }
+  async function openSettings() {
+    setShowSettings(true);
+    await loadModels();
+  }
+  async function saveGlobalSettings() {
+    const previous = `${settings.provider}/${settings.model}`;
+    const saved = await (await fetch(apiBaseUrl + "/api/settings", { method: "PUT", headers: { "content-type": "application/json" }, body: JSON.stringify(settings) })).json();
+    setSettings(saved);
+    if (session && `${saved.provider}/${saved.model}` !== previous) setSession((current) => ({ ...current, messages: [...current.messages, { role: "system", text: `Model changed: ${saved.model} (${saved.provider})` }] }));
+    setShowSettings(false);
+  }
+  async function newSession() {
+    const created = await (await fetch(apiBaseUrl + "/api/sessions", { method: "POST" })).json();
+    await refreshSessions(created.id);
+  }
+  async function choose(id) {
+    await refreshSessions(id);
+  }
+  async function archive(id) {
+    await fetch(apiBaseUrl + "/api/sessions", { method: "PATCH", headers: { "content-type": "application/json" }, body: JSON.stringify({ id, archived: true }) });
+    await refreshSessions();
+  }
+  async function remove(id) {
+    if (!confirm("Delete this chat permanently?")) return;
+    await fetch(apiBaseUrl + `/api/sessions?id=${id}`, { method: "DELETE" });
+    if (session?.id === id) setSession(null);
+    await refreshSessions();
+  }
+  async function send(event) {
+    event.preventDefault();
+    const text = prompt.trim();
+    const sessionId = session?.id;
+    if (!text || runningBySession[sessionId] || !sessionId) return;
+    setSession((x) => ({ ...x, messages: [...x.messages, { role: "user", text }] }));
+    setPrompt("");
+    setActivityBySession((x) => ({ ...x, [sessionId]: [{ text: "\u0E01\u0E33\u0E25\u0E31\u0E07\u0E40\u0E15\u0E23\u0E35\u0E22\u0E21\u0E07\u0E32\u0E19" }] }));
+    setRunningBySession((x) => ({ ...x, [sessionId]: true }));
+    try {
+      const response = await fetch(apiBaseUrl + "/api/chat", { method: "POST", headers: { "content-type": "application/json" }, body: JSON.stringify({ prompt: text, sessionId, settings }) });
+      if (!response.ok || !response.body) {
+        const error = await response.json();
+        throw new Error(error.error || `Request failed (${response.status})`);
+      }
+      const reader = response.body.getReader();
+      const decoder = new TextDecoder();
+      let buffer = "";
+      let finalText = "";
+      while (true) {
+        const { done, value } = await reader.read();
+        if (done) break;
+        buffer += decoder.decode(value, { stream: true });
+        const frames = buffer.split("\n\n");
+        buffer = frames.pop() || "";
+        for (const frame of frames) {
+          const line = frame.split("\n").find((x) => x.startsWith("data: "));
+          if (!line) continue;
+          const data = JSON.parse(line.slice(6));
+          if (data.type === "status") setActivityBySession((x) => ({ ...x, [sessionId]: [...x[sessionId] || [], { text: data.text }] }));
+          if (data.type === "final") finalText = data.text;
+          if (data.type === "error") throw new Error(data.text);
+        }
+      }
+      if (session?.id === sessionId) setSession((x) => ({ ...x, messages: [...x.messages, { role: "assistant", text: finalText || "\u0E07\u0E32\u0E19\u0E40\u0E2A\u0E23\u0E47\u0E08\u0E41\u0E25\u0E49\u0E27 \u0E41\u0E15\u0E48\u0E44\u0E21\u0E48\u0E21\u0E35\u0E02\u0E49\u0E2D\u0E04\u0E27\u0E32\u0E21\u0E2A\u0E23\u0E38\u0E1B" }] }));
+      await refreshSessions(sessionId);
+    } catch (error) {
+      if (session?.id === sessionId) setSession((x) => ({ ...x, messages: [...x.messages, { role: "assistant", text: `\u0E40\u0E01\u0E34\u0E14\u0E02\u0E49\u0E2D\u0E1C\u0E34\u0E14\u0E1E\u0E25\u0E32\u0E14: ${error.message}` }] }));
+    } finally {
+      setActivityBySession((x) => ({ ...x, [sessionId]: [] }));
+      setRunningBySession((x) => ({ ...x, [sessionId]: false }));
+    }
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("main", { className: "codex-chat-app", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("aside", { className: "codex-chat-sidebar", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { className: "codex-chat-new", onClick: newSession, children: "\uFF0B New chat" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "codex-chat-sessionList", children: sessions.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "codex-chat-sessionRow", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", { className: item.id === session?.id ? "session activeSession" : "session", onClick: () => choose(item.id), children: [
+          item.title,
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("small", { children: new Date(item.updatedAt).toLocaleString() })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "codex-chat-sessionActions", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { title: "Archive", onClick: () => archive(item.id), children: "\u232B" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { title: "Delete", onClick: () => remove(item.id), children: "\xD7" })
+        ] })
+      ] }, item.id)) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { className: "codex-chat-settingsBtn", onClick: openSettings, children: "\u2699 Settings" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "codex-chat-shell", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("b", { children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+            settings.model,
+            " \xB7 ",
+            homeLabel
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "codex-chat-headerActions", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { className: "codex-chat-sessionsBtn", onClick: () => setShowSessions(true), children: "\u2630 Chats" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { className: "codex-chat-modelBtn", onClick: openSettings, children: "\u2304 Model" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "codex-chat-status", children: "\u25CF Ready" })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("section", { className: "codex-chat-messages", "aria-live": "polite", children: !session ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "codex-chat-welcome", children: "\u0E01\u0E33\u0E25\u0E31\u0E07\u0E42\u0E2B\u0E25\u0E14 session\u2026" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        session.messages.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "codex-chat-welcome", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { children: "\u0E40\u0E23\u0E34\u0E48\u0E21\u0E04\u0E38\u0E22\u0E01\u0E31\u0E1A Codex" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: "\u0E40\u0E25\u0E37\u0E2D\u0E01 model \u0E2B\u0E23\u0E37\u0E2D provider \u0E02\u0E2D\u0E07\u0E04\u0E38\u0E13\u0E44\u0E14\u0E49\u0E08\u0E32\u0E01 Settings" })
+        ] }),
+        session.messages.map((message, index) => message.role === "system" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "codex-chat-systemMessage", children: message.text }, index) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("article", { className: message.role, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { children: message.role === "user" ? "\u0E04\u0E38\u0E13" : "\u0E04\u0E33\u0E15\u0E2D\u0E1A" }),
+          message.role === "assistant" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "codex-chat-markdown", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_markdown.default, { remarkPlugins: [import_remark_gfm.default], children: message.text }) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", { children: message.text })
+        ] }, index)),
+        runningBySession[session.id] && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("article", { className: "codex-chat-assistant progress", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { children: "\u0E01\u0E33\u0E25\u0E31\u0E07\u0E17\u0E33\u0E07\u0E32\u0E19" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ol", { children: (activityBySession[session.id] || []).map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { className: index === (activityBySession[session.id] || []).length - 1 ? "active" : "", children: item.text }, index)) })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "codex-chat-composer", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "codex-chat-modelFooter", children: [
+          settings.provider,
+          " \xB7 ",
+          settings.model
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("form", { onSubmit: send, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("textarea", { value: prompt, onChange: (e) => setPrompt(e.target.value), placeholder: "\u0E40\u0E0A\u0E48\u0E19 \u0E15\u0E23\u0E27\u0E08\u0E44\u0E1F\u0E25\u0E4C\u0E43\u0E19 workspace \u0E41\u0E25\u0E49\u0E27\u0E2A\u0E23\u0E38\u0E1B\u0E42\u0E04\u0E23\u0E07\u0E2A\u0E23\u0E49\u0E32\u0E07", rows: "3", maxLength: "8000" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { disabled: runningBySession[session?.id] || !prompt.trim() || !session, children: runningBySession[session?.id] ? "\u0E01\u0E33\u0E25\u0E31\u0E07\u0E17\u0E33\u0E07\u0E32\u0E19" : "\u0E2A\u0E48\u0E07" })
+        ] })
+      ] })
+    ] }),
+    showSessions && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "codex-chat-sessionDrawer", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("b", { children: "Chats" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { onClick: () => setShowSessions(false), children: "\xD7" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { className: "codex-chat-new", onClick: async () => {
+        await newSession();
+        setShowSessions(false);
+      }, children: "\uFF0B New chat" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "codex-chat-sessionList", children: sessions.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "codex-chat-sessionRow", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { className: item.id === session?.id ? "session activeSession" : "session", onClick: async () => {
+          await choose(item.id);
+          setShowSessions(false);
+        }, children: item.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "codex-chat-sessionActions", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { onClick: () => archive(item.id), children: "\u232B" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { onClick: () => remove(item.id), children: "\xD7" })
+        ] })
+      ] }, item.id)) })
+    ] }) }),
+    showSettings && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "codex-chat-modal", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "codex-chat-settings", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("header", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("b", { children: "Settings" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { onClick: () => setShowSettings(false), children: "\xD7" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { children: [
+        "Provider",
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("select", { value: settings.provider, onChange: (e) => {
+          const next = { ...settings, provider: e.target.value };
+          setSettings(next);
+          loadModels(next);
+        }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "server", children: "OpenRouter key \u0E2B\u0E25\u0E31\u0E01\u0E02\u0E2D\u0E07\u0E23\u0E30\u0E1A\u0E1A" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "openrouter", children: "OpenRouter key \u0E02\u0E2D\u0E07\u0E09\u0E31\u0E19" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "compatible", children: "OpenAI-compatible provider \u0E02\u0E2D\u0E07\u0E09\u0E31\u0E19" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "google-ai-proxy", children: "Google AI (server key, Responses adapter)" })
+        ] })
+      ] }),
+      settings.provider !== "server" && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { children: [
+        "API key",
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { type: "password", value: settings.apiKey, placeholder: settings.provider === "google-ai-proxy" ? "Google AI API key (override server key)" : "API key \u0E08\u0E30\u0E1A\u0E31\u0E19\u0E17\u0E36\u0E01\u0E43\u0E19 global settings", onChange: (e) => setSettings({ ...settings, apiKey: e.target.value }) })
+      ] }),
+      settings.provider === "compatible" && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { children: [
+        "Base URL",
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { value: settings.baseUrl, placeholder: "https://provider.example/v1", onChange: (e) => setSettings({ ...settings, baseUrl: e.target.value }) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { children: [
+        "Model",
+        settings.provider === "compatible" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { value: settings.model, placeholder: "provider/model-id", onChange: (e) => setSettings({ ...settings, model: e.target.value }) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("select", { value: settings.model, onChange: (e) => setSettings({ ...settings, model: e.target.value }), children: models.length ? models.map((model) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("option", { value: model.id, children: [
+          model.name,
+          " \u2014 ",
+          model.id
+        ] }, model.id)) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: settings.model, children: modelsState || settings.model }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("small", { className: "codex-chat-catalogStatus", children: modelsState })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: "Settings \u0E17\u0E31\u0E49\u0E07\u0E2B\u0E21\u0E14\u0E40\u0E1B\u0E47\u0E19 global \u0E41\u0E25\u0E30\u0E40\u0E01\u0E47\u0E1A\u0E43\u0E19 SQLite volume \u0E02\u0E2D\u0E07 service" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { className: "codex-chat-save", onClick: saveGlobalSettings, children: "\u0E1A\u0E31\u0E19\u0E17\u0E36\u0E01" })
+    ] }) })
+  ] });
+}
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/CodexChatWidget.jsx"],
+  "sourcesContent": ["import { useEffect, useState } from 'react'\nimport './styles.css'\nimport ReactMarkdown from 'react-markdown'\nimport remarkGfm from 'remark-gfm'\n\nconst defaultSettings = { provider: 'server', model: 'cohere/north-mini-code:free', apiKey: '', baseUrl: '' }\n\nexport default function CodexChatWidget({\n  apiBase = '',\n  storageKey = 'codex-chat',\n  initialSessionId,\n  title = 'Codex Harness'\n}) {\n  const apiBaseUrl = String(apiBase || '').replace(/\\/$/, '')\n  const [sessions, setSessions] = useState([])\n  const [session, setSession] = useState(null)\n  const [prompt, setPrompt] = useState('')\n  const [activityBySession, setActivityBySession] = useState({})\n  const [runningBySession, setRunningBySession] = useState({})\n  const [settings, setSettings] = useState(defaultSettings)\n  const [models, setModels] = useState([])\n  const [modelsState, setModelsState] = useState('')\n  const [showSettings, setShowSettings] = useState(false)\n  const [showSessions, setShowSessions] = useState(false)\n  const [homeLabel, setHomeLabel] = useState('~/.pmai/workspace')\n\n  async function refreshSessions(selectId) {\n    let items = await (await fetch(apiBaseUrl + '/api/sessions')).json()\n    if (!items.length) {\n      const created = await (await fetch(apiBaseUrl + '/api/sessions', { method: 'POST' })).json()\n      items = [created]\n    }\n    setSessions(items)\n    const wanted = selectId || session?.id\n    const id = items.some((item) => item.id === wanted) ? wanted : items[0].id\n    const response = await fetch(apiBaseUrl + `/api/sessions?id=${id}`)\n    if (response.ok) { setSession(await response.json()); localStorage.setItem(`${storageKey}-active-session`, id) }\n  }\n  useEffect(() => { const savedSession = localStorage.getItem(`${storageKey}-active-session`); refreshSessions(initialSessionId || savedSession || undefined); fetch(apiBaseUrl + '/api/settings').then((r) => r.json()).then(setSettings); fetch(apiBaseUrl + '/api/health').then((r) => r.json()).then((h) => { if (h.workspace) setHomeLabel('~/.pmai' + String(h.workspace).replace(/^\\/pmai/, '')) }).catch(() => {}) }, [])\n\n  async function loadModels(nextSettings = settings) {\n    setModelsState('\u0E01\u0E33\u0E25\u0E31\u0E07\u0E42\u0E2B\u0E25\u0E14 model list\u2026')\n    const data = await (await fetch(apiBaseUrl + '/api/models', { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify(nextSettings), cache: 'no-store' })).json()\n    setModels(data.models || []); setModelsState(data.error || data.message || data.label || `${(data.models || []).length} models`)\n  }\n  async function openSettings() { setShowSettings(true); await loadModels() }\n\n  async function saveGlobalSettings() {\n    const previous = `${settings.provider}/${settings.model}`\n    const saved = await (await fetch(apiBaseUrl + '/api/settings', { method: 'PUT', headers: { 'content-type': 'application/json' }, body: JSON.stringify(settings) })).json()\n    setSettings(saved)\n    if (session && `${saved.provider}/${saved.model}` !== previous) setSession((current) => ({ ...current, messages: [...current.messages, { role: 'system', text: `Model changed: ${saved.model} (${saved.provider})` }] }))\n    setShowSettings(false)\n  }\n\n  async function newSession() { const created = await (await fetch(apiBaseUrl + '/api/sessions', { method: 'POST' })).json(); await refreshSessions(created.id) }\n  async function choose(id) { await refreshSessions(id) }\n  async function archive(id) { await fetch(apiBaseUrl + '/api/sessions', { method: 'PATCH', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ id, archived: true }) }); await refreshSessions() }\n  async function remove(id) { if (!confirm('Delete this chat permanently?')) return; await fetch(apiBaseUrl + `/api/sessions?id=${id}`, { method: 'DELETE' }); if (session?.id === id) setSession(null); await refreshSessions() }\n\n  async function send(event) {\n    event.preventDefault(); const text = prompt.trim(); const sessionId = session?.id\n    if (!text || runningBySession[sessionId] || !sessionId) return\n    setSession((x) => ({ ...x, messages: [...x.messages, { role: 'user', text }] }))\n    setPrompt(''); setActivityBySession((x) => ({ ...x, [sessionId]: [{ text: '\u0E01\u0E33\u0E25\u0E31\u0E07\u0E40\u0E15\u0E23\u0E35\u0E22\u0E21\u0E07\u0E32\u0E19' }] })); setRunningBySession((x) => ({ ...x, [sessionId]: true }))\n    try {\n      const response = await fetch(apiBaseUrl + '/api/chat', { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ prompt: text, sessionId, settings }) })\n      if (!response.ok || !response.body) { const error = await response.json(); throw new Error(error.error || `Request failed (${response.status})`) }\n      const reader = response.body.getReader(); const decoder = new TextDecoder(); let buffer = ''; let finalText = ''\n      while (true) { const { done, value } = await reader.read(); if (done) break; buffer += decoder.decode(value, { stream: true }); const frames = buffer.split('\\n\\n'); buffer = frames.pop() || ''\n        for (const frame of frames) { const line = frame.split('\\n').find((x) => x.startsWith('data: ')); if (!line) continue; const data = JSON.parse(line.slice(6)); if (data.type === 'status') setActivityBySession((x) => ({ ...x, [sessionId]: [...(x[sessionId] || []), { text: data.text }] })); if (data.type === 'final') finalText = data.text; if (data.type === 'error') throw new Error(data.text) }\n      }\n      if (session?.id === sessionId) setSession((x) => ({ ...x, messages: [...x.messages, { role: 'assistant', text: finalText || '\u0E07\u0E32\u0E19\u0E40\u0E2A\u0E23\u0E47\u0E08\u0E41\u0E25\u0E49\u0E27 \u0E41\u0E15\u0E48\u0E44\u0E21\u0E48\u0E21\u0E35\u0E02\u0E49\u0E2D\u0E04\u0E27\u0E32\u0E21\u0E2A\u0E23\u0E38\u0E1B' }] })); await refreshSessions(sessionId)\n    } catch (error) { if (session?.id === sessionId) setSession((x) => ({ ...x, messages: [...x.messages, { role: 'assistant', text: `\u0E40\u0E01\u0E34\u0E14\u0E02\u0E49\u0E2D\u0E1C\u0E34\u0E14\u0E1E\u0E25\u0E32\u0E14: ${error.message}` }] })) }\n    finally { setActivityBySession((x) => ({ ...x, [sessionId]: [] })); setRunningBySession((x) => ({ ...x, [sessionId]: false })) }\n  }\n\n  return <main className=\"codex-chat-app\">\n    <aside className=\"codex-chat-sidebar\"><button className=\"codex-chat-new\" onClick={newSession}>\uFF0B New chat</button><div className=\"codex-chat-sessionList\">{sessions.map((item) => <div className=\"codex-chat-sessionRow\" key={item.id}><button className={item.id === session?.id ? 'session activeSession' : 'session'} onClick={() => choose(item.id)}>{item.title}<small>{new Date(item.updatedAt).toLocaleString()}</small></button><div className=\"codex-chat-sessionActions\"><button title=\"Archive\" onClick={() => archive(item.id)}>\u232B</button><button title=\"Delete\" onClick={() => remove(item.id)}>\u00D7</button></div></div>)}</div><button className=\"codex-chat-settingsBtn\" onClick={openSettings}>\u2699 Settings</button></aside>\n    <section className=\"codex-chat-shell\"><header><div><b>{title}</b><span>{settings.model} \u00B7 {homeLabel}</span></div><div className=\"codex-chat-headerActions\"><button className=\"codex-chat-sessionsBtn\" onClick={() => setShowSessions(true)}>\u2630 Chats</button><button className=\"codex-chat-modelBtn\" onClick={openSettings}>\u2304 Model</button><span className=\"codex-chat-status\">\u25CF Ready</span></div></header><section className=\"codex-chat-messages\" aria-live=\"polite\">{!session ? <div className=\"codex-chat-welcome\">\u0E01\u0E33\u0E25\u0E31\u0E07\u0E42\u0E2B\u0E25\u0E14 session\u2026</div> : <>{session.messages.length === 0 && <div className=\"codex-chat-welcome\"><h1>\u0E40\u0E23\u0E34\u0E48\u0E21\u0E04\u0E38\u0E22\u0E01\u0E31\u0E1A Codex</h1><p>\u0E40\u0E25\u0E37\u0E2D\u0E01 model \u0E2B\u0E23\u0E37\u0E2D provider \u0E02\u0E2D\u0E07\u0E04\u0E38\u0E13\u0E44\u0E14\u0E49\u0E08\u0E32\u0E01 Settings</p></div>}{session.messages.map((message, index) => message.role === 'system' ? <div className=\"codex-chat-systemMessage\" key={index}>{message.text}</div> : <article className={message.role} key={index}><label>{message.role === 'user' ? '\u0E04\u0E38\u0E13' : '\u0E04\u0E33\u0E15\u0E2D\u0E1A'}</label>{message.role === 'assistant' ? <div className=\"codex-chat-markdown\"><ReactMarkdown remarkPlugins={[remarkGfm]}>{message.text}</ReactMarkdown></div> : <pre>{message.text}</pre>}</article>)}{runningBySession[session.id] && <article className=\"codex-chat-assistant progress\"><label>\u0E01\u0E33\u0E25\u0E31\u0E07\u0E17\u0E33\u0E07\u0E32\u0E19</label><ol>{(activityBySession[session.id] || []).map((item, index) => <li key={index} className={index === (activityBySession[session.id] || []).length - 1 ? 'active' : ''}>{item.text}</li>)}</ol></article>}</>}</section><div className=\"codex-chat-composer\"><div className=\"codex-chat-modelFooter\">{settings.provider} \u00B7 {settings.model}</div><form onSubmit={send}><textarea value={prompt} onChange={(e) => setPrompt(e.target.value)} placeholder=\"\u0E40\u0E0A\u0E48\u0E19 \u0E15\u0E23\u0E27\u0E08\u0E44\u0E1F\u0E25\u0E4C\u0E43\u0E19 workspace \u0E41\u0E25\u0E49\u0E27\u0E2A\u0E23\u0E38\u0E1B\u0E42\u0E04\u0E23\u0E07\u0E2A\u0E23\u0E49\u0E32\u0E07\" rows=\"3\" maxLength=\"8000\" /><button disabled={runningBySession[session?.id] || !prompt.trim() || !session}>{runningBySession[session?.id] ? '\u0E01\u0E33\u0E25\u0E31\u0E07\u0E17\u0E33\u0E07\u0E32\u0E19' : '\u0E2A\u0E48\u0E07'}</button></form></div></section>\n    {showSessions && <div className=\"codex-chat-sessionDrawer\"><section><header><b>Chats</b><button onClick={() => setShowSessions(false)}>\u00D7</button></header><button className=\"codex-chat-new\" onClick={async () => { await newSession(); setShowSessions(false) }}>\uFF0B New chat</button><div className=\"codex-chat-sessionList\">{sessions.map((item) => <div className=\"codex-chat-sessionRow\" key={item.id}><button className={item.id === session?.id ? 'session activeSession' : 'session'} onClick={async () => { await choose(item.id); setShowSessions(false) }}>{item.title}</button><div className=\"codex-chat-sessionActions\"><button onClick={() => archive(item.id)}>\u232B</button><button onClick={() => remove(item.id)}>\u00D7</button></div></div>)}</div></section></div>}\n    {showSettings && <div className=\"codex-chat-modal\"><section className=\"codex-chat-settings\"><header><b>Settings</b><button onClick={() => setShowSettings(false)}>\u00D7</button></header><label>Provider<select value={settings.provider} onChange={(e) => { const next = { ...settings, provider: e.target.value }; setSettings(next); loadModels(next) }}><option value=\"server\">OpenRouter key \u0E2B\u0E25\u0E31\u0E01\u0E02\u0E2D\u0E07\u0E23\u0E30\u0E1A\u0E1A</option><option value=\"openrouter\">OpenRouter key \u0E02\u0E2D\u0E07\u0E09\u0E31\u0E19</option><option value=\"compatible\">OpenAI-compatible provider \u0E02\u0E2D\u0E07\u0E09\u0E31\u0E19</option><option value=\"google-ai-proxy\">Google AI (server key, Responses adapter)</option></select></label>{settings.provider !== 'server' && <label>API key<input type=\"password\" value={settings.apiKey} placeholder={settings.provider === 'google-ai-proxy' ? 'Google AI API key (override server key)' : 'API key \u0E08\u0E30\u0E1A\u0E31\u0E19\u0E17\u0E36\u0E01\u0E43\u0E19 global settings'} onChange={(e) => setSettings({ ...settings, apiKey: e.target.value })}/></label>}{settings.provider === 'compatible' && <label>Base URL<input value={settings.baseUrl} placeholder=\"https://provider.example/v1\" onChange={(e) => setSettings({ ...settings, baseUrl: e.target.value })}/></label>}<label>Model{settings.provider === 'compatible' ? <input value={settings.model} placeholder=\"provider/model-id\" onChange={(e) => setSettings({ ...settings, model: e.target.value })}/> : <select value={settings.model} onChange={(e) => setSettings({ ...settings, model: e.target.value })}>{models.length ? models.map((model) => <option key={model.id} value={model.id}>{model.name} \u2014 {model.id}</option>) : <option value={settings.model}>{modelsState || settings.model}</option>}</select>}<small className=\"codex-chat-catalogStatus\">{modelsState}</small></label><p>Settings \u0E17\u0E31\u0E49\u0E07\u0E2B\u0E21\u0E14\u0E40\u0E1B\u0E47\u0E19 global \u0E41\u0E25\u0E30\u0E40\u0E01\u0E47\u0E1A\u0E43\u0E19 SQLite volume \u0E02\u0E2D\u0E07 service</p><button className=\"codex-chat-save\" onClick={saveGlobalSettings}>\u0E1A\u0E31\u0E19\u0E17\u0E36\u0E01</button></section></div>}\n  </main>\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAoC;AAEpC,4BAA0B;AAC1B,wBAAsB;AA2EoB;AAzE1C,IAAM,kBAAkB,EAAE,UAAU,UAAU,OAAO,+BAA+B,QAAQ,IAAI,SAAS,GAAG;AAE7F,SAAR,gBAAiC;AAAA,EACtC,UAAU;AAAA,EACV,aAAa;AAAA,EACb;AAAA,EACA,QAAQ;AACV,GAAG;AACD,QAAM,aAAa,OAAO,WAAW,EAAE,EAAE,QAAQ,OAAO,EAAE;AAC1D,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,CAAC,CAAC;AAC3C,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,IAAI;AAC3C,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAAS,EAAE;AACvC,QAAM,CAAC,mBAAmB,oBAAoB,QAAI,uBAAS,CAAC,CAAC;AAC7D,QAAM,CAAC,kBAAkB,mBAAmB,QAAI,uBAAS,CAAC,CAAC;AAC3D,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,eAAe;AACxD,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAAS,CAAC,CAAC;AACvC,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAS,EAAE;AACjD,QAAM,CAAC,cAAc,eAAe,QAAI,uBAAS,KAAK;AACtD,QAAM,CAAC,cAAc,eAAe,QAAI,uBAAS,KAAK;AACtD,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,mBAAmB;AAE9D,iBAAe,gBAAgB,UAAU;AACvC,QAAI,QAAQ,OAAO,MAAM,MAAM,aAAa,eAAe,GAAG,KAAK;AACnE,QAAI,CAAC,MAAM,QAAQ;AACjB,YAAM,UAAU,OAAO,MAAM,MAAM,aAAa,iBAAiB,EAAE,QAAQ,OAAO,CAAC,GAAG,KAAK;AAC3F,cAAQ,CAAC,OAAO;AAAA,IAClB;AACA,gBAAY,KAAK;AACjB,UAAM,SAAS,YAAY,SAAS;AACpC,UAAM,KAAK,MAAM,KAAK,CAAC,SAAS,KAAK,OAAO,MAAM,IAAI,SAAS,MAAM,CAAC,EAAE;AACxE,UAAM,WAAW,MAAM,MAAM,aAAa,oBAAoB,EAAE,EAAE;AAClE,QAAI,SAAS,IAAI;AAAE,iBAAW,MAAM,SAAS,KAAK,CAAC;AAAG,mBAAa,QAAQ,GAAG,UAAU,mBAAmB,EAAE;AAAA,IAAE;AAAA,EACjH;AACA,8BAAU,MAAM;AAAE,UAAM,eAAe,aAAa,QAAQ,GAAG,UAAU,iBAAiB;AAAG,oBAAgB,oBAAoB,gBAAgB,MAAS;AAAG,UAAM,aAAa,eAAe,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,KAAK,WAAW;AAAG,UAAM,aAAa,aAAa,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,MAAM;AAAE,UAAI,EAAE,UAAW,cAAa,YAAY,OAAO,EAAE,SAAS,EAAE,QAAQ,WAAW,EAAE,CAAC;AAAA,IAAE,CAAC,EAAE,MAAM,MAAM;AAAA,IAAC,CAAC;AAAA,EAAE,GAAG,CAAC,CAAC;AAE9Z,iBAAe,WAAW,eAAe,UAAU;AACjD,mBAAe,yEAAuB;AACtC,UAAM,OAAO,OAAO,MAAM,MAAM,aAAa,eAAe,EAAE,QAAQ,QAAQ,SAAS,EAAE,gBAAgB,mBAAmB,GAAG,MAAM,KAAK,UAAU,YAAY,GAAG,OAAO,WAAW,CAAC,GAAG,KAAK;AAC9L,cAAU,KAAK,UAAU,CAAC,CAAC;AAAG,mBAAe,KAAK,SAAS,KAAK,WAAW,KAAK,SAAS,IAAI,KAAK,UAAU,CAAC,GAAG,MAAM,SAAS;AAAA,EACjI;AACA,iBAAe,eAAe;AAAE,oBAAgB,IAAI;AAAG,UAAM,WAAW;AAAA,EAAE;AAE1E,iBAAe,qBAAqB;AAClC,UAAM,WAAW,GAAG,SAAS,QAAQ,IAAI,SAAS,KAAK;AACvD,UAAM,QAAQ,OAAO,MAAM,MAAM,aAAa,iBAAiB,EAAE,QAAQ,OAAO,SAAS,EAAE,gBAAgB,mBAAmB,GAAG,MAAM,KAAK,UAAU,QAAQ,EAAE,CAAC,GAAG,KAAK;AACzK,gBAAY,KAAK;AACjB,QAAI,WAAW,GAAG,MAAM,QAAQ,IAAI,MAAM,KAAK,OAAO,SAAU,YAAW,CAAC,aAAa,EAAE,GAAG,SAAS,UAAU,CAAC,GAAG,QAAQ,UAAU,EAAE,MAAM,UAAU,MAAM,kBAAkB,MAAM,KAAK,KAAK,MAAM,QAAQ,IAAI,CAAC,EAAE,EAAE;AACxN,oBAAgB,KAAK;AAAA,EACvB;AAEA,iBAAe,aAAa;AAAE,UAAM,UAAU,OAAO,MAAM,MAAM,aAAa,iBAAiB,EAAE,QAAQ,OAAO,CAAC,GAAG,KAAK;AAAG,UAAM,gBAAgB,QAAQ,EAAE;AAAA,EAAE;AAC9J,iBAAe,OAAO,IAAI;AAAE,UAAM,gBAAgB,EAAE;AAAA,EAAE;AACtD,iBAAe,QAAQ,IAAI;AAAE,UAAM,MAAM,aAAa,iBAAiB,EAAE,QAAQ,SAAS,SAAS,EAAE,gBAAgB,mBAAmB,GAAG,MAAM,KAAK,UAAU,EAAE,IAAI,UAAU,KAAK,CAAC,EAAE,CAAC;AAAG,UAAM,gBAAgB;AAAA,EAAE;AACpN,iBAAe,OAAO,IAAI;AAAE,QAAI,CAAC,QAAQ,+BAA+B,EAAG;AAAQ,UAAM,MAAM,aAAa,oBAAoB,EAAE,IAAI,EAAE,QAAQ,SAAS,CAAC;AAAG,QAAI,SAAS,OAAO,GAAI,YAAW,IAAI;AAAG,UAAM,gBAAgB;AAAA,EAAE;AAE/N,iBAAe,KAAK,OAAO;AACzB,UAAM,eAAe;AAAG,UAAM,OAAO,OAAO,KAAK;AAAG,UAAM,YAAY,SAAS;AAC/E,QAAI,CAAC,QAAQ,iBAAiB,SAAS,KAAK,CAAC,UAAW;AACxD,eAAW,CAAC,OAAO,EAAE,GAAG,GAAG,UAAU,CAAC,GAAG,EAAE,UAAU,EAAE,MAAM,QAAQ,KAAK,CAAC,EAAE,EAAE;AAC/E,cAAU,EAAE;AAAG,yBAAqB,CAAC,OAAO,EAAE,GAAG,GAAG,CAAC,SAAS,GAAG,CAAC,EAAE,MAAM,uFAAiB,CAAC,EAAE,EAAE;AAAG,wBAAoB,CAAC,OAAO,EAAE,GAAG,GAAG,CAAC,SAAS,GAAG,KAAK,EAAE;AAC3J,QAAI;AACF,YAAM,WAAW,MAAM,MAAM,aAAa,aAAa,EAAE,QAAQ,QAAQ,SAAS,EAAE,gBAAgB,mBAAmB,GAAG,MAAM,KAAK,UAAU,EAAE,QAAQ,MAAM,WAAW,SAAS,CAAC,EAAE,CAAC;AACvL,UAAI,CAAC,SAAS,MAAM,CAAC,SAAS,MAAM;AAAE,cAAM,QAAQ,MAAM,SAAS,KAAK;AAAG,cAAM,IAAI,MAAM,MAAM,SAAS,mBAAmB,SAAS,MAAM,GAAG;AAAA,MAAE;AACjJ,YAAM,SAAS,SAAS,KAAK,UAAU;AAAG,YAAM,UAAU,IAAI,YAAY;AAAG,UAAI,SAAS;AAAI,UAAI,YAAY;AAC9G,aAAO,MAAM;AAAE,cAAM,EAAE,MAAM,MAAM,IAAI,MAAM,OAAO,KAAK;AAAG,YAAI,KAAM;AAAO,kBAAU,QAAQ,OAAO,OAAO,EAAE,QAAQ,KAAK,CAAC;AAAG,cAAM,SAAS,OAAO,MAAM,MAAM;AAAG,iBAAS,OAAO,IAAI,KAAK;AAC5L,mBAAW,SAAS,QAAQ;AAAE,gBAAM,OAAO,MAAM,MAAM,IAAI,EAAE,KAAK,CAAC,MAAM,EAAE,WAAW,QAAQ,CAAC;AAAG,cAAI,CAAC,KAAM;AAAU,gBAAM,OAAO,KAAK,MAAM,KAAK,MAAM,CAAC,CAAC;AAAG,cAAI,KAAK,SAAS,SAAU,sBAAqB,CAAC,OAAO,EAAE,GAAG,GAAG,CAAC,SAAS,GAAG,CAAC,GAAI,EAAE,SAAS,KAAK,CAAC,GAAI,EAAE,MAAM,KAAK,KAAK,CAAC,EAAE,EAAE;AAAG,cAAI,KAAK,SAAS,QAAS,aAAY,KAAK;AAAM,cAAI,KAAK,SAAS,QAAS,OAAM,IAAI,MAAM,KAAK,IAAI;AAAA,QAAE;AAAA,MAC3Y;AACA,UAAI,SAAS,OAAO,UAAW,YAAW,CAAC,OAAO,EAAE,GAAG,GAAG,UAAU,CAAC,GAAG,EAAE,UAAU,EAAE,MAAM,aAAa,MAAM,aAAa,8LAAmC,CAAC,EAAE,EAAE;AAAG,YAAM,gBAAgB,SAAS;AAAA,IACxM,SAAS,OAAO;AAAE,UAAI,SAAS,OAAO,UAAW,YAAW,CAAC,OAAO,EAAE,GAAG,GAAG,UAAU,CAAC,GAAG,EAAE,UAAU,EAAE,MAAM,aAAa,MAAM,yFAAmB,MAAM,OAAO,GAAG,CAAC,EAAE,EAAE;AAAA,IAAE,UAC3K;AAAU,2BAAqB,CAAC,OAAO,EAAE,GAAG,GAAG,CAAC,SAAS,GAAG,CAAC,EAAE,EAAE;AAAG,0BAAoB,CAAC,OAAO,EAAE,GAAG,GAAG,CAAC,SAAS,GAAG,MAAM,EAAE;AAAA,IAAE;AAAA,EACjI;AAEA,SAAO,6CAAC,UAAK,WAAU,kBACrB;AAAA,iDAAC,WAAM,WAAU,sBAAqB;AAAA,kDAAC,YAAO,WAAU,kBAAiB,SAAS,YAAY,6BAAU;AAAA,MAAS,4CAAC,SAAI,WAAU,0BAA0B,mBAAS,IAAI,CAAC,SAAS,6CAAC,SAAI,WAAU,yBAAsC;AAAA,qDAAC,YAAO,WAAW,KAAK,OAAO,SAAS,KAAK,0BAA0B,WAAW,SAAS,MAAM,OAAO,KAAK,EAAE,GAAI;AAAA,eAAK;AAAA,UAAM,4CAAC,WAAO,cAAI,KAAK,KAAK,SAAS,EAAE,eAAe,GAAE;AAAA,WAAQ;AAAA,QAAS,6CAAC,SAAI,WAAU,6BAA4B;AAAA,sDAAC,YAAO,OAAM,WAAU,SAAS,MAAM,QAAQ,KAAK,EAAE,GAAG,oBAAC;AAAA,UAAS,4CAAC,YAAO,OAAM,UAAS,SAAS,MAAM,OAAO,KAAK,EAAE,GAAG,kBAAC;AAAA,WAAS;AAAA,WAAzX,KAAK,EAA0X,CAAM,GAAE;AAAA,MAAM,4CAAC,YAAO,WAAU,0BAAyB,SAAS,cAAc,6BAAU;AAAA,OAAS;AAAA,IAC/rB,6CAAC,aAAQ,WAAU,oBAAmB;AAAA,mDAAC,YAAO;AAAA,qDAAC,SAAI;AAAA,sDAAC,OAAG,iBAAM;AAAA,UAAI,6CAAC,UAAM;AAAA,qBAAS;AAAA,YAAM;AAAA,YAAI;AAAA,aAAU;AAAA,WAAO;AAAA,QAAM,6CAAC,SAAI,WAAU,4BAA2B;AAAA,sDAAC,YAAO,WAAU,0BAAyB,SAAS,MAAM,gBAAgB,IAAI,GAAG,0BAAO;AAAA,UAAS,4CAAC,YAAO,WAAU,uBAAsB,SAAS,cAAc,0BAAO;AAAA,UAAS,4CAAC,UAAK,WAAU,qBAAoB,0BAAO;AAAA,WAAO;AAAA,SAAM;AAAA,MAAS,4CAAC,aAAQ,WAAU,uBAAsB,aAAU,UAAU,WAAC,UAAU,4CAAC,SAAI,WAAU,sBAAqB,kFAAkB,IAAS,4EAAG;AAAA,gBAAQ,SAAS,WAAW,KAAK,6CAAC,SAAI,WAAU,sBAAqB;AAAA,sDAAC,QAAG,sFAAiB;AAAA,UAAK,4CAAC,OAAE,sKAA+C;AAAA,WAAI;AAAA,QAAQ,QAAQ,SAAS,IAAI,CAAC,SAAS,UAAU,QAAQ,SAAS,WAAW,4CAAC,SAAI,WAAU,4BAAwC,kBAAQ,QAAhB,KAAqB,IAAS,6CAAC,aAAQ,WAAW,QAAQ,MAAkB;AAAA,sDAAC,WAAO,kBAAQ,SAAS,SAAS,uBAAQ,kCAAQ;AAAA,UAAS,QAAQ,SAAS,cAAc,4CAAC,SAAI,WAAU,uBAAsB,sDAAC,sBAAAA,SAAA,EAAc,eAAe,CAAC,kBAAAC,OAAS,GAAI,kBAAQ,MAAK,GAAgB,IAAS,4CAAC,SAAK,kBAAQ,MAAK;AAAA,aAA3O,KAAkP,CAAU;AAAA,QAAG,iBAAiB,QAAQ,EAAE,KAAK,6CAAC,aAAQ,WAAU,iCAAgC;AAAA,sDAAC,WAAM,0EAAU;AAAA,UAAQ,4CAAC,QAAK,6BAAkB,QAAQ,EAAE,KAAK,CAAC,GAAG,IAAI,CAAC,MAAM,UAAU,4CAAC,QAAe,WAAW,WAAW,kBAAkB,QAAQ,EAAE,KAAK,CAAC,GAAG,SAAS,IAAI,WAAW,IAAK,eAAK,QAApG,KAAyG,CAAK,GAAE;AAAA,WAAK;AAAA,SAAW,GAAI;AAAA,MAAU,6CAAC,SAAI,WAAU,uBAAsB;AAAA,qDAAC,SAAI,WAAU,0BAA0B;AAAA,mBAAS;AAAA,UAAS;AAAA,UAAI,SAAS;AAAA,WAAM;AAAA,QAAM,6CAAC,UAAK,UAAU,MAAM;AAAA,sDAAC,cAAS,OAAO,QAAQ,UAAU,CAAC,MAAM,UAAU,EAAE,OAAO,KAAK,GAAG,aAAY,0MAA8C,MAAK,KAAI,WAAU,QAAO;AAAA,UAAE,4CAAC,YAAO,UAAU,iBAAiB,SAAS,EAAE,KAAK,CAAC,OAAO,KAAK,KAAK,CAAC,SAAU,2BAAiB,SAAS,EAAE,IAAI,iEAAe,sBAAM;AAAA,WAAS;AAAA,SAAO;AAAA,OAAM;AAAA,IACn3D,gBAAgB,4CAAC,SAAI,WAAU,4BAA2B,uDAAC,aAAQ;AAAA,mDAAC,YAAO;AAAA,oDAAC,OAAE,mBAAK;AAAA,QAAI,4CAAC,YAAO,SAAS,MAAM,gBAAgB,KAAK,GAAG,kBAAC;AAAA,SAAS;AAAA,MAAS,4CAAC,YAAO,WAAU,kBAAiB,SAAS,YAAY;AAAE,cAAM,WAAW;AAAG,wBAAgB,KAAK;AAAA,MAAE,GAAG,6BAAU;AAAA,MAAS,4CAAC,SAAI,WAAU,0BAA0B,mBAAS,IAAI,CAAC,SAAS,6CAAC,SAAI,WAAU,yBAAsC;AAAA,oDAAC,YAAO,WAAW,KAAK,OAAO,SAAS,KAAK,0BAA0B,WAAW,SAAS,YAAY;AAAE,gBAAM,OAAO,KAAK,EAAE;AAAG,0BAAgB,KAAK;AAAA,QAAE,GAAI,eAAK,OAAM;AAAA,QAAS,6CAAC,SAAI,WAAU,6BAA4B;AAAA,sDAAC,YAAO,SAAS,MAAM,QAAQ,KAAK,EAAE,GAAG,oBAAC;AAAA,UAAS,4CAAC,YAAO,SAAS,MAAM,OAAO,KAAK,EAAE,GAAG,kBAAC;AAAA,WAAS;AAAA,WAAxU,KAAK,EAAyU,CAAM,GAAE;AAAA,OAAM,GAAU;AAAA,IACtuB,gBAAgB,4CAAC,SAAI,WAAU,oBAAmB,uDAAC,aAAQ,WAAU,uBAAsB;AAAA,mDAAC,YAAO;AAAA,oDAAC,OAAE,sBAAQ;AAAA,QAAI,4CAAC,YAAO,SAAS,MAAM,gBAAgB,KAAK,GAAG,kBAAC;AAAA,SAAS;AAAA,MAAS,6CAAC,WAAM;AAAA;AAAA,QAAQ,6CAAC,YAAO,OAAO,SAAS,UAAU,UAAU,CAAC,MAAM;AAAE,gBAAM,OAAO,EAAE,GAAG,UAAU,UAAU,EAAE,OAAO,MAAM;AAAG,sBAAY,IAAI;AAAG,qBAAW,IAAI;AAAA,QAAE,GAAG;AAAA,sDAAC,YAAO,OAAM,UAAS,+FAA0B;AAAA,UAAS,4CAAC,YAAO,OAAM,cAAa,iEAAqB;AAAA,UAAS,4CAAC,YAAO,OAAM,cAAa,6EAAiC;AAAA,UAAS,4CAAC,YAAO,OAAM,mBAAkB,uDAAyC;AAAA,WAAS;AAAA,SAAS;AAAA,MAAS,SAAS,aAAa,YAAY,6CAAC,WAAM;AAAA;AAAA,QAAO,4CAAC,WAAM,MAAK,YAAW,OAAO,SAAS,QAAQ,aAAa,SAAS,aAAa,oBAAoB,4CAA4C,wFAAsC,UAAU,CAAC,MAAM,YAAY,EAAE,GAAG,UAAU,QAAQ,EAAE,OAAO,MAAM,CAAC,GAAE;AAAA,SAAE;AAAA,MAAU,SAAS,aAAa,gBAAgB,6CAAC,WAAM;AAAA;AAAA,QAAQ,4CAAC,WAAM,OAAO,SAAS,SAAS,aAAY,+BAA8B,UAAU,CAAC,MAAM,YAAY,EAAE,GAAG,UAAU,SAAS,EAAE,OAAO,MAAM,CAAC,GAAE;AAAA,SAAE;AAAA,MAAS,6CAAC,WAAM;AAAA;AAAA,QAAM,SAAS,aAAa,eAAe,4CAAC,WAAM,OAAO,SAAS,OAAO,aAAY,qBAAoB,UAAU,CAAC,MAAM,YAAY,EAAE,GAAG,UAAU,OAAO,EAAE,OAAO,MAAM,CAAC,GAAE,IAAK,4CAAC,YAAO,OAAO,SAAS,OAAO,UAAU,CAAC,MAAM,YAAY,EAAE,GAAG,UAAU,OAAO,EAAE,OAAO,MAAM,CAAC,GAAI,iBAAO,SAAS,OAAO,IAAI,CAAC,UAAU,6CAAC,YAAsB,OAAO,MAAM,IAAK;AAAA,gBAAM;AAAA,UAAK;AAAA,UAAI,MAAM;AAAA,aAAjD,MAAM,EAA8C,CAAS,IAAI,4CAAC,YAAO,OAAO,SAAS,OAAQ,yBAAe,SAAS,OAAM,GAAU;AAAA,QAAU,4CAAC,WAAM,WAAU,4BAA4B,uBAAY;AAAA,SAAQ;AAAA,MAAQ,4CAAC,OAAE,gMAA+D;AAAA,MAAI,4CAAC,YAAO,WAAU,mBAAkB,SAAS,oBAAoB,kDAAM;AAAA,OAAS,GAAU;AAAA,KACh1D;AACF;",
+  "names": ["ReactMarkdown", "remarkGfm"]
+}