@prostgles/prostgles 2.3.6-dev.1786548258

package/client/src/useAppState/useAppState.ts

@@ -0,0 +1,92 @@
+import type { DBSSchema } from "@common/publishUtils";
+import { useAsyncEffectQueue } from "prostgles-client";
+import { useMemo, useState } from "react";
+import type { PrglReadyState } from "../App";
+import type { DBS, DBSMethods } from "../dashboard/Dashboard/DBS";
+import {
+  getTables,
+  type DBSchemaTableWithOptions,
+} from "../dashboard/Dashboard/getTables";
+import { useDBSClient } from "./useDBSClient";
+import { useServerState } from "./useServerState";
+
+export const useAppState = (
+  onDisconnect: (isDisconnected: boolean) => void,
+) => {
+  const serverState = useServerState();
+  const dbsClient = useDBSClient(onDisconnect, serverState);
+  const [user, setUser] = useState<DBSSchema["users"]>();
+  const { isElectron = false } = serverState ?? {};
+  const prglStateWaiting = dbsClient.hasError || dbsClient.isLoading;
+  const prglState: PrglReadyState | undefined = useMemo(() => {
+    if (prglStateWaiting) return;
+    const {
+      db: dbs,
+      sql: dbsSql,
+      methods,
+      auth,
+      tableSchema,
+      socket,
+    } = dbsClient;
+
+    const { tables: dbsTables = [] } = getTables(
+      (tableSchema ?? []) as DBSchemaTableWithOptions[],
+      dbs,
+    );
+    (window as any).dbs = dbs;
+    (window as any).dbsSql = dbsSql;
+    (window as any).dbsSocket = socket;
+    (window as any).dbsMethods = methods;
+    (window as any).auth = auth;
+    return {
+      dbs: dbs as DBS,
+      dbsSql,
+      dbsMethods: methods as DBSMethods,
+      dbsMethodSchema: dbsClient.methodSchema ?? {},
+      dbsTables,
+      auth,
+      dbsSocket: socket,
+      sid: auth.user?.sid,
+      dbsKey: Date.now() + "",
+      user: auth.user,
+      isElectron,
+    };
+  }, [dbsClient, prglStateWaiting, isElectron]);
+
+  const { dbs, auth } = prglState ?? {};
+
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  useAsyncEffectQueue(async () => {
+    if (!dbs || !auth?.user?.id) return;
+
+    const userSub = await dbs.users.subscribeOne(
+      { id: auth.user.id },
+      {},
+      (user) => {
+        setUser(user);
+      },
+    );
+
+    return userSub.unsubscribe;
+  }, [dbs, auth]);
+
+  const dbsClientError =
+    dbsClient.hasError ? dbsClient.error || "Unknown error" : undefined;
+
+  if (dbsClientError) {
+    return {
+      state: "error" as const,
+      dbsClientError,
+      prglState: undefined,
+      serverState,
+    };
+  }
+
+  return {
+    state: prglStateWaiting ? ("loading" as const) : ("ok" as const),
+    dbsClientError: undefined,
+    prglState,
+    serverState,
+    user,
+  };
+};

package/client/src/useAppState/useDBSClient.ts

@@ -0,0 +1,104 @@
+import type { DBGeneratedSchema } from "@common/DBGeneratedSchema";
+import type { ProstglesState } from "@common/electronInitTypes";
+import { API_ENDPOINTS, ROUTES } from "@common/utils";
+import { pageReload } from "@components/Loader/Loading";
+import {
+  useProstglesClient,
+  type UseProstglesClientProps,
+} from "prostgles-client/dist/prostgles";
+import { useEffect, useMemo } from "react";
+import type { DBSMethods } from "src/dashboard/Dashboard/DBS";
+import type { ClientUser } from "../App";
+import { isPlaywrightTest } from "../i18n/i18nUtils";
+import { playwrightTestLogs } from "../utils/utils";
+
+const onDebugUseWspSync: UseProstglesClientProps["onDebug"] = (ev) => {
+  // if (
+  //   ev.type === "table" &&
+  //   ev.command === "getSync" &&
+  //   ev.tableName === "workspaces"
+  // ) {
+  //   console.warn(Date.now(), ev.type, ev.command, ev.data.filter);
+  // }
+  // if (ev.type === "sync" && ev.tableName === "workspaces") {
+  //   if (
+  //     ev.command !== "notifySubscribers" &&
+  //     ev.command !== "onPullRequest" &&
+  //     ev.command !== "create" &&
+  //     ev.command !== "onSyncRequest" &&
+  //     // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+  //     ev.command !== "onUpdates"
+  //   ) {
+  //     return;
+  //   }
+  //   if (!syncTableSet.has(ev.options)) {
+  //     syncTableSet.add(ev.options);
+  //   }
+  //   console.log(
+  //     Date.now(),
+  //     ev.command,
+  //     ev.options.filter,
+  //     ev.data,
+  //     ev.channelName,
+  //     // Array.from(syncTableSet.values()).map((t) => [t.filter, t.getItems()]),
+  //   );
+  // }
+};
+export const useDBSClient = (
+  onDisconnect: (isDisconnected: boolean) => void,
+  serverState: ProstglesState | undefined,
+) => {
+  const clientProps = useMemo(() => {
+    if (serverState?.initState.state !== "ok")
+      return { skip: true } satisfies UseProstglesClientProps;
+    const clientProps: UseProstglesClientProps = {
+      socketOptions: {
+        transports: ["websocket"],
+        path: API_ENDPOINTS.WS_DBS,
+        reconnection: true,
+        reconnectionDelay: 2000,
+        reconnectionAttempts: 5,
+      },
+      onDisconnect: () => {
+        onDisconnect(true);
+      },
+      onDebug: !isPlaywrightTest ? onDebugUseWspSync : playwrightTestLogs,
+      onReconnect: () => {
+        onDisconnect(false);
+        if (window.location.pathname.startsWith(ROUTES.CONNECTIONS + "/")) {
+          void pageReload("sync reconnect bug");
+        }
+      },
+    };
+    return clientProps;
+  }, [onDisconnect, serverState?.initState.state]);
+
+  const dbsClient = useProstglesClient<
+    DBGeneratedSchema,
+    DBSMethods,
+    ClientUser
+  >(clientProps);
+
+  const socket =
+    !dbsClient.hasError && !dbsClient.isLoading && dbsClient.socket;
+
+  useEffect(() => {
+    if (!socket) return;
+
+    socket.on("infolog", console.log);
+    socket.on("server-restart-request", (withDelay) => {
+      setTimeout(
+        () => {
+          void pageReload("server-restart-request");
+        },
+        withDelay ? 200 : 0,
+      );
+    });
+    socket.on("redirect", (newLocation) => {
+      if (typeof newLocation !== "string") return;
+      window.location.href = newLocation;
+    });
+  }, [socket]);
+
+  return dbsClient;
+};

package/client/src/useAppState/useServerState.ts

@@ -0,0 +1,62 @@
+import { usePromise } from "prostgles-client";
+import { includes } from "prostgles-types";
+import type { ProstglesState } from "@common/electronInitTypes";
+import { API_ENDPOINTS, SPOOF_TEST_VALUE } from "@common/utils";
+import type { AppState } from "../App";
+import { tout } from "../utils/utils";
+import { MOCK_ELECTRON_WINDOW_ATTR } from "src/Testing";
+
+/**
+ * Check if state database is setup
+ */
+const fetchServerState = async () => {
+  // window[MOCK_ELECTRON_WINDOW_ATTR] = true;
+  const serverState: AppState["serverState"] =
+    window[MOCK_ELECTRON_WINDOW_ATTR] ?
+      {
+        isElectron: true,
+        initState: {
+          state: "ok",
+        },
+        electronCredsProvided: false,
+      }
+    : await fetch(API_ENDPOINTS.DBS, {
+        headers: { "x-real-ip": SPOOF_TEST_VALUE },
+      }).then((r) => r.json() as Promise<AppState["serverState"]>);
+  return serverState;
+};
+
+export const useServerState = () => {
+  const serverState = usePromise(async () => {
+    window.document.title = `Prostgles`;
+    try {
+      let serverState = await fetchServerState();
+      let attemptsLeft = 3;
+      while (
+        attemptsLeft &&
+        !includes(["error", "ok"], serverState?.initState.state)
+      ) {
+        attemptsLeft--;
+        /** Maybe loading, try again */
+        console.warn("Prostgles could not connect. Retrying in 1 second");
+        await tout(1000);
+        serverState = await fetchServerState();
+      }
+
+      window.document.title = `Prostgles ${serverState?.isElectron ? "Desktop" : "UI"}`;
+      return serverState;
+    } catch (initError) {
+      console.error(initError);
+      return {
+        initState: {
+          state: "error",
+          error: initError as Error,
+          errorType: "init",
+        },
+        isElectron: false,
+      } satisfies ProstglesState;
+    }
+  });
+
+  return serverState;
+};

package/client/src/useAppState/useUserData.ts

@@ -0,0 +1 @@
+export const useUserData = () => {};

package/client/src/utils/colorUtils.ts

@@ -0,0 +1,48 @@
+export const asHex = (v: string) => {
+  if (v.startsWith("#")) return v;
+
+  const [r, g, b] = asRGB(v);
+  return rgbToHex(r, g, b);
+};
+
+export const rgbToHex = (r, g, b) =>
+  "#" +
+  [r, g, b]
+    .map((x) => {
+      const hex = x.toString(16);
+      return hex.length === 1 ? "0" + hex : hex;
+    })
+    .join("");
+
+export const asRGB = (color: string, maxOpacity?: "1" | "255"): RGBA => {
+  if (color.toLowerCase().trim().startsWith("rgb")) {
+    const rgbaInner = color.trim().split("(")[1]?.split(")")[0];
+    const rgbaComma = rgbaInner?.split(",");
+    const rgbaSpace = rgbaInner?.split(" ");
+    const rgba = (
+      rgbaComma?.length && rgbaComma.length >= 3 ?
+        rgbaComma
+      : rgbaSpace)?.map((v) => +v.trim());
+    if ((rgba?.length ?? 0) >= 3 && rgba?.every((v) => Number.isFinite(v))) {
+      let opacity = rgba[3] || 1;
+      if (maxOpacity === "255" && opacity <= 1) {
+        opacity = Math.max(1, Math.floor((1 / opacity) * 255));
+      }
+      const rgb = rgba.slice(0, 3) as [number, number, number];
+      return [...rgb, opacity] as RGBA;
+    }
+    return [100, 100, 100, maxOpacity === "255" ? 255 : 1];
+  }
+
+  const r = parseInt(color.substr(1, 2), 16);
+  const g = parseInt(color.substr(3, 2), 16);
+  const b = parseInt(color.substr(5, 2), 16);
+  let a = parseInt(color.substr(7, 2), 16) || 1;
+
+  if (maxOpacity === "255" && a <= 1) {
+    a = Math.max(1, Math.floor((1 / a) * 255));
+  }
+  return [r, g, b, a];
+};
+
+export type RGBA = [number, number, number, number];

package/client/src/utils/hashCode.ts

@@ -0,0 +1,52 @@
+// MurmurHash3 (32-bit) — production-grade, handles large inputs safely
+export const hashCode = (str: string, seed = 0) => {
+  let h = seed >>> 0;
+  let k,
+    i = 0;
+  const len = str.length;
+  const remainder = len & 3;
+  const bytes = len - remainder;
+
+  while (i < bytes) {
+    k =
+      (str.charCodeAt(i) & 0xff) |
+      ((str.charCodeAt(i + 1) & 0xff) << 8) |
+      ((str.charCodeAt(i + 2) & 0xff) << 16) |
+      ((str.charCodeAt(i + 3) & 0xff) << 24);
+
+    k = Math.imul(k, 0xcc9e2d51);
+    k = (k << 15) | (k >>> 17);
+    k = Math.imul(k, 0x1b873593);
+
+    h ^= k;
+    h = (h << 13) | (h >>> 19);
+    h = (Math.imul(h, 5) + 0xe6546b64) >>> 0;
+
+    i += 4;
+  }
+
+  k = 0;
+  switch (remainder) {
+    case 3:
+      k ^= (str.charCodeAt(i + 2) & 0xff) << 16;
+    /* falls through */
+    case 2:
+      k ^= (str.charCodeAt(i + 1) & 0xff) << 8;
+    /* falls through */
+    case 1:
+      k ^= str.charCodeAt(i) & 0xff;
+      k = Math.imul(k, 0xcc9e2d51);
+      k = (k << 15) | (k >>> 17);
+      k = Math.imul(k, 0x1b873593);
+      h ^= k;
+  }
+
+  h ^= len;
+  h ^= h >>> 16;
+  h = Math.imul(h, 0x85ebca6b);
+  h ^= h >>> 13;
+  h = Math.imul(h, 0xc2b2ae35);
+  h ^= h >>> 16;
+
+  return h >>> 0; // unsigned 32-bit integer
+};

package/client/src/utils/utils.ts

@@ -0,0 +1,207 @@
+import type { InitOptions } from "prostgles-client/dist/prostgles";
+import type { AnyObject } from "prostgles-types";
+import { getKeys, isDefined, isEmpty, isObject } from "prostgles-types";
+export { getKeys, isDefined, isEmpty };
+export const get = (nestedObj: any, pathArr: string | (string | number)[]) => {
+  if (typeof pathArr === "string") pathArr = pathArr.split(".");
+  return pathArr.reduce(
+    (obj, key) => (obj && obj[key] !== "undefined" ? obj[key] : undefined),
+    nestedObj,
+  );
+};
+
+/* Get only the specified properties of an object */
+export function filterObj<T extends AnyObject, K extends keyof T>(
+  obj: T,
+  keysToInclude: K[] = [],
+  keysToExclude: readonly (keyof T)[] = [],
+): Omit<T, (typeof keysToInclude)[number]> {
+  if (!keysToInclude.length && !keysToExclude.length) {
+    // console.warn("filterObj: returning empty object");
+    return {} as T;
+  }
+  const keys = Object.keys(obj) as Array<keyof typeof obj>;
+  if (keys.length) {
+    const res: Partial<T> = {};
+    keys.forEach((k) => {
+      if (
+        (keysToInclude.length && keysToInclude.includes(k as any)) ||
+        (keysToExclude.length && !keysToExclude.includes(k))
+      ) {
+        res[k] = obj[k];
+      }
+    });
+    return res as T;
+  }
+
+  return obj;
+}
+
+export function ifEmpty<V, R>(v: V, replaceValue: R): R | V {
+  return isEmpty(v) ? replaceValue : v;
+}
+
+export function nFormatter(num: number, digits: number): string {
+  if (!num) return "0";
+  if (Math.abs(num) < 1) return num.toExponential(digits);
+  const lookup = [
+    { value: 1, symbol: "" },
+    { value: 1e3, symbol: "k" },
+    { value: 1e6, symbol: "M" },
+    { value: 1e9, symbol: "G" },
+    { value: 1e12, symbol: "T" },
+    { value: 1e15, symbol: "P" },
+    { value: 1e18, symbol: "E" },
+  ];
+  const rx = /\.0+$|(\.[0-9]*[1-9])0+$/;
+  const item = lookup
+    .slice()
+    .reverse()
+    .find(function (item) {
+      return Math.abs(num) >= item.value;
+    });
+  return item ?
+      (num / item.value).toFixed(digits).replace(rx, "$1") + item.symbol
+    : "0";
+}
+
+type StrFormat = {
+  idx: number;
+  len: number;
+  val: any;
+  decimalPlaces: number;
+  type: "c" | "n" | "s";
+  // characted number symbol
+};
+export function getStringFormat(s: string | undefined): StrFormat[] {
+  if (s && typeof s === "string") {
+    const res: StrFormat[] = [];
+    let curF: StrFormat | undefined;
+    s.split("").map((c, idx) => {
+      const mt =
+        c.match(/[A-Za-z]/) ? "c"
+        : c.match(/[0-9.]/) ? "n"
+        : "s";
+      const _cF: StrFormat = {
+        idx,
+        len: 1,
+        val: c,
+        type: mt,
+        decimalPlaces: 0,
+      };
+      if (curF) {
+        const differentFormat = curF.type !== mt;
+        const numberWithEnoughDots =
+          !differentFormat && c === "." && (curF.val as string).includes(".");
+        if (differentFormat || numberWithEnoughDots) {
+          res.push(curF);
+          if (numberWithEnoughDots) {
+            _cF.type === "s";
+            res.push(_cF);
+            curF = undefined;
+          } else {
+            curF = _cF;
+          }
+        } else {
+          curF.len = idx - curF.idx + 1;
+          curF.val += c;
+        }
+      } else {
+        curF = _cF;
+      }
+
+      if (curF && idx === s.length - 1) {
+        curF.len = idx - curF.idx + 1;
+        res.push(curF);
+      }
+    });
+
+    return res.map((r) => {
+      if (r.type === "n" && r.val.includes(".")) {
+        r.decimalPlaces = r.len - 1 - r.val.indexOf(".");
+      }
+      return r;
+    });
+  }
+  return [];
+}
+
+export function quickClone<T>(obj: T): T {
+  if (
+    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+    window !== undefined &&
+    "structuredClone" in window &&
+    typeof window.structuredClone === "function"
+  ) {
+    // @ts-ignore
+    return window.structuredClone(obj);
+  }
+  if (isObject(obj)) {
+    const result = {} as T;
+    getKeys(obj).map((k) => {
+      //@ts-ignore
+      result[k] = quickClone(obj[k]);
+    });
+    return result;
+  } else if (Array.isArray(obj)) {
+    return obj.slice(0).map((v) => quickClone(v)) as T;
+  }
+  return obj;
+}
+
+const comparableTypes = ["number", "string", "boolean"] as const;
+export const areEqual = <T extends AnyObject>(
+  obj1: T,
+  obj2: T,
+  keys?: (keyof T)[],
+): boolean => {
+  if (typeof obj1 !== typeof obj2) return false;
+  if ([obj1, obj2].some((v) => comparableTypes.includes(typeof v as any))) {
+    return obj1 === obj2;
+  }
+  return !(keys ?? getKeys({ ...obj1, ...obj2 })).some(
+    (k) =>
+      typeof obj1[k] !== typeof obj2[k] ||
+      JSON.stringify(obj1[k]) !== JSON.stringify(obj2[k]),
+  );
+};
+
+export const playwrightTestLogs: InitOptions["onDebug"] = (ev) => {
+  //@ts-ignore
+  window.prostgles_logs ??= [];
+  //@ts-ignore
+  window.prostgles_logs.push({ ...ev, ts: new Date() });
+  const trackedTableNames: string[] = [];
+  if (ev.type === "table" && trackedTableNames.includes(ev.tableName)) {
+    // if(ev.command === "unsubscribe") debugger;
+    console.log(Date.now(), "DBS client", ev);
+  } else if (
+    ev.type === "onReady" ||
+    ev.type === "onReady.call" ||
+    ev.type === "onReady.notMounted"
+  ) {
+    console.log(Date.now(), "DBS client", ev);
+  }
+};
+
+export const tout = (timeout: number) => {
+  return new Promise((resolve) => {
+    setTimeout(() => {
+      resolve(true);
+    }, timeout);
+  });
+};
+
+export const scrollIntoViewIfNeeded = (
+  element: HTMLElement,
+  options?: ScrollIntoViewOptions,
+) => {
+  // @ts-ignore
+  if (element.scrollIntoViewIfNeeded) {
+    // @ts-ignore
+    element.scrollIntoViewIfNeeded(options);
+  } else {
+    // same as scrollIntoViewIfNeeded
+    element.scrollIntoView(options ?? { block: "nearest" });
+  }
+};

package/client/static/logos/anthropic.svg

@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="utf-8"?> 
+<svg fill="currentColor" stroke="currentColor"  width="800px" height="800px" viewBox="0 0 92.2 65" role="img" xmlns="http://www.w3.org/2000/svg"> <path  d="M66.5,0H52.4l25.7,65h14.1L66.5,0z M25.7,0L0,65h14.4l5.3-13.6h26.9L51.8,65h14.4L40.5,0C40.5,0,25.7,0,25.7,0z
+	 M24.3,39.3l8.8-22.8l8.8,22.8H24.3z"/> </svg>

package/client/static/logos/google.svg

@@ -0,0 +1,25 @@
+<svg
+      xmlns="http://www.w3.org/2000/svg"
+      height="24"
+      width="24"
+      viewBox="1 1 22 22"
+      className="colored-icon"
+    >
+      <path
+        d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"
+        fill="#4285F4"
+      />
+      <path
+        d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"
+        fill="#34A853"
+      />
+      <path
+        d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z"
+        fill="#FBBC05"
+      />
+      <path
+        d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"
+        fill="#EA4335"
+      />
+      <path d="M1 1h22v22H1z" fill="none" />
+    </svg>

package/client/static/logos/ollama.svg

@@ -0,0 +1,7 @@
+<svg width="646" height="854" viewBox="0 0 646 854" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M140.629 0.239929C132.66 1.52725 123.097 5.69568 116.354 10.845C95.941 26.3541 80.1253 59.2728 73.4435 100.283C70.9302 115.792 69.2138 137.309 69.2138 153.738C69.2138 173.109 71.4819 197.874 74.7309 214.977C75.4665 218.778 75.8343 222.15 75.5278 222.395C75.2826 222.64 72.2788 225.092 68.9072 227.789C57.3827 236.984 44.2029 251.145 35.1304 264.08C17.7209 288.784 6.44151 316.86 1.72133 347.265C-0.117698 359.28 -0.608106 383.555 0.863118 395.57C4.11207 423.278 12.449 446.695 26.7321 468.151L31.391 475.078L30.0424 477.346C20.4794 493.407 12.3264 516.64 8.52575 538.953C5.522 556.608 5.15419 561.328 5.15419 584.99C5.15419 608.837 5.4607 613.557 8.28054 630.047C11.6521 649.786 18.5178 670.689 26.1804 684.605C28.6938 689.141 34.8239 698.581 35.5595 699.072C35.8047 699.194 35.0691 701.462 33.9044 704.098C25.077 723.408 17.537 749.093 14.4106 770.733C12.2038 785.567 11.8973 790.349 11.8973 805.981C11.8973 825.903 13.0007 835.589 17.1692 851.466L17.7822 853.795H44.019H70.3172L68.6007 850.546C57.9957 830.93 57.0149 794.517 66.1487 758.166C70.3172 741.369 75.0374 729.048 83.8647 712.067L89.1366 701.769V695.455C89.1366 689.57 89.014 688.896 87.1137 685.034C85.6424 682.091 83.6808 679.578 80.1866 676.145C74.2404 670.383 69.9494 664.314 66.5165 656.835C51.4365 624.1 48.494 575.489 59.0991 534.049C63.5128 516.762 70.8076 501.376 78.4702 492.978C83.6808 487.215 86.378 480.779 86.378 474.097C86.378 467.17 83.926 461.469 78.4089 455.523C62.5932 438.604 52.8464 418.006 49.3522 394.038C44.3868 359.893 53.3981 322.683 73.8726 293.198C93.9181 264.263 122.055 245.689 153.503 240.724C160.552 239.559 173.732 239.743 181.088 241.092C189.119 242.502 194.145 242.072 199.295 239.62C205.67 236.617 208.858 232.877 212.597 224.295C215.907 216.633 218.482 212.464 225.409 203.821C233.746 193.461 241.776 186.411 254.649 177.89C269.362 168.266 286.097 161.278 302.771 157.906C308.839 156.68 311.659 156.496 323 156.496C334.341 156.496 337.161 156.68 343.229 157.906C367.688 162.872 391.964 175.5 411.335 193.399C415.503 197.261 425.495 209.644 428.683 214.794C429.909 216.816 432.055 221.108 433.403 224.295C437.142 232.877 440.33 236.617 446.705 239.62C451.671 242.011 456.881 242.502 464.605 241.214C476.804 239.13 486.183 239.314 498.137 241.766C538.841 249.98 574.273 283.512 589.966 328.446C603.636 367.862 599.774 409.118 579.422 440.626C575.989 445.96 572.556 450.251 567.591 455.523C556.863 466.986 556.863 481.208 567.53 492.978C585.062 512.165 596.035 559.367 592.724 600.99C590.518 628.453 583.468 653.035 573.782 666.95C572.066 669.402 568.511 673.57 565.813 676.145C562.319 679.578 560.358 682.091 558.886 685.034C556.986 688.896 556.863 689.57 556.863 695.455V701.769L562.135 712.067C570.963 729.048 575.683 741.369 579.851 758.166C588.863 794.027 588.066 829.704 577.767 849.995C576.909 851.711 576.173 853.305 576.173 853.489C576.173 853.673 587.882 853.795 602.226 853.795H628.218L628.892 851.159C629.26 849.75 629.873 847.604 630.179 846.378C630.854 843.681 632.202 835.712 633.306 828.049C634.348 820.325 634.348 791.881 633.306 783.299C629.383 752.158 622.823 727.454 612.096 704.098C610.931 701.462 610.195 699.194 610.44 699.072C610.747 698.888 612.463 696.436 614.302 693.677C627.666 673.448 635.88 648.008 640.049 614.415C641.152 605.158 641.152 565.374 640.049 556.485C637.106 533.559 633.551 517.988 627.666 502.234C625.214 495.675 618.716 481.821 615.958 477.346L614.609 475.078L619.268 468.151C633.551 446.695 641.888 423.278 645.137 395.57C646.608 383.555 646.118 359.28 644.279 347.265C639.497 316.798 628.279 288.845 610.87 264.08C601.797 251.145 588.617 236.984 577.093 227.789C573.721 225.092 570.717 222.64 570.472 222.395C570.166 222.15 570.534 218.778 571.269 214.977C578.687 176.296 578.441 128.053 570.656 90.3524C563.913 57.4951 551.653 31.3808 535.837 16.3008C523.209 4.28578 510.336 -0.863507 494.888 0.11731C459.456 2.20154 430.89 42.9667 419.61 107.21C417.771 117.57 416.178 129.708 416.178 133.018C416.178 134.305 415.932 135.347 415.626 135.347C415.319 135.347 412.929 134.121 410.354 132.589C383.014 116.405 352.608 107.762 323 107.762C293.392 107.762 262.986 116.405 235.646 132.589C233.071 134.121 230.681 135.347 230.374 135.347C230.068 135.347 229.822 134.305 229.822 133.018C229.822 129.585 228.167 117.08 226.39 107.21C216.152 49.5259 192.674 11.3354 161.472 1.71112C157.181 0.423799 144.982 -0.434382 140.629 0.239929ZM151.051 50.139C159.878 57.1273 169.686 77.1114 175.326 99.4863C176.368 103.532 177.471 108.191 177.778 109.907C178.023 111.563 178.697 115.302 179.249 118.183C181.64 131.179 182.743 145.217 182.866 162.32L182.927 179.178L178.697 185.43L174.468 191.744H164.598C153.074 191.744 141.61 193.216 130.637 196.158C126.714 197.139 122.913 198.12 122.178 198.304C121.013 198.549 120.829 198.181 120.155 193.154C116.538 165.875 116.722 135.654 120.707 110.52C125.12 82.5059 135.419 57.1273 145.472 49.6486C147.863 47.8708 148.292 47.9321 151.051 50.139ZM500.589 49.7098C506.658 54.1848 513.34 66.0772 518.305 81.2798C528.297 111.685 531.117 153.431 525.845 193.154C525.171 198.181 524.987 198.549 523.822 198.304C523.087 198.12 519.286 197.139 515.363 196.158C504.39 193.216 492.926 191.744 481.402 191.744H471.532L467.303 185.43L463.073 179.178L463.134 162.32C463.257 138.535 465.464 119.961 470.735 99.3024C476.314 77.1114 486.183 57.1273 494.949 50.139C497.708 47.9321 498.137 47.8708 500.589 49.7098Z" fill="black"/>
+<path d="M313.498 358.237C300.195 359.525 296.579 360.015 290.203 361.303C279.843 363.448 265.989 368.23 256.365 372.95C222.895 389.317 199.846 416.596 192.796 448.166C191.386 454.419 191.202 456.503 191.202 467.047C191.202 477.468 191.386 479.736 192.735 485.682C202.114 526.938 240.12 557.405 289.284 562.983C299.95 564.148 346.049 564.148 356.715 562.983C396.193 558.508 430.154 537.114 445.418 507.076C449.463 499.046 451.425 493.835 453.264 485.682C454.613 479.736 454.797 477.468 454.797 467.047C454.797 456.503 454.613 454.419 453.203 448.166C442.965 402.313 398.461 366.207 343.903 359.341C336.792 358.483 318.157 357.747 313.498 358.237ZM336.424 391.585C354.631 393.547 372.96 400.045 387.672 409.853C395.58 415.125 406.737 426.159 411.518 433.393C417.403 442.342 420.774 451.476 422.307 462.572C422.981 467.66 422.614 471.522 420.774 479.736C417.893 491.996 408.943 504.808 396.867 513.758C391.227 517.865 379.519 523.812 372.347 526.141C358.738 530.493 349.849 531.29 318.095 531.045C297.376 530.861 293.697 530.677 287.751 529.574C267.461 525.773 251.4 517.681 239.753 505.36C230.312 495.429 226.021 486.357 223.692 471.706C222.65 464.901 224.611 453.622 228.596 444.12C233.439 432.534 245.944 418.129 258.327 409.853C272.671 400.29 291.552 393.486 308.9 391.647C315.582 390.911 329.742 390.911 336.424 391.585Z" fill="black"/>
+<path d="M299.584 436.336C294.925 438.849 291.676 445.224 292.657 449.944C293.76 455.032 298.235 460.182 305.223 464.412C308.963 466.68 309.208 466.986 309.392 469.254C309.514 470.603 309.024 474.465 308.35 477.898C307.614 481.269 307.062 484.825 307.062 485.806C307.124 488.442 309.576 492.733 312.15 494.817C314.419 496.656 314.848 496.717 321.223 496.901C327.047 497.085 328.273 496.962 330.602 495.859C336.61 492.916 338.142 487.522 335.935 477.162C334.096 468.519 334.464 467.17 339.062 464.534C343.904 461.714 349.054 456.749 350.586 453.377C353.529 446.941 350.831 439.646 344.333 436.274C342.74 435.477 340.778 435.11 337.897 435.11C333.422 435.11 330.541 436.152 325.269 439.523L322.265 441.424L320.365 440.259C312.58 435.661 311.17 435.11 306.449 435.171C303.078 435.171 301.239 435.477 299.584 436.336Z" fill="black"/>
+<path d="M150.744 365.165C139.894 368.598 131.802 376.567 127.634 387.908C125.611 393.303 124.63 401.824 125.488 406.421C127.511 417.394 136.522 427.386 146.76 430.145C159.633 433.516 169.257 431.309 177.778 422.85C182.743 418.007 185.441 413.777 188.138 406.911C190.099 402.069 190.222 401.211 190.222 394.345L190.283 386.989L187.709 381.717C183.601 373.38 176.184 367.188 167.602 364.92C162.759 363.694 154.974 363.756 150.744 365.165Z" fill="black"/>
+<path d="M478.153 364.982C469.755 367.25 462.276 373.502 458.291 381.717L455.717 386.989L455.778 394.345C455.778 401.211 455.901 402.069 457.862 406.911C460.56 413.777 463.257 418.007 468.222 422.85C476.743 431.309 486.367 433.516 499.241 430.145C506.658 428.183 514.075 421.93 517.631 414.635C520.696 408.444 521.431 403.969 520.451 396.919C518.183 380.797 508.742 369.089 494.704 364.982C490.597 363.756 482.628 363.756 478.153 364.982Z" fill="black"/>
+</svg>

package/client/static/logos/openai.svg

@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="utf-8"?> 
+<svg fill="currentColor" width="800px" height="800px" viewBox="0 0 24 24" role="img" xmlns="http://www.w3.org/2000/svg"><title>OpenAI icon</title><path d="M22.2819 9.8211a5.9847 5.9847 0 0 0-.5157-4.9108 6.0462 6.0462 0 0 0-6.5098-2.9A6.0651 6.0651 0 0 0 4.9807 4.1818a5.9847 5.9847 0 0 0-3.9977 2.9 6.0462 6.0462 0 0 0 .7427 7.0966 5.98 5.98 0 0 0 .511 4.9107 6.051 6.051 0 0 0 6.5146 2.9001A5.9847 5.9847 0 0 0 13.2599 24a6.0557 6.0557 0 0 0 5.7718-4.2058 5.9894 5.9894 0 0 0 3.9977-2.9001 6.0557 6.0557 0 0 0-.7475-7.0729zm-9.022 12.6081a4.4755 4.4755 0 0 1-2.8764-1.0408l.1419-.0804 4.7783-2.7582a.7948.7948 0 0 0 .3927-.6813v-6.7369l2.02 1.1686a.071.071 0 0 1 .038.052v5.5826a4.504 4.504 0 0 1-4.4945 4.4944zm-9.6607-4.1254a4.4708 4.4708 0 0 1-.5346-3.0137l.142.0852 4.783 2.7582a.7712.7712 0 0 0 .7806 0l5.8428-3.3685v2.3324a.0804.0804 0 0 1-.0332.0615L9.74 19.9502a4.4992 4.4992 0 0 1-6.1408-1.6464zM2.3408 7.8956a4.485 4.485 0 0 1 2.3655-1.9728V11.6a.7664.7664 0 0 0 .3879.6765l5.8144 3.3543-2.0201 1.1685a.0757.0757 0 0 1-.071 0l-4.8303-2.7865A4.504 4.504 0 0 1 2.3408 7.872zm16.5963 3.8558L13.1038 8.364 15.1192 7.2a.0757.0757 0 0 1 .071 0l4.8303 2.7913a4.4944 4.4944 0 0 1-.6765 8.1042v-5.6772a.79.79 0 0 0-.407-.667zm2.0107-3.0231l-.142-.0852-4.7735-2.7818a.7759.7759 0 0 0-.7854 0L9.409 9.2297V6.8974a.0662.0662 0 0 1 .0284-.0615l4.8303-2.7866a4.4992 4.4992 0 0 1 6.6802 4.66zM8.3065 12.863l-2.02-1.1638a.0804.0804 0 0 1-.038-.0567V6.0742a4.4992 4.4992 0 0 1 7.3757-3.4537l-.142.0805L8.704 5.459a.7948.7948 0 0 0-.3927.6813zm1.0976-2.3654l2.602-1.4998 2.6069 1.4998v2.9994l-2.5974 1.4997-2.6067-1.4997Z"/></svg>

package/client/static/logos/openrouter.svg

@@ -0,0 +1 @@
+<svg width="100%" height="100%" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" class="size-4" fill="currentColor" stroke="currentColor" aria-label="Logo"><g clip-path="url(#clip0_205_3)"><path d="M3 248.945C18 248.945 76 236 106 219C136 202 136 202 198 158C276.497 102.293 332 120.945 423 120.945" stroke-width="90"></path><path d="M511 121.5L357.25 210.268L357.25 32.7324L511 121.5Z"></path><path d="M0 249C15 249 73 261.945 103 278.945C133 295.945 133 295.945 195 339.945C273.497 395.652 329 377 420 377" stroke-width="90"></path><path d="M508 376.445L354.25 287.678L354.25 465.213L508 376.445Z"></path></g><title style="display:none">OpenRouter</title><defs><clipPath id="clip0_205_3"><rect width="512" height="512" fill="white"></rect></clipPath></defs></svg>

package/client/static/mcp-oauth-close.js

@@ -0,0 +1,5 @@
+window.close();
+setTimeout(() => {
+  const el = document.getElementById("status");
+  if (el) el.textContent = "You can close this window now.";
+}, 300);