@schlenkr/ragents 0.1.5 → 0.1.7

package/apps/web/src/panel/OverviewPage.tsx

@@ -1,215 +0,0 @@
-import { BookIcon, ChevronRightIcon, CodeIcon, PlusIcon, SearchIcon, ServerIcon, SettingsIcon } from "lucide-react";
-import { useState, type CSSProperties, type ReactNode } from "react";
-import { cn } from "cn";
-import { Button, Input } from "../ui";
-import type { PanelAction, PanelState, TargetEntry, TargetRun, TargetView } from "./contract";
-import { LoginDialog } from "./PanelDialogs";
-import { busyState, environmentHue, kindLabel, runStateLabel, runTime, runTone, stateDetail, stateLabel, stateTone } from "./target-state";
-
-export interface PanelPageProps {
-  readonly state: PanelState;
-  readonly send: (action: PanelAction) => void;
-}
-
-const NEW_RUN_GROUP = "Ohne Vorlage";
-const NEW_RUN_TEXT = "Leerer Run, der Auftrag entsteht im Chat der Arbeitsspalte.";
-
-const edgeColor = "[border-left-color:oklch(var(--env-lightness)_var(--env-chroma)_var(--env-hue))]";
-const sectionClass = "flex items-baseline gap-2 text-[0.66rem] font-bold uppercase tracking-[0.06em] text-muted-foreground";
-const countClass = "font-mono text-[0.62rem] font-normal tracking-normal opacity-80";
-const environmentLine = "truncate text-[0.62rem] leading-tight text-muted-foreground";
-
-const hueStyle = (name: string): CSSProperties => ({ "--env-hue": environmentHue(name) } as CSSProperties);
-
-function Section({ title, count }: { title: string; count: number }) {
-  return <h2 className={sectionClass}>{title}<span className={countClass}>{count}</span></h2>;
-}
-
-function EnvironmentRow({ target, marked, send, onLogin }: {
-  target: TargetView;
-  marked: boolean;
-  send: PanelPageProps["send"];
-  onLogin: (target: TargetView) => void;
-}) {
-  const detail = stateDetail(target) ?? target.problem;
-  const busy = busyState(target);
-  return <li className="flex flex-wrap items-center gap-x-2 gap-y-1 border-b border-border-soft px-1 py-2 last:border-b-0">
-    {marked && <span aria-hidden className="size-[9px] flex-none rounded-[3px] bg-[oklch(var(--env-lightness)_var(--env-chroma)_var(--env-hue))]" style={hueStyle(target.name)} />}
-    <strong className="min-w-0 flex-1 truncate text-[0.8rem] font-semibold">{target.name}</strong>
-    <span className="flex-none text-[0.62rem] uppercase tracking-[0.05em] text-muted-foreground">{kindLabel(target)}</span>
-    <span className={cn("flex flex-none items-center gap-1.5 text-[0.7rem]", stateTone(target))}>
-      <span aria-hidden className="size-[7px] flex-none rounded-full bg-current" />{stateLabel(target)}
-    </span>
-    <EnvironmentAction busy={busy} onLogin={onLogin} send={send} target={target} />
-    {detail && <p className="w-full text-[0.7rem] leading-normal text-destructive [overflow-wrap:anywhere]" role="alert">{detail}</p>}
-  </li>;
-}
-
-/** Nur eine Umgebung mit Problem bietet hier eine Handlung an; Trennen und Stoppen stehen in den Einstellungen. */
-function EnvironmentAction({ target, busy, send, onLogin }: {
-  target: TargetView;
-  busy: boolean;
-  send: PanelPageProps["send"];
-  onLogin: (target: TargetView) => void;
-}) {
-  const state = target.state.kind;
-  if (state === "login-required" || state === "forbidden") return <Button disabled={busy} onClick={() => onLogin(target)} size="xs" variant="secondary">Anmelden</Button>;
-  if (state === "unreachable" || state === "failed") return <Button disabled={busy} onClick={() => send({ action: "retry", name: target.name })} size="xs" variant="secondary">Erneut versuchen</Button>;
-  if (state === "stopped") return target.kind === "profile"
-    ? <Button disabled={busy} onClick={() => send({ action: "startProfile", name: target.name })} size="xs" variant="secondary">Starten</Button>
-    : <Button disabled={busy} onClick={() => send({ action: "connect", name: target.name })} size="xs" variant="secondary">Verbinden</Button>;
-  return null;
-}
-
-function RunRow({ target, run, marked, send }: { target: TargetView; run: TargetRun; marked: boolean; send: PanelPageProps["send"] }) {
-  return <li>
-    <button
-      className={cn("flex w-full min-w-0 items-center gap-2 rounded-[2px_7px_7px_2px] border-l-[3px] border-transparent py-1.5 pr-2 pl-2 text-left hover:bg-accent focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-ring/60",
-        marked && cn("pl-[9px]", edgeColor))}
-      onClick={() => send({ action: "openRun", name: target.name, runId: run.id })}
-      style={marked ? hueStyle(target.name) : undefined}
-      title={marked ? `${run.title} (${target.name})` : run.title}
-      type="button">
-      <span aria-hidden className={cn("size-[7px] flex-none rounded-full bg-current", runTone(run))} />
-      <span className="flex min-w-0 flex-1 flex-col">
-        {marked && <span className={environmentLine}>{target.name}</span>}
-        <span className="truncate text-[0.8rem] font-medium">{run.title}</span>
-      </span>
-      <span className="flex flex-none flex-col items-end">
-        <span className={cn("text-[0.68rem]", runTone(run))}>{runStateLabel(run)}</span>
-        <span className="font-mono text-[0.62rem] text-muted-foreground">{runTime(run)}</span>
-      </span>
-    </button>
-  </li>;
-}
-
-const tileClass = "group/tile flex h-full min-w-0 flex-col gap-1.5 border border-border-soft border-l-[3px] bg-card p-2.5 pl-[9px] text-left"
-  + " hover:border-border hover:bg-accent/40 focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-ring/60";
-const skillTone = "[--tone:var(--primary)] rounded-[3px_12px_12px_3px] border-l-primary/70";
-const scriptTone = "[--tone:var(--success)] rounded-[3px_4px_4px_3px] border-l-success/70";
-
-function Tile({ category, icon, title, description, environment, extra, onClick }: {
-  category: string;
-  icon: ReactNode;
-  title: string;
-  description: string;
-  environment: string | undefined;
-  extra: string;
-  onClick: () => void;
-}) {
-  return <li className="min-w-0">
-    <button className={cn(tileClass, extra)} onClick={onClick} style={environment ? hueStyle(environment) : undefined}
-      title={environment ? `${title} (${environment})` : title} type="button">
-      <span className="flex min-w-0 items-center gap-1.5 text-(--tone)">
-        {icon}
-        <span className="truncate text-[0.58rem] font-semibold uppercase tracking-[0.06em] text-muted-foreground">{category}</span>
-      </span>
-      {environment && <span className={environmentLine}>{environment}</span>}
-      <span className="text-[0.76rem] font-semibold leading-snug [overflow-wrap:anywhere]">{title}</span>
-      <span className="line-clamp-2 text-[0.66rem] leading-[1.45] text-muted-foreground">{description}</span>
-      <span className="mt-auto flex items-center gap-0.5 pt-1.5 text-[0.62rem] font-semibold text-(--tone) opacity-50 group-hover/tile:opacity-100">
-        Starten<ChevronRightIcon aria-hidden className="size-3" />
-      </span>
-    </button>
-  </li>;
-}
-
-interface Offer {
-  readonly target: TargetView;
-  readonly entry: TargetEntry | undefined;
-}
-
-const matches = (offer: Offer, query: string): boolean => {
-  const entry = offer.entry;
-  const haystack = entry === undefined
-    ? `${NEW_RUN_GROUP} Neuer Run ${NEW_RUN_TEXT} ${offer.target.name}`
-    : `${entry.title} ${entry.description} ${entry.category} ${offer.target.name}`;
-  return haystack.toLocaleLowerCase("de-DE").includes(query);
-};
-
-/** Die Kacheln stehen nach Kategorie gruppiert; die Gruppe "Ohne Vorlage" mit dem leeren Run bleibt oben. */
-const groupOffers = (offers: readonly Offer[]): Array<readonly [string, readonly Offer[]]> => {
-  const groups = new Map<string, Offer[]>();
-  for (const offer of offers) {
-    const key = offer.entry?.category ?? NEW_RUN_GROUP;
-    const group = groups.get(key) ?? [];
-    group.push(offer);
-    groups.set(key, group);
-  }
-  return [...groups];
-};
-
-function Templates({ targets, marked, send }: { targets: readonly TargetView[]; marked: boolean; send: PanelPageProps["send"] }) {
-  const [query, setQuery] = useState("");
-  const offers: Offer[] = targets.flatMap((target) => [
-    { target, entry: undefined },
-    ...target.entries.map((entry) => ({ target, entry })),
-  ]);
-  const needle = query.trim().toLocaleLowerCase("de-DE");
-  const filtered = needle === "" ? offers : offers.filter((offer) => matches(offer, needle));
-  return <section className="grid gap-2">
-    <Section count={offers.length} title="Startvorlagen" />
-    <div className="relative">
-      <SearchIcon aria-hidden className="pointer-events-none absolute top-1/2 left-2.5 size-3.5 -translate-y-1/2 text-muted-foreground" />
-      <Input aria-label="Vorlagen suchen" className="h-8 pl-8 text-[0.76rem]" onChange={(event) => setQuery(event.target.value)}
-        placeholder="Vorlagen suchen ..." type="search" value={query} />
-    </div>
-    {filtered.length === 0
-      ? <p className="text-[0.75rem] text-muted-foreground" role="status">Keine passende Vorlage.</p>
-      : groupOffers(filtered).map(([group, entries]) => <div className="grid gap-1.5" key={group}>
-        <h3 className={sectionClass}>{group}<span className={countClass}>{entries.length}</span></h3>
-        <ul className="grid grid-cols-[repeat(auto-fill,minmax(182px,1fr))] gap-2">
-          {entries.map(({ target, entry }) => entry === undefined
-            ? <Tile category={NEW_RUN_GROUP} description={NEW_RUN_TEXT} environment={marked ? target.name : undefined}
-              extra="[--tone:var(--primary)] rounded-[3px_10px_10px_3px] border-dashed border-l-primary/50" icon={<PlusIcon aria-hidden className="size-3.5" />}
-              key={target.name} onClick={() => send({ action: "newRun", name: target.name })} title="Neuer Run" />
-            : <Tile category={entry.category} description={entry.description} environment={marked ? target.name : undefined}
-              extra={entry.kind === "skill" ? skillTone : scriptTone}
-              icon={entry.kind === "skill" ? <BookIcon aria-hidden className="size-3.5" /> : <CodeIcon aria-hidden className="size-3.5" />}
-              key={`${target.name}:${entry.id}`}
-              onClick={() => send({ action: "newRun", name: target.name, entryId: entry.id })} title={entry.title} />)}
-        </ul>
-      </div>)}
-  </section>;
-}
-
-/** Die Startseite des Panels: alle Umgebungen, darunter ihre Runs und ihre Startvorlagen als Kacheln. */
-export function OverviewPage({ state, send }: PanelPageProps) {
-  const [login, setLogin] = useState<string>();
-  const targets = state.targets;
-  const marked = targets.length > 1;
-  const runs = targets.flatMap((target) => target.runs.map((run) => ({ target, run })))
-    .sort((left, right) => right.run.updatedAt - left.run.updatedAt);
-  const starters = targets.filter((target) => target.state.kind === "connected" && target.canCreate);
-  const loginTarget = targets.find((target) => target.name === login);
-  return <div className="grid gap-4">
-    <div className="flex items-center justify-between gap-2">
-      <h1 className="text-[1.1rem] font-semibold">Übersicht</h1>
-      <Button aria-label="Einstellungen" onClick={() => send({ action: "page", page: "settings" })} size="icon-sm" title="Einstellungen" variant="ghost"><SettingsIcon /></Button>
-    </div>
-    {state.problem && <p className="text-[0.8rem] leading-normal text-destructive [overflow-wrap:anywhere]" role="alert">{state.problem}</p>}
-    {targets.length === 0
-      ? <div className="grid gap-3">
-        <p className="text-[0.85rem] leading-normal text-muted-foreground">Noch keine Umgebung. Lege einen Server oder ein lokales Profil an.</p>
-        <Button onClick={() => send({ action: "page", page: "settings" })}><ServerIcon data-icon="inline-start" />Umgebung anlegen</Button>
-      </div>
-      : <>
-        <section className="grid gap-1.5">
-          {marked && <Section count={targets.length} title="Umgebungen" />}
-          <ul className="grid">
-            {targets.map((target) => <EnvironmentRow key={target.name} marked={marked} onLogin={(entry) => setLogin(entry.name)} send={send} target={target} />)}
-          </ul>
-        </section>
-        <section className="grid gap-1.5">
-          <Section count={runs.length} title="Runs" />
-          {runs.length === 0
-            ? <p className="text-[0.75rem] text-muted-foreground">Noch keine Runs.</p>
-            : <ul className="-mx-1 grid gap-0.5">
-              {runs.map(({ target, run }) => <RunRow key={`${target.name}:${run.id}`} marked={marked} run={run} send={send} target={target} />)}
-            </ul>}
-        </section>
-        {starters.length > 0 && <Templates marked={marked} send={send} targets={starters} />}
-      </>}
-    {loginTarget && <LoginDialog onClose={() => setLogin(undefined)} send={send} target={loginTarget} />}
-  </div>;
-}

package/apps/web/src/panel/SettingsPage.tsx

@@ -1,98 +0,0 @@
-import { ArrowLeftIcon, FolderIcon, PencilIcon, PlusIcon, ServerIcon, SettingsIcon, Trash2Icon } from "lucide-react";
-import { useState } from "react";
-import { cn } from "cn";
-import { Button } from "../ui";
-import type { PanelAction, TargetView } from "./contract";
-import type { PanelPageProps } from "./OverviewPage";
-import { LoginDialog, TargetDialog } from "./PanelDialogs";
-import { busyState, kindLabel, stateDetail, stateLabel, stateTone } from "./target-state";
-
-const fileNameOf = (address: string): string => address.split(/[/\\]/).pop() ?? address;
-
-/** Verbinden, Trennen, Starten und Stoppen sitzen hier; die Übersicht bietet nur den Weg aus einem Problem heraus. */
-function RowActions({ target, busy, send, onLogin }: {
-  target: TargetView;
-  busy: boolean;
-  send: (action: PanelAction) => void;
-  onLogin: (name: string) => void;
-}) {
-  const state = target.state.kind;
-  const profile = target.kind === "profile";
-  if (state === "connected") return <Button disabled={busy} onClick={() => send({ action: profile ? "stopProfile" : "disconnect", name: target.name })} size="xs" variant="ghost">{profile ? "Stoppen" : "Trennen"}</Button>;
-  if (state === "login-required" || state === "forbidden") return <Button disabled={busy} onClick={() => onLogin(target.name)} size="xs" variant="secondary">Anmelden</Button>;
-  if (state === "unreachable" || state === "failed") return <Button disabled={busy} onClick={() => send({ action: "retry", name: target.name })} size="xs" variant="secondary">Erneut versuchen</Button>;
-  if (state === "stopped") return <Button disabled={busy} onClick={() => send({ action: profile ? "startProfile" : "connect", name: target.name })} size="xs" variant="secondary">{profile ? "Starten" : "Verbinden"}</Button>;
-  return null;
-}
-
-function TargetRow({ target, send, onEdit, onLogin }: {
-  target: TargetView;
-  send: (action: PanelAction) => void;
-  onEdit: (name: string) => void;
-  onLogin: (name: string) => void;
-}) {
-  const [confirming, setConfirming] = useState(false);
-  const busy = busyState(target);
-  const detail = stateDetail(target) ?? target.problem;
-  const profile = target.kind === "profile";
-  return <li className="grid grid-cols-[auto_minmax(0,1fr)] items-center gap-x-2.5 gap-y-1.5 border-b border-border-soft px-1 py-2.5 last:border-b-0">
-    <span aria-hidden className="grid size-[26px] flex-none place-items-center rounded-md bg-secondary text-muted-foreground">
-      {profile ? <FolderIcon className="size-3.5" /> : <ServerIcon className="size-3.5" />}
-    </span>
-    <span className="min-w-0">
-      <span className="flex min-w-0 items-baseline gap-2">
-        <strong className="min-w-0 truncate text-[0.8rem] font-semibold">{target.name}</strong>
-        <span className="flex-none text-[0.6rem] uppercase tracking-[0.05em] text-muted-foreground">{kindLabel(target)}</span>
-      </span>
-      <span className="block truncate font-mono text-[0.68rem] text-muted-foreground" title={target.address}>{profile ? fileNameOf(target.address) : target.address}</span>
-    </span>
-    <span className={cn("col-span-2 flex items-center gap-1.5 text-[0.7rem]", stateTone(target))}>
-      <span aria-hidden className="size-[7px] flex-none rounded-full bg-current" />{stateLabel(target)}
-    </span>
-    {detail && <p className="col-span-2 text-[0.7rem] leading-normal text-destructive [overflow-wrap:anywhere]" role="alert">{detail}</p>}
-    <span className="col-span-2 flex flex-wrap items-center gap-1.5">
-      <RowActions busy={busy} onLogin={onLogin} send={send} target={target} />
-      {target.savedLogin && <Button disabled={busy} onClick={() => send({ action: "logout", name: target.name })} size="xs" variant="ghost">Abmelden</Button>}
-      <Button disabled={busy} onClick={() => onEdit(target.name)} size="xs" variant="ghost"><PencilIcon data-icon="inline-start" />Bearbeiten</Button>
-      {confirming
-        ? <span className="flex items-center gap-1.5">
-          <span className="text-[0.7rem] text-muted-foreground">Wirklich entfernen?</span>
-          <Button disabled={busy} onClick={() => send({ action: "remove", name: target.name })} size="xs" variant="destructive">Entfernen</Button>
-          <Button onClick={() => setConfirming(false)} size="xs" variant="ghost">Nein</Button>
-        </span>
-        : <Button aria-label={`${target.name} entfernen`} className="ml-auto" disabled={busy} onClick={() => setConfirming(true)} size="icon-sm" variant="ghost"><Trash2Icon /></Button>}
-    </span>
-  </li>;
-}
-
-/** Alles, was eingerichtet wird: die Umgebungen als Zeilenliste, dahinter die Dialoge zum Anlegen, Bearbeiten und Anmelden. */
-export function SettingsPage({ state, send }: PanelPageProps) {
-  const [dialog, setDialog] = useState<{ kind: "new" } | { kind: "edit"; name: string }>();
-  const [login, setLogin] = useState<string>();
-  const editing = dialog?.kind === "edit" ? state.targets.find((target) => target.name === dialog.name) : undefined;
-  const loginTarget = state.targets.find((target) => target.name === login);
-  const open = dialog?.kind === "new" || editing !== undefined;
-  return <div className="grid gap-3">
-    <div className="flex items-center gap-2">
-      <Button aria-label="Zur Übersicht" onClick={() => send({ action: "page", page: "overview" })} size="icon-sm" title="Zur Übersicht" variant="ghost"><ArrowLeftIcon /></Button>
-      <h1 className="min-w-0 flex-1 text-[1.1rem] font-semibold">Einstellungen</h1>
-      <Button aria-label="Einstellung öffnen" onClick={() => send({ action: "settingsFile" })} size="icon-sm" title="Einstellung öffnen (settings.json)" variant="ghost"><SettingsIcon /></Button>
-    </div>
-    {state.problem && <p className="text-[0.8rem] leading-normal text-destructive [overflow-wrap:anywhere]" role="alert">{state.problem}</p>}
-    <section className="grid gap-1.5">
-      <h2 className="flex items-baseline gap-2 text-[0.66rem] font-bold uppercase tracking-[0.06em] text-muted-foreground">
-        Umgebungen<span className="font-mono text-[0.62rem] font-normal tracking-normal opacity-80">{state.targets.length}</span>
-      </h2>
-      {state.targets.length === 0
-        ? <p className="text-[0.85rem] leading-normal text-muted-foreground">Noch keine Umgebung.</p>
-        : <ul className="grid">
-          {state.targets.map((target) => <TargetRow key={target.name} onEdit={(name) => setDialog({ kind: "edit", name })} onLogin={setLogin} send={send} target={target} />)}
-        </ul>}
-    </section>
-    <div className="flex flex-wrap items-center gap-2">
-      <Button onClick={() => setDialog({ kind: "new" })} size="sm"><PlusIcon data-icon="inline-start" />Neue Umgebung</Button>
-    </div>
-    {open && <TargetDialog key={editing?.name ?? "neu"} onClose={() => setDialog(undefined)} send={send} state={state} target={editing} />}
-    {loginTarget && <LoginDialog onClose={() => setLogin(undefined)} send={send} target={loginTarget} />}
-  </div>;
-}

package/apps/web/src/panel/target-state.ts

@@ -1,78 +0,0 @@
-import type { TargetRun, TargetView } from "./contract";
-
-/** Wie der Zustand einer Umgebung in ihrer Zeile steht; ein lokales Profil ist nicht getrennt, sondern nicht gestartet. */
-export const stateLabel = (target: TargetView): string => {
-  switch (target.state.kind) {
-    case "stopped": return target.kind === "profile" ? "nicht gestartet" : "getrennt";
-    case "starting": return target.state.detail ?? (target.kind === "profile" ? "startet ..." : "verbindet ...");
-    case "connecting": return "verbindet ...";
-    case "connected": return target.user ? `verbunden als ${target.user}` : "verbunden";
-    case "unreachable": return "nicht erreichbar";
-    case "login-required": return target.state.mode === "token" ? "Zugangstoken nötig" : "Anmeldung nötig";
-    case "forbidden": return "kein Zugriff";
-    case "failed": return "Start fehlgeschlagen";
-  }
-};
-
-export const stateTone = (target: TargetView): string => {
-  switch (target.state.kind) {
-    case "connected": return "text-success";
-    case "starting":
-    case "connecting": return "text-info";
-    case "login-required": return "text-warning";
-    case "unreachable":
-    case "forbidden":
-    case "failed": return "text-destructive";
-    case "stopped": return "text-muted-foreground";
-  }
-};
-
-/** Der Grund, der zum Zustand gehört; er steht unter der Zeile der Umgebung. */
-export const stateDetail = (target: TargetView): string | undefined => {
-  const state = target.state;
-  if (state.kind === "unreachable" || state.kind === "forbidden" || state.kind === "failed") return state.message;
-  return undefined;
-};
-
-export const kindLabel = (target: TargetView): string => target.kind === "profile" ? "lokales Profil" : "Server";
-
-export const busyState = (target: TargetView): boolean => target.state.kind === "starting" || target.state.kind === "connecting";
-
-export const runStateLabel = (run: TargetRun): string => {
-  switch (run.state) {
-    case "running": return "läuft";
-    case "waiting": return run.questions === 1 ? "1 Rückfrage" : `${run.questions} Rückfragen`;
-    case "ended": return "beendet";
-    case "idle": return "ruht";
-  }
-};
-
-export const runTone = (run: TargetRun): string => {
-  switch (run.state) {
-    case "running": return "text-info";
-    case "waiting": return "text-warning";
-    case "ended": return "text-muted-foreground";
-    case "idle": return "text-muted-foreground";
-  }
-};
-
-const MINUTE = 60_000;
-const HOUR = 60 * MINUTE;
-const DAY = 24 * HOUR;
-
-/** Wann ein Run zuletzt etwas getan hat; alles ab gestern nennt das Datum statt einer Spanne. */
-export const runTime = (run: TargetRun, now: number = Date.now()): string => {
-  const passed = now - run.updatedAt;
-  if (passed < MINUTE) return "gerade eben";
-  if (passed < HOUR) return `vor ${Math.floor(passed / MINUTE)} Min`;
-  if (passed < DAY) return `vor ${Math.floor(passed / HOUR)} Std`;
-  return new Date(run.updatedAt).toLocaleDateString("de-DE", { day: "2-digit", month: "2-digit", year: "numeric" });
-};
-
-const HUES = [255, 170, 300, 10, 130, 210, 60, 330];
-
-/** Die Farbe einer Umgebung hängt an ihrem Namen, nicht an ihrer Stelle in der Liste; Umsortieren ändert sie nicht. */
-export const environmentHue = (name: string): number => {
-  const hash = [...name].reduce((value, character) => (value * 31 + character.codePointAt(0)!) % 100_003, 7);
-  return HUES[hash % HUES.length]!;
-};

package/apps/web/src/plugin-discovery.ts

@@ -1,5 +0,0 @@
-import { webPluginEntries } from "virtual:ragents-plugins";
-import { webPluginLoadersFrom, type WebPluginLoaders } from "./plugin-bootstrap";
-
-/** The only place that knows the bundle: Vite generates the entries from the profile, the pure core does the rest. */
-export const webPluginLoaders: WebPluginLoaders = webPluginLoadersFrom(webPluginEntries);

package/apps/web/src/virtual-plugins.d.ts

@@ -1,3 +0,0 @@
-declare module "virtual:ragents-plugins" {
-  export const webPluginEntries: Readonly<Record<string, () => Promise<unknown>>>;
-}

package/apps/web/vite.config.ts

@@ -1,140 +0,0 @@
-import { fileURLToPath } from "node:url";
-import { execFileSync } from "node:child_process";
-import { readdir, readFile } from "node:fs/promises";
-import { readdirSync, readFileSync, statSync } from "node:fs";
-import path from "node:path";
-import react from "@vitejs/plugin-react";
-import tailwindcss from "@tailwindcss/vite";
-import { defineConfig, type Plugin } from "vite";
-
-const apiTarget = process.env.API_TARGET ?? "http://localhost:4710";
-const repositoryRoot = fileURLToPath(new URL("../../", import.meta.url));
-const hostEntry = path.join(repositoryRoot, "apps/web/src/main.tsx");
-const pluginEntriesModule = "virtual:ragents-plugins";
-
-interface BundledPlugin {
-  readonly id: string;
-  readonly folder: string;
-  readonly web: string | undefined;
-}
-
-const webEntryOf = (folder: string): string | undefined =>
-  ["web/index.ts", "web/index.tsx"].map((name) => path.join(folder, name))
-    .find((candidate) => statSync(candidate, { throwIfNoEntry: false })?.isFile() === true);
-
-const repositoryPlugins = (): BundledPlugin[] => {
-  const root = path.join(repositoryRoot, "plugins");
-  return readdirSync(root, { withFileTypes: true })
-    .filter((entry) => entry.isDirectory())
-    .map((entry) => ({ id: entry.name, folder: path.join(root, entry.name), web: webEntryOf(path.join(root, entry.name)) }));
-};
-
-/** The profile's plugins as the server resolves them; PLUGIN_LIST_FILE names them directly, otherwise the last stdout line carries the JSON. */
-const profilePlugins = (): BundledPlugin[] => {
-  const listFile = process.env.PLUGIN_LIST_FILE;
-  if (listFile) return JSON.parse(readFileSync(listFile, "utf8")) as BundledPlugin[];
-  if (!process.env.PRODUCT_PROFILE) return [];
-  const output = execFileSync("node", ["--import", "tsx", "src/profile/plugin-list.ts"], {
-    cwd: path.join(repositoryRoot, "apps/server"),
-    encoding: "utf8",
-    stdio: ["ignore", "pipe", "inherit"],
-  });
-  return JSON.parse(output.trim().split("\n").at(-1) ?? "[]") as BundledPlugin[];
-};
-
-/** Bundles the repository's plugins and, with a profile, its plugins from anywhere on disk. */
-const bundledPlugins = (): BundledPlugin[] => {
-  const plugins = repositoryPlugins();
-  for (const plugin of profilePlugins()) {
-    const known = plugins.find((candidate) => candidate.id === plugin.id);
-    if (known && known.folder !== plugin.folder) {
-      throw new Error(`Das Plugin ${plugin.id} liegt unter ${known.folder} und ${plugin.folder}`);
-    }
-    if (!known) plugins.push(plugin);
-  }
-  return plugins;
-};
-
-const isBareSpecifier = (specifier: string): boolean =>
-  !/^(\.{1,2}\/|\/|\0|[a-z][a-z0-9+.-]*:)/i.test(specifier);
-
-const ragentsPlugins = (plugins: readonly BundledPlugin[]): Plugin => {
-  const external = plugins.filter((plugin) => !plugin.folder.startsWith(repositoryRoot));
-  const withWeb = plugins.filter((plugin) => plugin.web !== undefined);
-  return {
-    name: "ragents-plugins",
-    enforce: "pre",
-    config: () => ({
-      resolve: {
-        alias: {
-          "@aicontainer/ragents/src": path.join(repositoryRoot, "packages/ragents/src"),
-          "@aicontainer/server": path.join(repositoryRoot, "apps/server/src"),
-          "@aicontainer/web": path.join(repositoryRoot, "apps/web/src"),
-          "@aicontainer/plugins": path.join(repositoryRoot, "plugins"),
-        },
-      },
-      server: { fs: { allow: [repositoryRoot, ...external.map((plugin) => plugin.folder)] } },
-    }),
-    resolveId(source, importer) {
-      if (source === pluginEntriesModule) return `\0${pluginEntriesModule}`;
-      if (!importer || importer.startsWith(repositoryRoot) || !isBareSpecifier(source)) return null;
-      return this.resolve(source, hostEntry, { skipSelf: true });
-    },
-    load(id) {
-      if (id !== `\0${pluginEntriesModule}`) return null;
-      const entries = withWeb.map((plugin) => `  ${JSON.stringify(plugin.id)}: () => import(${JSON.stringify(plugin.web)}),`);
-      return `export const webPluginEntries = {\n${entries.join("\n")}\n};\n`;
-    },
-    transform(code, id) {
-      if (!id.endsWith("/apps/web/src/ui/tailwind.css") || external.length === 0) return null;
-      const sources = external.flatMap((plugin) => [
-        `@source ${JSON.stringify(path.join(plugin.folder, "web/**/*"))};`,
-        `@source ${JSON.stringify(path.join(plugin.folder, "client-ui/**/*"))};`,
-      ]);
-      return `${code}\n${sources.join("\n")}\n`;
-    },
-  };
-};
-
-export default defineConfig({
-  plugins: [ragentsPlugins(bundledPlugins()), react(), tailwindcss(), {
-    name: "ragents-help",
-    apply: "build",
-    buildStart() {
-      const script = path.join(repositoryRoot, "build/homepage.sh");
-      if (statSync(script, { throwIfNoEntry: false })?.isFile()) execFileSync("bash", [script], { cwd: repositoryRoot, stdio: "inherit" });
-    },
-    async generateBundle() {
-      const directory = path.join(repositoryRoot, "docs/homepage/dist");
-      if (!statSync(directory, { throwIfNoEntry: false })?.isDirectory()) return;
-      const include = async (relative: string): Promise<void> => {
-        for (const entry of await readdir(path.join(directory, relative), { withFileTypes: true })) {
-          const name = path.posix.join(relative, entry.name);
-          if (entry.isDirectory()) await include(name);
-          else this.emitFile({ type: "asset", fileName: `help/${name}`, source: await readFile(path.join(directory, name)) });
-        }
-      };
-      await include("");
-    },
-  }],
-  build: {
-    outDir: path.join(repositoryRoot, "apps/web/dist", process.env.PRODUCT_PROFILE ?? "ohne-profil"),
-    rollupOptions: {
-      input: {
-        main: fileURLToPath(new URL("index.html", import.meta.url)),
-        column: fileURLToPath(new URL("column.html", import.meta.url)),
-      },
-    },
-  },
-  server: {
-    port: 5710,
-    strictPort: true,
-    proxy: {
-      "/api": apiTarget,
-      "/chat": apiTarget,
-      "/plugin-assets": apiTarget,
-      "/ragents": apiTarget,
-      "/help": apiTarget,
-    },
-  },
-});