open-swarm 0.1.1743070217__py3-none-any.whl → 0.1.1743362777__py3-none-any.whl

swarm/static/rest_mode/js/validation.js

@@ -0,0 +1,57 @@
+// validation.js - Handles input validation
+
+import { showToast } from './toast.js'; // Import the toast notification function
+
+/**
+ * Validates a single message object.
+ * @param {object} message - The message object to validate.
+ * @returns {string|null} - Returns an error message string if invalid, otherwise null.
+ */
+function validateMessage(message) {
+    if (!message || typeof message !== 'object') {
+        showToast("Invalid message format.", "error");
+        return "Invalid message format.";
+    }
+
+    const { role, content } = message;
+
+    if (!role || typeof role !== 'string') {
+        showToast("Message role is missing or invalid.", "error");
+        return "Message role is missing or invalid.";
+    }
+
+    if (!content || typeof content !== 'string') {
+        showToast("Message content is missing or invalid.", "error");
+        return "Message content is missing or invalid.";
+    }
+
+    // Additional validations can be added here
+
+    return null;
+}
+
+/**
+ * Validates the entire chat history.
+ * @param {Array} chatHistory - The array of message objects.
+ * @returns {string|null} - Returns an error message string if invalid, otherwise null.
+ */
+function validateChatHistory(chatHistory) {
+    if (!Array.isArray(chatHistory)) {
+        showToast("Chat history is invalid.", "error");
+        return "Chat history is invalid.";
+    }
+
+    for (let message of chatHistory) {
+        const error = validateMessage(message);
+        if (error) {
+            return error;
+        }
+    }
+
+    return null;
+}
+
+export {
+    validateMessage,
+    validateChatHistory
+}

swarm/static/rest_mode/svg/animated_spinner.svg

@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
+  <!-- Refined Spinner Circle -->
+  <circle cx="24" cy="24" r="20" fill="none" stroke="currentColor" stroke-width="4" stroke-dasharray="150 50">
+    <animateTransform 
+      attributeName="transform" 
+      type="rotate"
+      dur="1s" 
+      from="0 24 24"
+      to="360 24 24" 
+      repeatCount="indefinite"/>
+  </circle>
+</svg>

swarm/static/rest_mode/svg/arrow_down.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <circle cx="12" cy="12" r="11" fill="none" stroke="currentColor" stroke-width="2"/>
+  <path d="M12 8v8" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+  <path d="M8 12l4 4 4-4" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

swarm/static/rest_mode/svg/arrow_left.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <circle cx="12" cy="12" r="11" fill="none" stroke="currentColor" stroke-width="2"/>
+  <path d="M16 12H8" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+  <path d="M12 8l-4 4 4 4" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

swarm/static/rest_mode/svg/arrow_right.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <circle cx="12" cy="12" r="11" fill="none" stroke="currentColor" stroke-width="2"/>
+  <path d="M8 12h8" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+  <path d="M12 8l4 4-4 4" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

swarm/static/rest_mode/svg/arrow_up.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <circle cx="12" cy="12" r="11" fill="none" stroke="currentColor" stroke-width="2"/>
+  <path d="M12 16V8" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+  <path d="M8 12l4-4 4 4" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

swarm/static/rest_mode/svg/attach.svg

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <circle cx="12" cy="12" r="11" fill="none" stroke="currentColor" stroke-width="2"/>
+  <path d="M12 7v7.5c0 1.5-1.5 2.5-2.5 2.5s-2.5-1-2.5-2.5V8c0-1 1-2 2-2s2 1 2 2v6" 
+        fill="none" 
+        stroke="currentColor" 
+        stroke-width="2" 
+        stroke-linecap="round"/>
+</svg>

swarm/static/rest_mode/svg/avatar.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <circle cx="12" cy="12" r="12" stroke="currentColor" stroke-width="1" fill="none"/>
+  <!-- Head -->
+  <circle cx="12" cy="8" r="4" fill="none" stroke="currentColor" stroke-width="2"/>
+  <!-- Shoulders -->
+  <path d="M6 20c0-4 4-7 6-7s6 3 6 7" fill="none" stroke="currentColor" stroke-width="2"/>
+</svg>

swarm/static/rest_mode/svg/canvas.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <rect x="3" y="3" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.5"/>
+  <path d="M15 7l-8 8M7 7l8 8" stroke="currentColor" stroke-width="1"/>
+  <path d="M18 6l-2-2 1-1 2 2z" fill="currentColor"/>
+  <path d="M7 17c0.5-0.5 2-2 2-2s0.5 1.5 0 2s-2 0-2 0z" fill="currentColor"/>
+</svg>

swarm/static/rest_mode/svg/chat_history.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <path d="M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2z" fill="none" stroke="currentColor" stroke-width="2"/>
+  <path d="M12 7v5l3 3" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+</svg>

swarm/static/rest_mode/svg/close.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="2" fill="none"/>
+  <line x1="8" y1="8" x2="16" y2="16" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+  <line x1="16" y1="8" x2="8" y2="16" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+</svg>

swarm/static/rest_mode/svg/copy.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <rect x="9" y="9" width="12" height="12" fill="none" stroke="currentColor" stroke-width="2"/>
+  <path d="M5 15H4V3h11v1" stroke="currentColor" stroke-width="2" fill="none"/>
+</svg>

swarm/static/rest_mode/svg/dark_mode.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <path d="M21 12.79A9 9 0 1111.21 3a7 7 0 009.79 9.79z" fill="none" stroke="currentColor" stroke-width="2"/>
+</svg>

swarm/static/rest_mode/svg/edit.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
+  <!-- A simpler pencil icon for a more recognizable 'edit' shape -->
+  <path d="M2 21l1.5-6.16a.5.5 0 0 1 .13-.26l12-12a2 2 0 0 1 2.83 0l2.83 2.83a2 2 0 0 1 0 2.83l-12 12a.5.5 0 0 1-.26.13L3 22H2v-1Z"/>
+  <path d="M12 7l5 5"/>
+</svg>

swarm/static/rest_mode/svg/layout.svg

@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <!-- Grid Layout -->
+  <rect x="3" y="3" width="6" height="6" fill="none" stroke="currentColor" stroke-width="2"/>
+  <rect x="15" y="3" width="6" height="6" fill="none" stroke="currentColor" stroke-width="2"/>
+  <rect x="3" y="15" width="6" height="6" fill="none" stroke="currentColor" stroke-width="2"/>
+  <rect x="15" y="15" width="6" height="6" fill="none" stroke="currentColor" stroke-width="2"/>
+  <line x1="3" y1="12" x2="21" y2="12" stroke="currentColor" stroke-width="2"/>
+  <line x1="12" y1="3" x2="12" y2="21" stroke="currentColor" stroke-width="2"/>
+</svg>

swarm/static/rest_mode/svg/logo.svg

@@ -0,0 +1,29 @@
+<svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 100 100"
+    class="logo"
+    role="img"
+    aria-label="Open-Swarm Logo"
+>
+    <!-- Circle with dynamic fill -->
+    <circle
+        cx="50"
+        cy="50"
+        r="48"
+        fill="var(--bg-color, black)"
+        stroke="var(--text-color, white)"
+        stroke-width="4"
+    />
+    <!-- Text "OS" -->
+    <text
+        x="50%"
+        y="55%"
+        text-anchor="middle"
+        font-family="Arial, sans-serif"
+        font-size="36"
+        fill="var(--text-color, white)"
+        dy=".3em"
+    >
+        OS
+    </text>
+</svg>

swarm/static/rest_mode/svg/logout.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <path d="M14 8v-2a2 2 0 0 0-2-2h-7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h7a2 2 0 0 0 2-2v-2" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+  <path d="M9 12h12l-3-3" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+  <path d="M18 15l3-3" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+</svg>

swarm/static/rest_mode/svg/mobile.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
+  <!-- A simple mobile phone icon -->
+  <rect x="6" y="2" width="12" height="20" rx="2" ry="2" />
+  <path d="M11 19h2" />
+</svg>

swarm/static/rest_mode/svg/new_chat.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <path d="M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2z" fill="none" stroke="currentColor" stroke-width="2"/>
+  <path d="M12 8v6M9 11h6" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+</svg>

swarm/static/rest_mode/svg/not_visible.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
+  <path d="M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7 7 0 0 0-2.79.588l.77.771A6 6 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13 13 0 0 1 14.828 8q-.086.13-.195.288c-.335.48-.83 1.12-1.465 1.755q-.247.248-.517.486z"/>
+  <path d="M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829zm-2.943 1.299.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829"/>
+  <path d="M3.35 5.47q-.27.24-.518.487A13 13 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7 7 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884-12-12 .708-.708 12 12z"/>
+</svg>

swarm/static/rest_mode/svg/plus.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <!-- Outer Circle -->
+  <circle cx="12" cy="12" r="10" fill="none" stroke="currentColor" stroke-width="2"/>
+  <!-- Plus Sign -->
+  <line x1="12" y1="8" x2="12" y2="16" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+  <line x1="8" y1="12" x2="16" y2="12" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+</svg>

swarm/static/rest_mode/svg/run_code.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">
+      <!-- Outer Circle -->
+      <circle cx="12" cy="12" r="11" fill="none" stroke="currentColor" stroke-width="2"/>
+      <!-- Play Arrow -->
+      <polygon points="10,8 18,12 10,16" fill="currentColor"/>
+    </svg>

swarm/static/rest_mode/svg/save.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <path d="M3 3v18h18V3H3zm14 2h2v6h-7V5h5zm-7 14H5v-7h12v7h-7z" fill="currentColor"/>
+  <rect x="15" y="5" width="2" height="2" fill="currentColor"/>
+</svg>

swarm/static/rest_mode/svg/search.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 16 16">
+      <!-- Outer Circle -->
+      <circle cx="7" cy="7" r="5" fill="none" stroke="currentColor" stroke-width="2"/>
+      <!-- Handle -->
+      <line x1="11" y1="11" x2="15" y2="15" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+    </svg>

swarm/static/rest_mode/svg/settings.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <path d="M19.14,12.94a7.09,7.09,0,0,0,.06-1,7.09,7.09,0,0,0-.06-1l2.11-1.65a.5.5,0,0,0,.12-.65l-2-3.46a.5.5,0,0,0-.61-.22l-2.49,1a7,7,0,0,0-1.6-.94l-.38-2.65A.5.5,0,0,0,14.65,3H9.35a.5.5,0,0,0-.49.42L8.48,6.07a7,7,0,0,0-1.6.94l-2.49-1a.5.5,0,0,0-.61.22l-2,3.46a.5.5,0,0,0,.12.65l2.11,1.65a7.09,7.09,0,0,0-.06,1,7.09,7.09,0,0,0,.06,1L2.52,14.59a.5.5,0,0,0-.12.65l2,3.46a.5.5,0,0,0,.61.22l2.49-1a7,7,0,0,0,1.6.94l.38,2.65a.5.5,0,0,0,.49.42h5.3a.5.5,0,0,0,.49-.42l.38-2.65a7,7,0,0,0,1.6-.94l2.49,1a.5.5,0,0,0,.61-.22l2-3.46a.5.5,0,0,0-.12-.65Z" fill="none" stroke="currentColor" stroke-width="2"/>
+  <circle cx="12" cy="12" r="3" fill="currentColor"/>
+</svg>

swarm/static/rest_mode/svg/speaker.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <path d="M12 5L8 9H4v6h4l4 4V5z" fill="none" stroke="currentColor" stroke-width="2"/>
+  <path d="M15.5 8a5 5 0 0 1 0 8" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+  <path d="M18 5a8 8 0 0 1 0 14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+</svg>

swarm/static/rest_mode/svg/stop.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">
+      <!-- Outer Circle -->
+      <circle cx="12" cy="12" r="11" fill="none" stroke="currentColor" stroke-width="2"/>
+      <!-- Stop Square -->
+      <rect x="8" y="8" width="8" height="8" fill="currentColor" stroke="currentColor" stroke-width="2"/>
+    </svg>

swarm/static/rest_mode/svg/thumbs_down.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
+  <path d="M8.864 15.674c-.956.24-1.843-.484-1.908-1.42-.072-1.05-.23-2.015-.428-2.59-.125-.36-.479-1.012-1.04-1.638-.557-.624-1.282-1.179-2.131-1.41C2.685 8.432 2 7.85 2 7V3c0-.845.682-1.464 1.448-1.546 1.07-.113 1.564-.415 2.068-.723l.048-.029c.272-.166.578-.349.97-.484C6.931.08 7.395 0 8 0h3.5c.937 0 1.599.478 1.934 1.064.164.287.254.607.254.913 0 .152-.023.312-.077.464.201.262.38.577.488.9.11.33.172.762.004 1.15.069.13.12.268.159.403.077.27.113.567.113.856 0 .289-.036.586-.113.856-.035.12-.08.244-.138.363.394.571.418 1.2.234 1.733-.206.592-.682 1.1-1.2 1.272-.847.283-1.803.276-2.516.211a9.877 9.877 0 0 1-.443-.05 9.364 9.364 0 0 1-.062 4.51c-.138.508-.55.848-1.012.964zM11.5 1.6H8c-.51 0-.863.068-1.14.163-.281.097-.506.229-.776.393l-.04.025c-.555.338-1.198.73-2.49.868-.333.035-.554.29-.554.55v4.002c0 .255.226.543.62.65 1.095.3 1.977.997 2.614 1.709.635.71 1.064 1.475 1.238 1.977.243.7.407 1.768.482 2.85.025.362.36.595.667.518l.262-.065c.16-.04.258-.144.288-.255a8.34 8.34 0 0 0-.145-4.726.5.5 0 0 1 .595-.643h.003l.014.004.058.013a8.912 8.912 0 0 0 1.036.157c.663.06 1.457.054 2.11-.163.175-.059.45-.301.57-.651.107-.308.087-.67-.266-1.021l-.353-.354.353-.354c.043-.042.105-.14.154-.315.048-.167.075-.37.075-.581 0-.211-.027-.414-.075-.581-.05-.174-.111-.273-.154-.315L12.793 4l.353-.354c.047-.047.109-.176.005-.488a2.224 2.224 0 0 0-.505-.804l-.353-.354.353-.354c.006-.005.041-.05.041-.17a.866.866 0 0 0-.121-.415C12.4 1.272 12.063 1 11.5 1z"/>
+</svg>

swarm/static/rest_mode/svg/thumbs_up.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
+  <path d="M8.864.046C7.908-.193 7.02.53 6.956 1.466c-.072 1.051-.23 2.016-.428 2.59-.125.36-.479 1.013-1.04 1.639-.557.623-1.282 1.178-2.131 1.41C2.685 7.288 2 7.87 2 8.72v4.001c0 .845.682 1.464 1.448 1.545 1.07.114 1.564.415 2.068.723l.048.03c.272.165.578.348.97.484.397.136.861.217 1.466.217h3.5c.937 0 1.599-.477 1.934-1.064a1.86 1.86 0 0 0 .254-.912c0-.152-.023-.312-.077-.464.201-.263.38-.578.488-.901.11-.33.172-.762.004-1.149.069-.13.12-.269.159-.403.077-.27.113-.568.113-.857 0-.288-.036-.585-.113-.856a2 2 0 0 0-.138-.362 1.9 1.9 0 0 0 .234-1.734c-.206-.592-.682-1.1-1.2-1.272-.847-.282-1.803-.276-2.516-.211a10 10 0 0 0-.443.05 9.4 9.4 0 0 0-.062-4.509A1.38 1.38 0 0 0 9.125.111z"/>
+</svg>

swarm/static/rest_mode/svg/toggle_off.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="24" viewBox="0 0 40 24">
+      <!-- Toggle Track -->
+      <rect x="2" y="2" width="36" height="20" rx="10" fill="none" stroke="currentColor" stroke-width="2"/>
+      <!-- Toggle Knob (Off Position) -->
+      <circle cx="12" cy="12" r="8" fill="currentColor" stroke="none"/>
+    </svg>

swarm/static/rest_mode/svg/toggle_on.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="24" viewBox="0 0 40 24">
+            <!-- Toggle Track -->
+            <rect x="2" y="2" width="36" height="20" rx="10" fill="none" stroke="currentColor" stroke-width="2"/>
+            <!-- Toggle Knob (On Position) -->
+            <circle cx="28" cy="12" r="8" fill="currentColor" stroke="none"/>
+        </svg>

swarm/static/rest_mode/svg/trash.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">
+      <!-- Trash Can Outline -->
+      <path d="M6 7v13a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V7" fill="none" stroke="currentColor" stroke-width="2"/>
+      <!-- Trash Can Lid -->
+      <path d="M4 7h16" stroke="currentColor" stroke-width="2"/>
+      <!-- Trash Can Handle -->
+      <path d="M10 5V3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2" fill="none" stroke="currentColor" stroke-width="2"/>
+      <!-- Trash Can Bins -->
+      <path d="M10 11v6M14 11v6" stroke="currentColor" stroke-width="2"/>
+    </svg>

swarm/static/rest_mode/svg/undo.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <path d="M12 5C7.582 5 4 8.582 4 13c0 4.418 3.582 8 8 8 4.418 0 8-3.582 8-8h-2c0 3.314-2.686 6-6 6-3.314 0-6-2.686-6-6 0-3.314 2.686-6 6-6 1.657 0 3.157.672 4.243 1.757L13 12h7V5l-2.929 2.929C15.584 6.442 13.872 5 12 5z" fill="currentColor"/>
+</svg>

swarm/static/rest_mode/svg/visible.svg

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 16 16">
+  <!-- Refined Outer Eye Shape -->
+  <path d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8z" fill="none" stroke="currentColor" stroke-width="2"/>
+  <!-- Enhanced Iris -->
+  <circle cx="8" cy="8" r="3" fill="currentColor" stroke="none"/>
+  <!-- Sharper Pupil -->
+  <circle cx="8" cy="8" r="1.5" fill="currentColor" stroke="none"/>
+</svg>

swarm/static/rest_mode/svg/voice.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <!-- Outer Circle -->
+  <circle cx="12" cy="12" r="11" fill="none" stroke="currentColor" stroke-width="2"/>
+  <!-- Sound Waves -->
+  <line x1="6" y1="12" x2="6" y2="10" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+  <line x1="9" y1="14" x2="9" y2="8" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+  <line x1="12" y1="18" x2="12" y2="6" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+  <line x1="15" y1="16" x2="15" y2="10" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+  <line x1="18" y1="14" x2="18" y2="12" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+</svg>

swarm/templates/account/login.html

@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Login</title>
+</head>
+<body>
+    <h1>Login</h1>
+    {% if error %}
+        <p style="color: red;">{{ error }}</p>
+    {% endif %}
+    <form method="post" action="{% url 'custom_login' %}?next={{ request.GET.next }}">
+        {% csrf_token %}
+        <label for="username">Username:</label>
+        <input type="text" id="username" name="username" required><br>
+        <label for="password">Password:</label>
+        <input type="password" id="password" name="password" required><br>
+        <button type="submit">Login</button>
+    </form>
+    <p>Hint: Use "testuser" with password "testpass" for testing.</p>
+</body>
+</html>

swarm/templates/account/signup.html

@@ -0,0 +1,32 @@
+{% extends "base.html" %}
+{% load static %}
+
+{% block head %}
+<link rel="stylesheet" type="text/css" href="{% static 'css/custom.css' %}">
+{% endblock %}
+
+{% block content %}
+<div class="container mt-5">
+    <div class="row justify-content-center">
+        <div class="col-md-6">
+            <div class="card login-card">
+                <div class="login-header text-center">
+                    <h3>Sign Up - django_chat (open-swarm edition)</h3>
+                </div>
+                <div class="login-body">
+                    <form method="post">
+                        {% csrf_token %}
+                        {{ form.as_p }}
+                        <div class="text-center">
+                            <button type="submit" class="btn btn-primary btn-block">Sign Up</button>
+                        </div>
+                    </form>
+                </div>
+                <div class="login-footer">
+                    <p>Already have an account? <a href="{% url 'account_login' %}">Log in here</a>.</p>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+{% endblock %}

swarm/templates/base.html

@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    {% load static %}
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Open-Swarm</title>
+    <link href="{% static 'css/rest_mode_style.css' %}" rel="stylesheet">
+    <link href="{% static 'css/dropdown.css' %}" rel="stylesheet">
+    <script src="{% static 'js/htmx.min.js' %}"></script>
+</head>
+<body>
+    <header>
+        <nav class="navbar">
+            <a href="https://github.com/matthewhand/open-swarm" target="_blank">Open-Swarm</a>
+        </nav>
+    </header>
+    <main>
+        <div class="dropdown" hx-get="/v1/models" hx-trigger="click" hx-target="#blueprintDropdown" hx-swap="innerHTML">
+            <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton">
+                Select a Blueprint
+            </button>
+            <div class="dropdown-menu" id="blueprintDropdown">
+                <p class="dropdown-item disabled"></p>
+            </div>
+        </div>
+        {% block content %}{% endblock %}
+    </main>
+</body>
+</html>

swarm/templates/chat.html

@@ -0,0 +1,43 @@
+{% extends 'base.html' %}
+
+{% block content %}
+<div class="text-center mb-4">
+    <h1 class="display-4">Chatbot</h1>
+</div>
+<div id="chatbot" hx-ext="ws" ws-connect="/ws/ai-demo/{{ conversation.id }}/" class="card">
+    <div class="card-body">
+        <div class="conversation" id="message-list">
+            {% if conversation.conversation %}
+                {% for message in conversation.conversation %}
+                    <div class="{{ message.role }}-message chatbot-text-system mb-2">
+                        {{ message.content }}
+                    </div>
+                {% endfor %}
+            {% else %}
+                <div class="assistant-message chatbot-text-system mb-2">
+                    Start a new conversation by sending a message.
+                </div>
+            {% endif %}
+        </div>
+    </div>
+    <div class="card-footer">
+        <form id="input-form" ws-send class="d-flex">
+            <input id="input-field" name="message" type="text" placeholder="Type your message here" class="form-control me-2">
+            <button id="submit-button" type="submit" class="btn btn-primary">
+                Send
+            </button>
+        </form>
+    </div>
+</div>
+<script>
+  // clear message input after sending our new message
+  document.body.addEventListener('htmx:wsAfterSend', function(evt) {
+    document.getElementById("input-field").value = "";
+  });
+  // scroll to bottom of chat after every incoming message
+  document.body.addEventListener('htmx:wsAfterMessage', function(evt) {
+    const chatUI = document.getElementById('message-list');
+    chatUI.scrollTop = chatUI.scrollHeight;
+  });
+</script>
+{% endblock %}

swarm/templates/index.html

@@ -0,0 +1,35 @@
+{% extends 'base.html' %}
+
+{% block content %}
+<div class="container mt-3">
+    <h2 class="mb-4">Conversation history:</h2>
+    {% if conversations %}
+        <div class="list-group">
+            {% for conversation in conversations %}
+                <a href="/chat/{{ conversation.id }}/" class="list-group-item list-group-item-action d-flex justify-content-between align-items-center">
+                    Conversation on {{ conversation.created_at|date:"M d, Y H:i" }}
+                    <span class="badge bg-primary rounded-pill">{{ conversation.messages.count }}</span>
+                </a>
+            {% endfor %}
+        </div>
+    {% else %}
+        <div class="alert alert-info" role="alert">
+            No conversations yet.
+        </div>
+    {% endif %}
+    <div class="mt-4">
+        {% if blueprints %}
+            {% with first_blueprint=blueprints|first %}
+                <form method="post" action="{% url first_blueprint|add:':create_chat' %}">
+                    {% csrf_token %}
+                    <button type="submit" class="btn btn-primary">Start New Conversation</button>
+                </form>
+            {% endwith %}
+        {% else %}
+            <div class="alert alert-warning" role="alert">
+                No blueprints available to start a conversation.
+            </div>
+        {% endif %}
+    </div>
+</div>
+{% endblock %}

swarm/templates/rest_mode/components/chat_sidebar.html

@@ -0,0 +1,55 @@
+{% load static %}
+<div class="side-panes chat-history-pane" id="chatHistoryPane">
+
+    <!-- Chat History Header -->
+    <div class="chat-history-header">
+        <div>
+            <!-- Toggle Chat History Button -->
+            <button class="input-button chat-history-button" id="chatHistoryToggleButton" aria-label="Toggle Chat History">
+                <img src="{% static 'contrib/tabler-icons/layout-sidebar-left-collapse.svg' %}" alt="Collapse Chat History Pane">
+            </button>
+
+            <button class="input-button upload-button" id="settingsToggleButton" aria-label="Toggle Settings">
+                <img src="{% static 'contrib/tabler-icons/settings.svg' %}" alt="Settings">
+            </button>
+
+            <!-- Search Button -->
+            <button class="input-button search-button" title="Search" aria-label="Search Chats">
+                <img src="{% static 'contrib/tabler-icons/search.svg' %}" alt="Search">
+            </button>
+
+            <!-- New Chat Button -->
+            <button class="input-button new-chat-button" title="New Chat" aria-label="Start New Chat" onclick="window.location.href='{% url 'create_chat' %}'">
+                <img src="{% static 'contrib/tabler-icons/message-chatbot.svg' %}" alt="New Chat">
+                 New Chat
+            </button>
+        </div>
+    </div>
+
+    <!-- Chat History Items -->
+    <ul class="chat-history-list">
+        {% for conversation in conversations %}
+            <li class="chat-history-item">
+                <details>
+                    <summary>Chat #{{ conversation.conversation_id|slice:":8" }}</summary>
+                    <p>{{ conversation.messages.first.content|default:"No messages yet" }}</p>
+                    <span class="chat-item-time">{{ conversation.created_at|date:"F j, Y, g:i A" }}</span>
+                    <div class="chat-item-tools">
+                        <!-- Tag Buttons and Delete Button -->
+                        <div class="chat-item-tags">
+                            <button class="tag-button" aria-label="Filter by Chat">Chat</button>
+                            <button class="tag-button add-tag-btn" aria-label="Add Tag">+</button>
+                            <!-- Delete Button -->
+                            <button class="toolbar-btn delete-chat-btn" title="Delete Chat" aria-label="Delete Chat" onclick="if(confirm('Delete this chat?')){window.location.href='{% url 'delete_chat' conversation.conversation_id %}'};">
+                                <img src="{% static 'rest_mode/svg/trash.svg' %}" alt="Delete Chat">
+                            </button>
+                        </div>
+                    </div>
+                </details>
+            </li>
+        {% empty %}
+            <li class="chat-history-item">No previous chats</li>
+        {% endfor %}
+    </ul>
+
+</div>