Merge pull request #76 from justyns/ai-tester

AI Connectivity Tester command and page
justyns · Jan 14, 2025 · 01e4781 · 01e4781
2 parents c392bd3 + 244778e
commit 01e4781
Show file tree

Hide file tree

Showing 23 changed files with 7,522 additions and 295 deletions.
diff --git a/.github/workflows/deno-build.yml b/.github/workflows/deno-build.yml
@@ -7,7 +7,7 @@ on:
     branches: ["main"]
 
 permissions:
-    contents: write
+  contents: write
 
 jobs:
   test:
@@ -25,19 +25,19 @@ jobs:
 
       - name: Verify formatting
         run: deno fmt --check
-      
+
       - name: Run Deno test
         run: deno task test
-      
+
       - name: Coverage
         run: deno coverage --lcov cov_profile/ > cov.lcov
 
-    #   - name: Run linter
-    #     run: deno lint
+      #   - name: Run linter
+      #     run: deno lint
 
       - name: Setup silverbullet
         run: deno install -f --name silverbullet  --unstable-kv --unstable-worker-options -A https://get.silverbullet.md
-    
+
       - name: Add Deno bin to PATH
         run: echo "$HOME/.deno/bin" >> $GITHUB_PATH
 
@@ -57,4 +57,4 @@ jobs:
           git config --global user.email '[email protected]'
           git add silverbullet-ai.plug.js || true
           git commit -m "Auto update silverbullet-ai.plug.js [skip ci]" || true
-          git push
+          git push
diff --git a/.github/workflows/gh-pages-docs.yml b/.github/workflows/gh-pages-docs.yml
@@ -76,4 +76,4 @@ jobs:
     steps:
       - name: Deploy to GitHub Pages
         id: deployment
-        uses: actions/deploy-pages@v4
+        uses: actions/deploy-pages@v4
diff --git a/README.md b/README.md
@@ -62,6 +62,7 @@ isn't too helpful for most cases.
 - **AI: Search**: Ask the user for a search query, and then navigate to the search results page.
 Search results are provided by calculating the cosine similarity between the
 query embedding and each indexed embedding.
+- **AI: Connectivity Test**: Command to navigate to the AI Connectivity Test page, which runs various tests against the currently selected models.
 
 <!-- end-commands-and-functions -->
 

diff --git a/docs/Changelog.md b/docs/Changelog.md
@@ -4,6 +4,8 @@ This page is a brief overview of each version.
 
 ## Unreleased
 - Better logging when SSE events have errors
+- Add support for retrieving list of models from openai and ollama providers
+- Add a Connectivity Test command and page to test whether an api is working
 
 ---
 ## 0.4.1 (2024-11-15)

diff --git a/docs/Commands/AI: Connectivity Test.md b/docs/Commands/AI: Connectivity Test.md
@@ -0,0 +1,8 @@
+---
+tags: commands
+commandName: "AI: Connectivity Test"
+commandSummary: "Command to navigate to the AI Connectivity Test page, which runs various tests against the currently selected models."
+---
+
+This command redirects the client to a page which runs various tests against the current configuration.  It's meant to
+locate issues with the currently selected models.
diff --git a/docs/style.css b/docs/style.css
@@ -1,185 +1,183 @@
 /* Thanks chatgpt for helping me with the color scheme and styling */
 
 :root {
-    --text-color-light: #4F4F4F;
-    --background-color-light: #fff;
-    --text-color-dark: #E6E6E6;
-    --background-color-dark: #282a36;
-    --accent-color-dark: #9AD1F5;
-    --accent-color-light: #62A8D1;
-    --font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
-    --sidebar-bg-dark: #44475a;
-    --sidebar-bg-light: #e2e2e2;
-    --border-color-light: #ccc;
-    --border-color-dark: #6272a4;
-    --sidebar-text-color-dark: #f8f8f2;
-    --sidebar-text-color-light: #333;
-    --sidebar-hover-color: #a0d9cc;
-    --sidebar-sublist-bg: #383a59;
-    --sidebar-hover-color-light: #034f3d;
-    --sidebar-sublist-bg-light: #D3D3D3;
+  --text-color-light: #4f4f4f;
+  --background-color-light: #fff;
+  --text-color-dark: #e6e6e6;
+  --background-color-dark: #282a36;
+  --accent-color-dark: #9ad1f5;
+  --accent-color-light: #62a8d1;
+  --font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+  --sidebar-bg-dark: #44475a;
+  --sidebar-bg-light: #e2e2e2;
+  --border-color-light: #ccc;
+  --border-color-dark: #6272a4;
+  --sidebar-text-color-dark: #f8f8f2;
+  --sidebar-text-color-light: #333;
+  --sidebar-hover-color: #a0d9cc;
+  --sidebar-sublist-bg: #383a59;
+  --sidebar-hover-color-light: #034f3d;
+  --sidebar-sublist-bg-light: #d3d3d3;
 }
 
-
 @media (prefers-color-scheme: dark) {
-    body {
-        color: var(--text-color-dark);
-        background-color: var(--background-color-dark);
-    }
-
-    a[href],
-    thead tr,
-    .sidebar a {
-        color: var(--accent-color-dark);
-    }
-
-    tbody tr:nth-of-type(even),
-    .sidebar {
-        background-color: var(--sidebar-bg-dark);
-    }
-
-    .sidebar ul li a {
-        color: var(--sidebar-text-color-dark);
-    }
-
-    .sidebar ul li a:hover {
-        color: var(--sidebar-hover-color);
-    }
-
-    .sidebar ul ul {
-        background-color: var(--sidebar-sublist-bg);
-        padding: 10px;
-        border-radius: 5px;
-    }
-
-    .sidebar ul li {
-        list-style-type: circle;
-        margin-left: 20px;
-    }
-
-    blockquote,
-    pre {
-        border-left: 3px solid var(--accent-color-dark);
-    }
+  body {
+    color: var(--text-color-dark);
+    background-color: var(--background-color-dark);
+  }
+
+  a[href],
+  thead tr,
+  .sidebar a {
+    color: var(--accent-color-dark);
+  }
+
+  tbody tr:nth-of-type(even),
+  .sidebar {
+    background-color: var(--sidebar-bg-dark);
+  }
+
+  .sidebar ul li a {
+    color: var(--sidebar-text-color-dark);
+  }
+
+  .sidebar ul li a:hover {
+    color: var(--sidebar-hover-color);
+  }
+
+  .sidebar ul ul {
+    background-color: var(--sidebar-sublist-bg);
+    padding: 10px;
+    border-radius: 5px;
+  }
+
+  .sidebar ul li {
+    list-style-type: circle;
+    margin-left: 20px;
+  }
+
+  blockquote,
+  pre {
+    border-left: 3px solid var(--accent-color-dark);
+  }
 }
 
 @media (prefers-color-scheme: light) {
-    body {
-        color: var(--text-color-light);
-        background-color: var(--background-color-light);
-    }
-
-    a[href],
-    thead tr,
-    .sidebar a {
-        color: var(--accent-color-light);
-    }
-
-    tbody tr:nth-of-type(even),
-    .sidebar {
-        background-color: var(--sidebar-bg-light);
-    }
-
-    .sidebar ul li a {
-        color: var(--sidebar-text-color-light);
-    }
-
-    .sidebar ul li a:hover {
-        color: var(--sidebar-hover-color-light);
-    }
-
-    .sidebar ul ul {
-        background-color: var(--sidebar-sublist-bg-light);
-        padding: 10px;
-        border-radius: 5px;
-    }
-
-    .sidebar ul li {
-        list-style-type: square;
-        margin-left: 20px;
-    }
-
-    blockquote,
-    pre {
-        border-left: 3px solid var(--border-color-light);
-    }
+  body {
+    color: var(--text-color-light);
+    background-color: var(--background-color-light);
+  }
+
+  a[href],
+  thead tr,
+  .sidebar a {
+    color: var(--accent-color-light);
+  }
+
+  tbody tr:nth-of-type(even),
+  .sidebar {
+    background-color: var(--sidebar-bg-light);
+  }
+
+  .sidebar ul li a {
+    color: var(--sidebar-text-color-light);
+  }
+
+  .sidebar ul li a:hover {
+    color: var(--sidebar-hover-color-light);
+  }
+
+  .sidebar ul ul {
+    background-color: var(--sidebar-sublist-bg-light);
+    padding: 10px;
+    border-radius: 5px;
+  }
+
+  .sidebar ul li {
+    list-style-type: square;
+    margin-left: 20px;
+  }
+
+  blockquote,
+  pre {
+    border-left: 3px solid var(--border-color-light);
+  }
 }
 
 body {
-    display: flex;
-    flex-direction: column;
-    font-family: var(--font-family);
-    font-size: 16px;
-    max-width: 100%;
-    margin: 0;
-    padding: 0;
-    transition: color 0.3s ease, background-color 0.3s ease;
+  display: flex;
+  flex-direction: column;
+  font-family: var(--font-family);
+  font-size: 16px;
+  max-width: 100%;
+  margin: 0;
+  padding: 0;
+  transition: color 0.3s ease, background-color 0.3s ease;
 }
 
 @media (min-width: 768px) {
-    body {
-        flex-direction: row;
-    }
+  body {
+    flex-direction: row;
+  }
 }
 
 .content {
-    flex-grow: 1;
-    max-width: 800px;
-    width: 100%;
-    margin: 0 auto;
-    padding: 20px;
-    box-sizing: border-box;
+  flex-grow: 1;
+  max-width: 800px;
+  width: 100%;
+  margin: 0 auto;
+  padding: 20px;
+  box-sizing: border-box;
 }
 
 .sidebar {
-    width: 100%;
-    padding: 20px;
-    height: 100vh;
-    overflow-y: auto;
-    box-sizing: border-box;
+  width: 100%;
+  padding: 20px;
+  height: 100vh;
+  overflow-y: auto;
+  box-sizing: border-box;
 }
 
 @media (min-width: 768px) {
-    .sidebar {
-        width: 250px;
-        height: auto;
-    }
+  .sidebar {
+    width: 250px;
+    height: auto;
+  }
 }
 
 table {
-    width: 100%;
-    border-collapse: collapse;
+  width: 100%;
+  border-collapse: collapse;
 }
 
 th,
 td {
-    padding: 8px;
-    border: 1px solid var(--border-color-light);
+  padding: 8px;
+  border: 1px solid var(--border-color-light);
 }
 
 @media (prefers-color-scheme: dark) {
-
-    th,
-    td {
-        border: 1px solid var(--border-color-dark);
-    }
+  th,
+  td {
+    border: 1px solid var(--border-color-dark);
+  }
 }
 
 ul li p,
 blockquote,
 pre {
-    margin: 0;
-    padding-left: 20px;
+  margin: 0;
+  padding-left: 20px;
 }
 
 a[href] {
-    text-decoration: underline;
-    transition: color 0.3s ease;
+  text-decoration: underline;
+  transition: color 0.3s ease;
 }
 
 img {
-    max-width: 100%;
-    height: auto;
-    display: block;
-    margin: 0 auto;
-}
+  max-width: 100%;
+  height: auto;
+  display: block;
+  margin: 0 auto;
+}