npm - iris-chatbot - Versions diffs - 0.2.4 - Mend

iris-chatbot 0.2.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (66) hide show

package/LICENSE +21 -0
package/README.md +49 -0
package/bin/iris.mjs +267 -0
package/package.json +61 -0
package/template/LICENSE +21 -0
package/template/README.md +49 -0
package/template/eslint.config.mjs +18 -0
package/template/next.config.ts +7 -0
package/template/package-lock.json +9193 -0
package/template/package.json +46 -0
package/template/postcss.config.mjs +7 -0
package/template/public/file.svg +1 -0
package/template/public/globe.svg +1 -0
package/template/public/next.svg +1 -0
package/template/public/vercel.svg +1 -0
package/template/public/window.svg +1 -0
package/template/src/app/api/chat/route.ts +2445 -0
package/template/src/app/api/connections/models/route.ts +255 -0
package/template/src/app/api/connections/test/route.ts +124 -0
package/template/src/app/api/local-sync/route.ts +74 -0
package/template/src/app/api/tool-approval/route.ts +47 -0
package/template/src/app/favicon.ico +0 -0
package/template/src/app/globals.css +808 -0
package/template/src/app/layout.tsx +74 -0
package/template/src/app/page.tsx +444 -0
package/template/src/components/ChatView.tsx +1537 -0
package/template/src/components/Composer.tsx +160 -0
package/template/src/components/MapView.tsx +244 -0
package/template/src/components/MessageCard.tsx +955 -0
package/template/src/components/SearchModal.tsx +72 -0
package/template/src/components/SettingsModal.tsx +1257 -0
package/template/src/components/Sidebar.tsx +153 -0
package/template/src/components/TopBar.tsx +164 -0
package/template/src/lib/connections.ts +275 -0
package/template/src/lib/data.ts +324 -0
package/template/src/lib/db.ts +49 -0
package/template/src/lib/hooks.ts +76 -0
package/template/src/lib/local-sync.ts +192 -0
package/template/src/lib/memory.ts +695 -0
package/template/src/lib/model-presets.ts +251 -0
package/template/src/lib/store.ts +36 -0
package/template/src/lib/tooling/approvals.ts +78 -0
package/template/src/lib/tooling/providers/anthropic.ts +155 -0
package/template/src/lib/tooling/providers/ollama.ts +73 -0
package/template/src/lib/tooling/providers/openai.ts +267 -0
package/template/src/lib/tooling/providers/openai_compatible.ts +16 -0
package/template/src/lib/tooling/providers/types.ts +44 -0
package/template/src/lib/tooling/registry.ts +103 -0
package/template/src/lib/tooling/runtime.ts +189 -0
package/template/src/lib/tooling/safety.ts +165 -0
package/template/src/lib/tooling/tools/apps.ts +108 -0
package/template/src/lib/tooling/tools/apps_plus.ts +153 -0
package/template/src/lib/tooling/tools/communication.ts +883 -0
package/template/src/lib/tooling/tools/files.ts +395 -0
package/template/src/lib/tooling/tools/music.ts +988 -0
package/template/src/lib/tooling/tools/notes.ts +461 -0
package/template/src/lib/tooling/tools/notes_plus.ts +294 -0
package/template/src/lib/tooling/tools/numbers.ts +175 -0
package/template/src/lib/tooling/tools/schedule.ts +579 -0
package/template/src/lib/tooling/tools/system.ts +142 -0
package/template/src/lib/tooling/tools/web.ts +212 -0
package/template/src/lib/tooling/tools/workflow.ts +218 -0
package/template/src/lib/tooling/types.ts +27 -0
package/template/src/lib/types.ts +309 -0
package/template/src/lib/utils.ts +108 -0
package/template/tsconfig.json +34 -0

package/template/src/app/layout.tsx ADDED Viewed

@@ -0,0 +1,74 @@
+import type { Metadata } from "next";
+import {
+  IBM_Plex_Mono,
+  IBM_Plex_Sans,
+  Manrope,
+  Poppins,
+  Sora,
+  Space_Grotesk,
+} from "next/font/google";
+import "katex/dist/katex.min.css";
+import "./globals.css";
+const plexSans = IBM_Plex_Sans({
+  variable: "--font-sans",
+  subsets: ["latin"],
+  weight: ["400", "500", "600", "700"],
+  display: "swap",
+});
+const manrope = Manrope({
+  variable: "--font-manrope",
+  subsets: ["latin"],
+  weight: ["400", "500", "600", "700"],
+  display: "swap",
+});
+const sora = Sora({
+  variable: "--font-sora",
+  subsets: ["latin"],
+  weight: ["400", "500", "600", "700"],
+  display: "swap",
+});
+const poppins = Poppins({
+  variable: "--font-poppins",
+  subsets: ["latin"],
+  weight: ["400", "500", "600", "700"],
+  display: "swap",
+});
+const spaceGrotesk = Space_Grotesk({
+  variable: "--font-space",
+  subsets: ["latin"],
+  weight: ["400", "500", "600", "700"],
+  display: "swap",
+});
+const plexMono = IBM_Plex_Mono({
+  variable: "--font-mono",
+  subsets: ["latin"],
+  weight: ["400", "500"],
+  display: "swap",
+});
+export const metadata: Metadata = {
+  title: "Zenith Chat",
+  description: "Local ChatGPT-style client with branching threads",
+};
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <html lang="en">
+      <body
+        className={`${plexSans.variable} ${manrope.variable} ${sora.variable} ${poppins.variable} ${spaceGrotesk.variable} ${plexMono.variable} antialiased`}
+      >
+        {children}
+      </body>
+    </html>
+  );
+}

package/template/src/app/page.tsx ADDED Viewed

@@ -0,0 +1,444 @@
+"use client";
+import { useCallback, useEffect, useMemo, useState, type CSSProperties } from "react";
+import dynamic from "next/dynamic";
+import Sidebar from "../components/Sidebar";
+import TopBar from "../components/TopBar";
+import ChatView from "../components/ChatView";
+import SettingsModal from "../components/SettingsModal";
+import SearchModal from "../components/SearchModal";
+import {
+  ensureDefaults,
+  createNewThread,
+  deleteConversation,
+  deleteThread,
+} from "../lib/data";
+import { db } from "../lib/db";
+import {
+  useConversationMessages,
+  useSettings,
+  useThreads,
+  useToolApprovals,
+  useToolEvents,
+} from "../lib/hooks";
+import { useUIStore } from "../lib/store";
+import {
+  filterModelIdsForConnection,
+  getConnectionModelPresets,
+  sortModelIdsForConnection,
+} from "../lib/model-presets";
+import {
+  DEFAULT_LOCAL_TOOLS_SETTINGS,
+} from "../lib/types";
+import { getEnabledConnections, getConnectionById, toChatConnectionPayload } from "../lib/connections";
+import { isLocalhost, loadFromServer, registerSyncHooks } from "../lib/local-sync";
+const MapView = dynamic(() => import("../components/MapView"), {
+  ssr: false,
+});
+export default function Home() {
+  const threads = useThreads();
+  const settings = useSettings();
+  const viewMode = useUIStore((state) => state.viewMode);
+  const setViewMode = useUIStore((state) => state.setViewMode);
+  const activeThreadId = useUIStore((state) => state.activeThreadId);
+  const setActiveThreadId = useUIStore((state) => state.setActiveThreadId);
+  const settingsOpen = useUIStore((state) => state.settingsOpen);
+  const setSettingsOpen = useUIStore((state) => state.setSettingsOpen);
+  const sidebarCollapsed = useUIStore((state) => state.sidebarCollapsed);
+  const setSidebarCollapsed = useUIStore((state) => state.setSidebarCollapsed);
+  const [searchOpen, setSearchOpen] = useState(false);
+  const connectionOverrideId = useUIStore((state) => state.connectionOverrideId);
+  const modelOverride = useUIStore((state) => state.modelOverride);
+  const setConnectionOverrideId = useUIStore((state) => state.setConnectionOverrideId);
+  const setModelOverride = useUIStore((state) => state.setModelOverride);
+  const [remoteModelsByConnection, setRemoteModelsByConnection] = useState<Record<string, string[]>>({});
+  const ensureThreadSelection = useCallback(() => {
+    if (!threads || threads.length === 0) {
+      return null;
+    }
+    if (activeThreadId) {
+      const activeExists = threads.some((thread) => thread.id === activeThreadId);
+      return activeExists ? activeThreadId : null;
+    }
+    const selectedId = threads[0].id;
+    if (selectedId) {
+      setActiveThreadId(selectedId);
+    }
+    return selectedId;
+  }, [threads, activeThreadId, setActiveThreadId]);
+  useEffect(() => {
+    if (isLocalhost()) {
+      loadFromServer()
+        .then(() => ensureDefaults())
+        .then(() => registerSyncHooks());
+    } else {
+      ensureDefaults();
+    }
+  }, []);
+  useEffect(() => {
+    if (typeof window === "undefined") {
+      return;
+    }
+    const media = window.matchMedia("(max-width: 980px)");
+    const syncSidebarMode = () => {
+      if (media.matches) {
+        setSidebarCollapsed(true);
+      }
+    };
+    syncSidebarMode();
+    media.addEventListener("change", syncSidebarMode);
+    return () => {
+      media.removeEventListener("change", syncSidebarMode);
+    };
+  }, [setSidebarCollapsed]);
+  useEffect(() => {
+    ensureThreadSelection();
+  }, [ensureThreadSelection]);
+  useEffect(() => {
+    if (!settings) return;
+    if (!connectionOverrideId) {
+      setConnectionOverrideId(settings.defaultConnectionId);
+    }
+    if (settings.theme) {
+      document.documentElement.dataset.theme = settings.theme;
+    }
+    const fontVar =
+      settings.font === "manrope"
+        ? "var(--font-manrope)"
+        : settings.font === "poppins"
+          ? "var(--font-poppins)"
+        : settings.font === "sora"
+          ? "var(--font-sora)"
+          : settings.font === "space"
+            ? "var(--font-space)"
+            : "var(--font-sans)";
+    document.documentElement.style.setProperty("--app-font", fontVar);
+    document.body.style.fontFamily = fontVar;
+  }, [settings, connectionOverrideId, setConnectionOverrideId]);
+  const activeThread = useMemo(
+    () => threads?.find((thread) => thread.id === activeThreadId) || null,
+    [threads, activeThreadId]
+  );
+  const conversationMessages = useConversationMessages(
+    activeThread?.conversationId || null
+  );
+  const toolEvents = useToolEvents(activeThread?.conversationId || null);
+  const toolApprovals = useToolApprovals(activeThread?.conversationId || null);
+  const enabledConnections = useMemo(() => getEnabledConnections(settings ?? null), [settings]);
+  const connectionId =
+    connectionOverrideId ||
+    settings?.defaultConnectionId ||
+    enabledConnections[0]?.id ||
+    null;
+  const connection =
+    getConnectionById(settings ?? null, connectionId) ??
+    enabledConnections[0] ??
+    null;
+  const fallbackModelPresets = getConnectionModelPresets(connection);
+  const remoteModelPresets = connection ? remoteModelsByConnection[connection.id] ?? [] : [];
+  const includeExtendedOpenAI = Boolean(settings?.showExtendedOpenAIModels);
+  const sortedModelPresets = sortModelIdsForConnection(
+    connection,
+    remoteModelPresets.length > 0 ? remoteModelPresets : fallbackModelPresets,
+  );
+  const modelPresets = filterModelIdsForConnection({
+    connection,
+    modelIds: sortedModelPresets,
+    includeExtendedOpenAI,
+  });
+  useEffect(() => {
+    if (!settings || !connection) {
+      return;
+    }
+    let cancelled = false;
+    const payload = toChatConnectionPayload(connection, settings);
+    const loadModels = async () => {
+      try {
+        const response = await fetch("/api/connections/models", {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({ connection: payload }),
+        });
+        const body = (await response.json()) as { ok?: boolean; models?: string[] };
+        if (!response.ok || body.ok === false) {
+          throw new Error("Could not load models");
+        }
+        const models = Array.isArray(body.models)
+          ? [...new Set(body.models.map((value) => value.trim()).filter(Boolean))]
+          : [];
+        if (cancelled) {
+          return;
+        }
+        setRemoteModelsByConnection((current) => ({
+          ...current,
+          [connection.id]: models,
+        }));
+      } catch {
+        if (cancelled) {
+          return;
+        }
+        setRemoteModelsByConnection((current) => ({
+          ...current,
+          [connection.id]: [],
+        }));
+      }
+    };
+    void loadModels();
+    return () => {
+      cancelled = true;
+    };
+  }, [connection, settings]);
+  const mappedDefaultModel =
+    connection && settings?.defaultModelByConnection
+      ? settings.defaultModelByConnection[connection.id]
+      : undefined;
+  const preferredSupportedModel =
+    [modelOverride.trim(), mappedDefaultModel?.trim(), settings?.defaultModel?.trim()].find(
+      (value) => Boolean(value) && modelPresets.includes(value as string),
+    ) ?? "";
+  const model =
+    preferredSupportedModel ||
+    modelPresets[0] ||
+    modelOverride.trim() ||
+    mappedDefaultModel?.trim() ||
+    settings?.defaultModel?.trim() ||
+    "";
+  const handleConnectionChange = async (value: string) => {
+    const selected =
+      enabledConnections.find((item) => item.id === value) ??
+      settings?.connections.find((item) => item.id === value) ??
+      null;
+    if (!selected) {
+      return;
+    }
+    const options = remoteModelsByConnection[selected.id]?.length
+      ? remoteModelsByConnection[selected.id]
+      : getConnectionModelPresets(selected);
+    const filteredOptions = filterModelIdsForConnection({
+      connection: selected,
+      modelIds: sortModelIdsForConnection(selected, options),
+      includeExtendedOpenAI,
+    });
+    const persistedModel = settings?.defaultModelByConnection?.[selected.id];
+    const nextModel =
+      (persistedModel?.trim() && filteredOptions.includes(persistedModel.trim())
+        ? persistedModel.trim()
+        : "") ||
+      (model.trim() && filteredOptions.includes(model.trim()) ? model.trim() : "") ||
+      filteredOptions[0] ||
+      "";
+    setConnectionOverrideId(selected.id);
+    setModelOverride(nextModel);
+    const updated = await db.settings.update("settings", {
+      defaultConnectionId: selected.id,
+      defaultModel: nextModel,
+      defaultProvider: selected.provider ?? settings?.defaultProvider ?? "openai",
+      defaultModelByConnection: {
+        ...(settings?.defaultModelByConnection ?? {}),
+        [selected.id]: nextModel,
+      },
+    });
+    if (updated === 0) {
+      await db.settings.put({
+        id: "settings",
+        defaultProvider: selected.provider ?? "openai",
+        defaultModel: nextModel,
+        connections: settings?.connections ?? [],
+        defaultConnectionId: selected.id,
+        defaultModelByConnection: {
+          ...(settings?.defaultModelByConnection ?? {}),
+          [selected.id]: nextModel,
+        },
+        showExtendedOpenAIModels: settings?.showExtendedOpenAIModels ?? false,
+        enableWebSources: settings?.enableWebSources ?? true,
+        localTools: settings?.localTools ?? DEFAULT_LOCAL_TOOLS_SETTINGS,
+      });
+    }
+  };
+  const handleModelChange = async (value: string) => {
+    if (!connection) {
+      return;
+    }
+    setModelOverride(value);
+    const updated = await db.settings.update("settings", {
+      defaultProvider: connection.provider ?? settings?.defaultProvider ?? "openai",
+      defaultModel: value,
+      defaultConnectionId: connection.id,
+      defaultModelByConnection: {
+        ...(settings?.defaultModelByConnection ?? {}),
+        [connection.id]: value,
+      },
+    });
+    if (updated === 0) {
+      await db.settings.put({
+        id: "settings",
+        defaultProvider: connection.provider ?? "openai",
+        defaultModel: value,
+        connections: settings?.connections ?? [],
+        defaultConnectionId: connection.id,
+        defaultModelByConnection: {
+          ...(settings?.defaultModelByConnection ?? {}),
+          [connection.id]: value,
+        },
+        showExtendedOpenAIModels: settings?.showExtendedOpenAIModels ?? false,
+        enableWebSources: settings?.enableWebSources ?? true,
+        localTools: settings?.localTools ?? DEFAULT_LOCAL_TOOLS_SETTINGS,
+      });
+    }
+  };
+  const handleEnableLocalTools = async () => {
+    if (!settings) {
+      setSettingsOpen(true);
+      return;
+    }
+    const existing = settings.localTools ?? DEFAULT_LOCAL_TOOLS_SETTINGS;
+    await db.settings.update("settings", {
+      localTools: {
+        ...DEFAULT_LOCAL_TOOLS_SETTINGS,
+        ...existing,
+        enabled: true,
+      },
+    });
+    setSettingsOpen(true);
+  };
+  return (
+    <div
+      className={`chat-shell ${sidebarCollapsed ? "collapsed" : ""}`}
+      style={
+        {
+          "--accent": settings?.accentColor || "#66706e",
+          "--accent-2": settings?.accentColor || "#66706e",
+        } as CSSProperties
+      }
+    >
+      <Sidebar
+        threads={threads || []}
+        activeThreadId={activeThreadId}
+        collapsed={sidebarCollapsed}
+        onSelect={(id) => setActiveThreadId(id)}
+        onNewChat={async () => {
+          const thread = await createNewThread();
+          setViewMode("chat");
+          setActiveThreadId(thread.id);
+        }}
+        onDeleteThread={async (thread) => {
+          const allThreads = threads || [];
+          const deletedIds = new Set<string>();
+          if (!thread.forkedFromMessageId) {
+            allThreads
+              .filter((item) => item.conversationId === thread.conversationId)
+              .forEach((item) => deletedIds.add(item.id));
+            await deleteConversation(thread.conversationId);
+          } else {
+            deletedIds.add(thread.id);
+            await deleteThread(thread.id);
+          }
+          if (activeThreadId && deletedIds.has(activeThreadId)) {
+            const remaining = allThreads.filter((item) => !deletedIds.has(item.id));
+            if (remaining.length > 0) {
+              setActiveThreadId(remaining[0].id);
+            } else {
+              const newThread = await createNewThread();
+              setActiveThreadId(newThread.id);
+            }
+          }
+        }}
+        onToggleCollapse={() => setSidebarCollapsed(!sidebarCollapsed)}
+        onOpenSearch={() => setSearchOpen(true)}
+      />
+      <div className="flex h-full min-h-screen min-w-0 flex-col">
+        <TopBar
+          connectionId={connection?.id ?? ""}
+          connectionName={connection?.name ?? "No connection"}
+          connection={connection}
+          connections={enabledConnections}
+          model={model}
+          localToolsEnabled={Boolean(settings?.localTools?.enabled)}
+          modelPresets={modelPresets}
+          viewMode={viewMode}
+          onConnectionChange={handleConnectionChange}
+          onModelChange={handleModelChange}
+          onToggleView={() => {
+            const nextViewMode = viewMode === "chat" ? "map" : "chat";
+            if (nextViewMode === "chat") {
+              ensureThreadSelection();
+            }
+            setViewMode(nextViewMode);
+          }}
+          onEnableLocalTools={handleEnableLocalTools}
+          onOpenSettings={() => setSettingsOpen(true)}
+        />
+        <div className="flex-1 min-w-0">
+          {viewMode === "map" ? (
+            <MapView
+              threads={threads || []}
+              activeThreadId={activeThreadId}
+              messages={conversationMessages || []}
+              onSelectThread={(id) => setActiveThreadId(id)}
+              onNavigateToChat={() => {
+                ensureThreadSelection();
+                setViewMode("chat");
+              }}
+            />
+          ) : (
+            <ChatView
+              thread={activeThread}
+              messages={conversationMessages || []}
+              toolEvents={toolEvents || []}
+              toolApprovals={toolApprovals || []}
+              settings={settings ?? null}
+              connection={connection}
+              model={model}
+              threads={threads || []}
+              activeThreadId={activeThreadId}
+              onSelectThread={(id) => setActiveThreadId(id)}
+              onOpenSettings={() => setSettingsOpen(true)}
+            />
+          )}
+        </div>
+      </div>
+      {settingsOpen ? (
+        <SettingsModal
+          settings={settings ?? null}
+          onClose={() => setSettingsOpen(false)}
+        />
+      ) : null}
+      {searchOpen ? (
+        <SearchModal
+          threads={threads || []}
+          onClose={() => setSearchOpen(false)}
+          onSelect={(id) => {
+            setActiveThreadId(id);
+            setSearchOpen(false);
+          }}
+        />
+      ) : null}
+    </div>
+  );
+}