@schlenkr/ragents 0.1.4 → 0.1.6

package/plugins/ragents.orchestration/web/column/AddresseeControl.tsx

@@ -1,116 +0,0 @@
-import { useCallback, useId, useMemo, useRef, useState } from "react";
-import { ChevronDownIcon, CodeIcon, SparklesIcon, UsersIcon } from "lucide-react";
-import { Badge, cn, Input, Spinner } from "@aicontainer/web/ui";
-import { ActorHeaderModeControl } from "../ActorCanvasControls";
-import { ActorPopout } from "../ActorPopout";
-import { actorSurface, type RunActor, type RunView } from "../run-view";
-import { pendingInputCount } from "./column-actors";
-
-const chipClass = "flex h-7 min-w-[70px] max-w-[220px] flex-[0_1_auto] cursor-pointer items-center gap-1.5 rounded-full border border-border bg-background pr-2 pl-1 text-[0.72rem] font-semibold text-foreground hover:bg-accent aria-expanded:border-primary focus-visible:outline-2 focus-visible:outline-ring/60 focus-visible:outline-offset-1";
-const busyClass = "flex h-7 min-w-0 flex-[0_1_auto] cursor-pointer items-center gap-1.5 rounded-md px-1.5 text-[0.7rem] text-muted-foreground hover:bg-accent hover:text-foreground focus-visible:outline-2 focus-visible:outline-ring/60 focus-visible:outline-offset-1";
-const entryClass = "flex w-full cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-left hover:bg-accent aria-current:bg-primary/10 focus-visible:outline-2 focus-visible:outline-ring/60 focus-visible:-outline-offset-2";
-const iconClass: Readonly<Record<string, string>> = {
-  agent: "bg-glass-agent",
-  primary: "bg-glass-primary",
-  script: "bg-glass-script",
-  app: "bg-glass-app",
-};
-
-const actorType = (actor: RunActor, technical: boolean) => !technical ? "Agent" : actor.kind === "agent" ? "LLM-Agent" : "TypeScript-Actor";
-const actorStatus = (actor: RunActor) => actor.lifecycle?.kind === "running" ? "arbeitet" : actor.lifecycle?.kind === "stopped" ? "gestoppt" : "bereit";
-
-export const filterActors = (actors: readonly RunActor[], query: string): RunActor[] => {
-  const words = query.trim().toLocaleLowerCase("de-DE").split(/\s+/).filter(Boolean);
-  return actors.filter((actor) => words.every((word) => `@${actor.handle} ${actor.displayName}`.toLocaleLowerCase("de-DE").includes(word)));
-};
-
-function ActorIcon({ actor, className, view }: { actor: RunActor; className?: string; view: RunView }) {
-  const surface = actorSurface(view, actor);
-  return <span className={cn("grid flex-none place-items-center rounded-full text-foreground [&>svg]:size-3", iconClass[surface], className)}>
-    {actor.lifecycle?.kind === "running" ? <Spinner aria-hidden className="size-3" /> : surface === "primary" ? <SparklesIcon /> : actor.kind === "agent" ? <UsersIcon /> : <CodeIcon />}
-  </span>;
-}
-
-function ActorEntry({ actor, current, onPick, technical, view }: { actor: RunActor; current: boolean; onPick: () => void; technical: boolean; view: RunView }) {
-  const pending = pendingInputCount(view, actor.id);
-  return <li>
-    <button aria-current={current || undefined} className={entryClass} onClick={onPick} title={`Nachrichten an @${actor.handle} richten`} type="button">
-      <ActorIcon actor={actor} className="size-5" view={view} />
-      <span className="grid min-w-0 flex-1">
-        <span className="truncate font-semibold">@{actor.handle}</span>
-        <span className="text-[0.66rem] text-muted-foreground">{actorType(actor, technical)}, {actorStatus(actor)}</span>
-      </span>
-      {pending > 0 && <Badge className="h-4 min-w-4 px-1 text-[0.6rem]" variant="secondary">{pending}</Badge>}
-    </button>
-  </li>;
-}
-
-/** Der Adressat des Chats als Chip in der Eingabeleiste; das Pop-out listet die sichtbaren Actors, die ausgeblendeten hinter ihrer Zahl. */
-export function AddresseeControl({ hidden, onOpenChange, onReveal, onSelect, runId, selected, shown, technical, view }: {
-  hidden: readonly RunActor[];
-  onOpenChange: (open: boolean) => void;
-  onReveal: (actor: RunActor) => void;
-  onSelect: (actor: RunActor) => void;
-  runId: string;
-  selected: RunActor;
-  shown: readonly RunActor[];
-  technical: boolean;
-  view: RunView;
-}) {
-  const [open, setOpen] = useState(false);
-  const [query, setQuery] = useState("");
-  const [hiddenListed, setHiddenListed] = useState(false);
-  const buttonRef = useRef<HTMLButtonElement>(null);
-  const panelId = useId();
-  const change = useCallback((next: boolean) => {
-    setOpen(next);
-    onOpenChange(next);
-  }, [onOpenChange]);
-  const close = useCallback((restoreFocus = false) => {
-    change(false);
-    if (restoreFocus) buttonRef.current?.focus({ preventScroll: true });
-  }, [change]);
-  const working = useMemo(() => [...shown, ...hidden].filter((actor) => actor.lifecycle?.kind === "running" && actor.id !== selected.id), [hidden, selected.id, shown]);
-  const hiddenMatches = useMemo(() => filterActors(hidden, query), [hidden, query]);
-  const pick = (actor: RunActor, reveal: boolean) => {
-    (reveal ? onReveal : onSelect)(actor);
-    close(true);
-  };
-  const busyTitle = working.map((actor) => `@${actor.handle} arbeitet`).join(", ");
-  const busyPending = working.length > 0 ? pendingInputCount(view, working[0].id) : 0;
-  const listClass = "list-none px-1.5 py-1";
-
-  return <>
-    <button aria-controls={open ? panelId : undefined} aria-expanded={open} aria-haspopup="dialog" className={chipClass} onClick={() => change(!open)} ref={buttonRef} title={`Adressat: @${selected.handle}. Klick wählt einen anderen Actor`} type="button">
-      <ActorIcon actor={selected} className="size-5" view={view} />
-      <span className="truncate">@{selected.handle}</span>
-      <ChevronDownIcon aria-hidden className="size-3 flex-none text-muted-foreground" />
-    </button>
-    {working.length > 0 && <button className={busyClass} onClick={() => change(!open)} title={busyTitle} type="button">
-      <Spinner aria-hidden className="size-3 flex-none" />
-      <span className="truncate in-data-[compact=true]:hidden">@{working[0].handle}</span>
-      {busyPending > 0 && <Badge className="h-4 min-w-4 px-1 text-[0.6rem]" variant="secondary">{busyPending}</Badge>}
-      {working.length > 1 && <span className="flex-none">+{working.length - 1}</span>}
-    </button>}
-    {open && <ActorPopout buttonRef={buttonRef} closeLabel="Adressat schließen" height={400} id={panelId} label="Adressat" onClose={close} open placement="top" role="dialog" width="available">
-      <div className="min-h-0 flex-1 overflow-auto overscroll-contain">
-        <ul className={listClass}>
-          {shown.map((actor) => <ActorEntry actor={actor} current={actor.id === selected.id} key={actor.id} onPick={() => pick(actor, false)} technical={technical} view={view} />)}
-        </ul>
-        {hidden.length > 0 && <div className="border-t border-border-soft">
-          <button aria-expanded={hiddenListed} className="flex w-full cursor-pointer items-center justify-between gap-2 px-3.5 py-2 text-left text-muted-foreground hover:text-foreground focus-visible:outline-2 focus-visible:outline-ring/60 focus-visible:-outline-offset-2" onClick={() => setHiddenListed((value) => !value)} type="button">
-            <span>{hidden.length} ausgeblendete Actors</span>
-            <ChevronDownIcon aria-hidden className={cn("size-3.5 flex-none transition-transform", hiddenListed && "rotate-180")} />
-          </button>
-          {hiddenListed && <>
-            {hidden.length > 8 && <div className="px-2.5 pb-1"><Input aria-label="Ausgeblendete Actors durchsuchen" className="h-7" onChange={(event) => setQuery(event.target.value)} placeholder="Handle suchen ..." type="search" value={query} /></div>}
-            <ul className={listClass}>
-              {hiddenMatches.map((actor) => <ActorEntry actor={actor} current={false} key={actor.id} onPick={() => pick(actor, true)} technical={technical} view={view} />)}
-            </ul>
-          </>}
-        </div>}
-      </div>
-      <div className="flex flex-none items-stretch border-t border-border-soft"><ActorHeaderModeControl runId={runId} /></div>
-    </ActorPopout>}
-  </>;
-}

package/plugins/ragents.orchestration/web/column/column-settings.ts

@@ -1,47 +0,0 @@
-import { createLocalStorageSetting } from "@aicontainer/web/lib/local-storage-setting";
-
-/** Verhalten der Arbeitsspalte: ab welcher Breite der Chat neben der Mini-App liegt und wie das Sheet auf die Maus reagiert. */
-export interface ColumnSettings {
-  sideWidth: number;
-  openDelay: number;
-  closeDelay: number;
-}
-
-export const DEFAULT_COLUMN_SETTINGS: ColumnSettings = Object.freeze({ sideWidth: 900, openDelay: 160, closeDelay: 150 });
-export const COLUMN_SETTINGS_STORAGE_KEY = "ragents.orchestration.column-settings";
-export const COLUMN_SETTINGS_LIMITS = Object.freeze({
-  sideWidth: { min: 400, max: 4000 },
-  openDelay: { min: 0, max: 5000 },
-  closeDelay: { min: 0, max: 10000 },
-});
-
-const inRange = (value: unknown, range: { min: number; max: number }): value is number =>
-  typeof value === "number" && Number.isInteger(value) && value >= range.min && value <= range.max;
-
-export function parseColumnSettings(raw: string | null): ColumnSettings {
-  if (raw === null) return DEFAULT_COLUMN_SETTINGS;
-  const value: unknown = JSON.parse(raw);
-  if (!value || typeof value !== "object" || Array.isArray(value)
-    || Object.keys(value).some((key) => !["sideWidth", "openDelay", "closeDelay"].includes(key))
-    || !("sideWidth" in value) || !inRange(value.sideWidth, COLUMN_SETTINGS_LIMITS.sideWidth)
-    || !("openDelay" in value) || !inRange(value.openDelay, COLUMN_SETTINGS_LIMITS.openDelay)
-    || !("closeDelay" in value) || !inRange(value.closeDelay, COLUMN_SETTINGS_LIMITS.closeDelay)) {
-    throw new Error("Die Einstellungen der Arbeitsspalte sind ungültig: Breite 400 bis 4000 Pixel, Verzögerungen 0 bis 5000 beziehungsweise 10000 Millisekunden, ganze Zahlen.");
-  }
-  return value as ColumnSettings;
-}
-
-const setting = createLocalStorageSetting({
-  changeEvent: "ragents-column-settings-change",
-  matchesKey: (key) => key === COLUMN_SETTINGS_STORAGE_KEY,
-  parse: parseColumnSettings,
-  serialize: JSON.stringify,
-});
-
-export function useColumnSettings(): ColumnSettings {
-  return setting.useValue(COLUMN_SETTINGS_STORAGE_KEY);
-}
-
-export function saveColumnSettings(value: ColumnSettings) {
-  setting.save(COLUMN_SETTINGS_STORAGE_KEY, value);
-}

package/plugins/ragents.orchestration/web/column/column-state.ts

@@ -1,68 +0,0 @@
-import { createLocalStorageSetting } from "@aicontainer/web/lib/local-storage-setting";
-
-/** Die gewählte Ansicht der Spalte: nur Chat, Chat unten als Sheet oder Chat rechts, sofern die Spalte breit genug ist. */
-export type ColumnChatMode = "chat" | "bottom" | "side";
-
-/** Wie der Chat zur Mini-App liegt: allein, daneben oder als Sheet darüber. */
-export type ChatLayout = "full" | "side" | "floating";
-
-/** Persönlicher Zustand der Arbeitsspalte je Run: gewählte Mini-App, gewählter Actor, Chat-Lage und Chatbreite daneben. */
-export interface ColumnState {
-  element: string | null;
-  actor: string | null;
-  chat: ColumnChatMode;
-  chatWidth: number;
-}
-
-export const CHAT_MIN_WIDTH = 280;
-export const CHAT_DEFAULT_WIDTH = 380;
-/** Neben dem Chat bleibt immer Platz für ein Stück Mini-App. */
-export const STAGE_MIN_WIDTH = 300;
-
-export const DEFAULT_COLUMN_STATE: ColumnState = Object.freeze({ element: null, actor: null, chat: "side", chatWidth: CHAT_DEFAULT_WIDTH });
-
-export const columnStorageKey = (runId: string) => `ragents.orchestration.column:${runId}`;
-
-const isTextOrNull = (value: unknown): value is string | null => value === null || typeof value === "string";
-/** Frühere Zustände kannten `auto`, `floating` und `docked` sowie eine Bühnenhöhe; sie werden auf die heutigen Lagen abgebildet. */
-const chatModeOf = (value: unknown): ColumnChatMode | undefined =>
-  value === undefined || value === "side" || value === "auto" ? "side"
-    : value === "chat" ? "chat"
-      : value === "bottom" || value === "floating" || value === "docked" ? "bottom" : undefined;
-
-export function parseColumnState(raw: string | null): ColumnState {
-  if (raw === null) return DEFAULT_COLUMN_STATE;
-  const value: unknown = JSON.parse(raw);
-  if (!value || typeof value !== "object" || Array.isArray(value)
-    || Object.keys(value).some((key) => !["element", "stageHeight", "actor", "chat", "chatWidth"].includes(key))
-    || !("element" in value) || !isTextOrNull(value.element)
-    || !("actor" in value) || !isTextOrNull(value.actor)
-    || chatModeOf("chat" in value ? value.chat : undefined) === undefined
-    || ("chatWidth" in value && (typeof value.chatWidth !== "number" || !Number.isFinite(value.chatWidth) || value.chatWidth < CHAT_MIN_WIDTH))) {
-    throw new Error("Der gespeicherte Panelzustand ist ungültig.");
-  }
-  const stored = value as { element: string | null; actor: string | null; chat?: unknown; chatWidth?: number };
-  return { element: stored.element, actor: stored.actor, chat: chatModeOf(stored.chat) ?? "side", chatWidth: stored.chatWidth ?? CHAT_DEFAULT_WIDTH };
-}
-
-/** Ohne Mini-App und in der Ansicht "Nur Chat" füllt der Chat die Spalte; sonst liegt er rechts, wenn Platz ist, und unten, wenn nicht. */
-export const chatLayoutFor = ({ chat, hasElement, narrow }: { chat: ColumnChatMode; hasElement: boolean; narrow: boolean }): ChatLayout =>
-  !hasElement || chat === "chat" ? "full" : !narrow && chat === "side" ? "side" : "floating";
-
-export const clampChatWidth = (width: number, available: number): number =>
-  Math.max(CHAT_MIN_WIDTH, Math.min(Math.round(width), Math.max(CHAT_MIN_WIDTH, available - STAGE_MIN_WIDTH)));
-
-const setting = createLocalStorageSetting({
-  changeEvent: "ragents-column-change",
-  matchesKey: (key) => key.startsWith("ragents.orchestration.column:"),
-  parse: parseColumnState,
-  serialize: JSON.stringify,
-});
-
-export function useColumnState(runId: string): ColumnState {
-  return setting.useValue(columnStorageKey(runId));
-}
-
-export function saveColumnState(runId: string, state: ColumnState) {
-  setting.save(columnStorageKey(runId), state);
-}

package/plugins/ragents.orchestration/web/contract.ts

@@ -1,25 +0,0 @@
-import type { RunActor, RunView } from "./run-view";
-
-export type {
-  RunAction,
-  RunActor,
-  RunActorInput,
-  RunArtifact,
-  RunSubscription,
-  RunTurn,
-  RunView,
-} from "./run-view";
-export { runArtifactContentUrl, runViewFrom } from "./run-view";
-
-export const runActorFrom = (value: unknown): RunActor => {
-  const actor = value as RunActor | undefined;
-  if (typeof actor?.id !== "string" || typeof actor.handle !== "string") {
-    throw new Error("Der Karten-Kontext enthält keinen Actor der Laufansicht");
-  }
-  return actor;
-};
-
-export const actorPluginState = (view: RunView, pluginId: string, actorId: string): unknown =>
-  view.pluginStates
-    .find((entry) => entry.pluginId === pluginId && entry.scope.kind === "actor" && entry.scope.actorId === actorId)
-    ?.state;

package/plugins/ragents.product/model-settings-contract.ts

@@ -1,10 +0,0 @@
-import type { ThinkingLevel } from "../../packages/ragents/src/domain/driver.js";
-
-export interface ProductModelDraft {
-  profiles: { name: string; model: string; thinking: ThinkingLevel }[];
-}
-
-export interface ProductModelSettings {
-  profiles: (ProductModelDraft["profiles"][number] & { description: string; provider: string })[];
-  models: { id: string; provider: string; label: string; thinking: readonly ThinkingLevel[] }[];
-}

package/plugins/ragents.profile-distribution/server/web.ts

@@ -1,24 +0,0 @@
-import { mkdir, rm, writeFile } from "node:fs/promises";
-import path from "node:path";
-import { hostRoot } from "@aicontainer/server/host-version.js";
-import { webEntryOf } from "@aicontainer/server/plugin-support/plugins-root.js";
-import { buildWeb } from "@aicontainer/server/web-build.js";
-import type { InspectedClientProfile } from "./archive.js";
-
-/** Baut das Web für den Pluginsatz des Client-Profils, damit der Client keinen Build braucht. */
-export const buildClientWeb = async (
-  inspected: InspectedClientProfile,
-  outputDirectory: string,
-  log: (line: string) => void,
-  root = hostRoot(),
-): Promise<void> => {
-  const listFile = `${outputDirectory}.plugins.json`;
-  const list = inspected.plugins.map((plugin) => ({ id: plugin.id, folder: plugin.folder, web: webEntryOf(plugin.folder) }));
-  await mkdir(path.dirname(listFile), { recursive: true });
-  await writeFile(listFile, `${JSON.stringify(list, null, 2)}\n`);
-  const environment: NodeJS.ProcessEnv = { ...process.env, PLUGIN_LIST_FILE: listFile };
-  delete environment.PRODUCT_PROFILE;
-  delete environment.PRODUCT_PROFILE_FILE;
-  await buildWeb({ root, outputDirectory, environment, log });
-  await rm(listFile);
-};