feat: add Knowrithm widget via global JavaScript file

Author: Stevenwaheed

ai-tools/claude-code.mdx

@@ -4,10 +4,6 @@ description: "Configure Claude Code for your documentation workflow"
 icon: "asterisk"
 ---
 
-import Widget from '../snippets/widget.mdx'
-
-<Widget />
-
 Claude Code is Anthropic's official CLI tool. This guide will help you set up Claude Code to help you write and maintain your documentation.
 
 ## Prerequisites

ai-tools/cursor.mdx

@@ -4,10 +4,6 @@ description: "Configure Cursor for your documentation workflow"
 icon: "arrow-pointer"
 ---
 
-import Widget from '../snippets/widget.mdx'
-
-<Widget />
-
 Use Cursor to help write and maintain your documentation. This guide shows how to configure Cursor for better results on technical writing tasks and using Mintlify components.
 
 ## Prerequisites

api-reference/agents.mdx

@@ -3,10 +3,6 @@ title: "Agents"
 description: "Create, manage, and observe Knowrithm agents."
 ---
 
-import Widget from '../snippets/widget.mdx'
-
-<Widget />
-
 ## Agent lifecycle
 
 <Columns cols={2}>

index.mdx

@@ -3,10 +3,6 @@ title: "Welcome to Knowrithm"
 description: "Build, train, and operate multi-agent AI assistants backed by enterprise-grade infrastructure."
 ---
 
-import Widget from './snippets/widget.mdx'
-
-<Widget />
-
 <Hero
   title="Knowrithm Platform Documentation"
   subtitle="Everything you need to create production-ready AI agents, manage knowledge sources, and integrate with the Knowrithm API."

knowrithm-widget.js

@@ -0,0 +1,62 @@
+(function () {
+    // Only run in browser
+    if (typeof window === 'undefined') return;
+
+    // Prevent duplicate loads
+    if (window.__knowrithmWidgetLoaded) return;
+    window.__knowrithmWidgetLoaded = true;
+
+    // Configure the widget
+    window.AIChatWidget = {
+        agentId: "2b041b45-a585-47e9-abaf-ebaad766bce9",
+        apiUrl: "https://app.knowrithm.org/api/v1",
+        color: "#0972A3",
+        position: "right",
+        appearance: {
+            theme: "light",
+            primaryColor: "#0972A3",
+            placement: "bottom-right",
+            buttonText: "Chat with us",
+            showBranding: true
+        },
+        behavior: {
+            autoOpen: false,
+            initialDelay: 0,
+            persistSession: true,
+            pollingInterval: 10000,
+            enableSounds: false
+        },
+        callbacks: {
+            onLoad: null,
+            onError: null,
+            onMessage: null,
+            onClose: null
+        },
+        assets: {
+            scriptUrl: "https://app.knowrithm.org/api/widget.js",
+            styleUrl: "https://minio.knowrithm.org/browser/knowrithm-bucket/chat-widget.css"
+        }
+    };
+
+    // Load the widget script
+    var script = document.createElement('script');
+    script.src = 'https://app.knowrithm.org/api/widget.js';
+    script.type = 'text/javascript';
+    script.async = true;
+    script.onload = function () {
+        console.log('Knowrithm widget loaded successfully');
+    };
+    script.onerror = function (error) {
+        console.error('Failed to load Knowrithm widget:', error);
+    };
+    document.head.appendChild(script);
+
+    // Load the widget CSS
+    var link = document.createElement('link');
+    link.rel = 'stylesheet';
+    link.href = 'https://minio.knowrithm.org/browser/knowrithm-bucket/chat-widget.css';
+    link.onload = function () {
+        console.log('Knowrithm widget CSS loaded');
+    };
+    document.head.appendChild(link);
+})();

quickstart.mdx

@@ -3,10 +3,6 @@ title: "Quickstart"
 description: "Provision Knowrithm locally in minutes and connect your first agent."
 ---
 
-import Widget from './snippets/widget.mdx'
-
-<Widget />
-
 ## Prerequisites
 
 - **Python** 3.11+