bunnyquery 1.2.0 → 1.2.2

package/README.md

@@ -1,6 +1,6 @@
 # BunnyQuery
 
-An embeddable, dependency-free AI chat widget for [Skapi](https://skapi.com)-powered
+An embeddable, dependency-free AI chat widget for [Skapi](https://www.skapi.com)-powered
 projects. Drop it into any web page and your users get a full chat experience —
 account login/signup, conversation history, file & folder uploads, and a settings
 panel — all talking to your project's **BunnyQuery** AI agent.
@@ -26,7 +26,7 @@ stylesheet. No build step, no framework, no npm install.
 
 ## Requirements
 
-- A Skapi service (you need its **service ID**).
+- A BunnyQuery project (you need its **project ID**).
 - The [`skapi-js`](https://www.npmjs.com/package/skapi-js) SDK loaded on the page.
 - A mount element with an explicit height (the widget fills its container).
 
@@ -53,7 +53,7 @@ call `BunnyQuery.init()`:
 
   <script>
     // 1. Create your Skapi instance
-    const skapi = new Skapi("<your-service-id>", { autoLogin: true });
+    const skapi = new Skapi("<your-project-id>", { autoLogin: true });
 
     // 2. Mount BunnyQuery into the container
     BunnyQuery.init(skapi, "chatbox", {
@@ -131,7 +131,7 @@ To customize colors, override the variables in your own stylesheet **after**
 
 ```css
 .bq-agent {
-  --bq-pink: #ff4fa3;
+  --bq-main: #ff4fa3;
   --bq-ink: #111;
 }
 ```
@@ -141,7 +141,8 @@ The active theme is saved to `localStorage`, so a returning user keeps their cho
 ## OAuth & redirects
 
 BunnyQuery connects to your AI agent through an MCP OAuth server
-(`mcp.broadwayinc.computer`). After authorization, the OAuth server redirects back to **the current
+(`mcp.broadwayinc.computer` in production, `mcp-dev.broadwayinc.computer` when
+`dev: true`). After authorization, the OAuth server redirects back to **the current
 host page** — BunnyQuery reads the `?code=…&state=…` parameters, completes the
 exchange, and cleans them from the URL automatically. No dedicated callback page is
 needed; just make sure the page that hosts the widget is a stable, reachable URL.

package/bunnyquery.css

@@ -17,11 +17,11 @@
     --bq-muted: #666;
     --bq-line: #c8c8c8;
     --bq-hover-bg: #ebebeb;
-    --bq-pink: #c2185b;
-    --bq-light-pink: #f06292;
+    --bq-main: #c2185b;
+    --bq-light-main: #f06292;
     --bq-danger: #c44;
     --bq-danger-bg: #fff5f5;
-    --bq-pink-bg: #fff8fa;
+    --bq-main-bg: #fff8fa;
     --bq-success: #2a7d29;
     --bq-success-bg: #eef9f0;
     --bq-success-border: #b8dcbc;
@@ -45,11 +45,11 @@
     --bq-muted: #a0a0a0;
     --bq-line: #3d3d3d;
     --bq-hover-bg: #252525;
-    --bq-pink: #f06292;
-    --bq-light-pink: #f48fb1;
+    --bq-main: #f06292;
+    --bq-light-main: #f48fb1;
     --bq-danger: #ef5350;
     --bq-danger-bg: #2d1616;
-    --bq-pink-bg: #2b1520;
+    --bq-main-bg: #2b1520;
     --bq-success: #6abf66;
     --bq-success-bg: #192e1e;
     --bq-success-border: #4caf50;
@@ -245,7 +245,7 @@
 }
 
 .bq-link {
-    color: var(--bq-pink);
+    color: var(--bq-main);
     cursor: pointer;
     font-size: 0.8rem;
     background: none;
@@ -406,7 +406,7 @@
 .bq-verify-badge.is-verified { color: var(--bq-success); border-color: var(--bq-success-border); background: var(--bq-success-bg); }
 .bq-verify-badge.is-unverified { color: var(--bq-warning); border-color: var(--bq-warning-border); background: var(--bq-warning-bg); }
 .bq-account-logout {
-    margin-top: 1.5rem;
+    margin-top: 2rem;
     text-align: right;
 }
 .bq-account-danger {
@@ -442,7 +442,6 @@
     flex-direction: column;
     flex: 1;
     min-height: 0;
-    /* padding: 1rem 1.25rem 1.25rem; */
 }
 
 .bq-section-title {
@@ -451,7 +450,6 @@
     gap: 0.5rem;
     font-size: 1.1rem;
     font-weight: 700;
-    /* padding-bottom: 0.75rem; */
     padding: 1rem 1.25rem 0.75rem;
     flex-shrink: 0;
 }
@@ -511,8 +509,8 @@
     transition: color 0.15s;
     border-radius: 0;
 }
-.bq-icon-btn:hover { color: var(--bq-pink); }
-.bq-icon-btn.is-active { color: var(--bq-pink); }
+.bq-icon-btn:hover { color: var(--bq-main); }
+.bq-icon-btn.is-active { color: var(--bq-main); }
 .bq-icon-btn--danger:hover { color: var(--bq-danger); }
 .bq-icon-btn:disabled { opacity: 0.3; pointer-events: none; }
 .bq-icon-btn svg { width: 1.25rem; height: 1.25rem; display: block; }
@@ -596,7 +594,7 @@
     align-items: center;
     justify-content: center;
     background: var(--bq-paper);
-    border: 2px dashed var(--bq-pink);
+    border: 2px dashed var(--bq-main);
     pointer-events: none;
     opacity: 0.92;
 }
@@ -605,7 +603,7 @@
     flex-direction: column;
     align-items: center;
     gap: 0.5rem;
-    color: var(--bq-pink);
+    color: var(--bq-main);
     font-size: 0.9rem;
     font-weight: 600;
 }
@@ -693,7 +691,7 @@
 /* in-bubble file/link anchors */
 .bq-file-download,
 .bq-link-button {
-    color: var(--bq-pink);
+    color: var(--bq-main);
     text-decoration: none;
     cursor: pointer;
     background: transparent;
@@ -736,7 +734,7 @@
     background: rgba(127, 127, 127, 0.08);
 }
 .bq-md hr { border: none; border-top: 1px solid var(--bq-line); margin: 0.8em 0; }
-.bq-md a { color: var(--bq-pink); text-decoration: underline; }
+.bq-md a { color: var(--bq-main); text-decoration: underline; }
 .bq-md a:hover { text-decoration: none; }
 .bq-md code {
     font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
@@ -807,7 +805,7 @@
     cursor: pointer;
     z-index: 1;
 }
-.bq-attach-btn:hover:not(:disabled) { color: var(--bq-pink); }
+.bq-attach-btn:hover:not(:disabled) { color: var(--bq-main); }
 .bq-attach-btn:disabled { opacity: 0.5; cursor: not-allowed; }
 .bq-attach-input { display: none; }
 .bq-input {

package/bunnyquery.js

@@ -7,9 +7,10 @@
  * Usage:
  *   <link rel="stylesheet" href="bunnyquery.css">
  *   <script src="https://cdn.jsdelivr.net/npm/skapi-js@latest/dist/skapi.js"></script>
- *   <script src="bunnyquery.js"></script>
+ *   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bunnyquery@latest/bunnyquery.css"/>
+ *   <script src="https://cdn.jsdelivr.net/npm/bunnyquery@latest/bunnyquery.js"></script>
  *   <script>
- *     const skapi = new Skapi("<service_id>", { autoLogin: true }, { hostDomain, target_cdn });
+ *     const skapi = new Skapi("<project_id>", { autoLogin: true });
  *     BunnyQuery.init(skapi, "chatbox", { theme: "light", signup: true });
  *   </script>
  *
@@ -212,7 +213,7 @@
         service: null,     // resolved service info ({ ai_agent, name, ... })
         serviceId: null,
         owner: null,
-        theme: "light",
+        theme: null,
         // agent config (read-only, admin-provided)
         aiPlatform: "none", // "claude" | "openai" | "none"
         aiModel: "",
@@ -1133,7 +1134,7 @@
         } catch (e) { return Promise.resolve(false); }
     }
     // Settings opens IN PLACE inside the chat's messages area (the header stays;
-    // the composer is swapped for a "Close" bar; the gear turns pink). Toggling
+    // the composer is swapped for a "Close" bar; the gear takes the main color). Toggling
     // the gear again — or the close bar — returns to the chat.
     function toggleChatSettings() {
         if (CS.chatSettingsOpen) closeChatSettings(); else openChatSettings();

package/package.json

@@ -1,15 +1,12 @@
 {
   "name": "bunnyquery",
-  "version": "1.2.0",
+  "version": "1.2.2",
   "description": "Embeddable BunnyQuery AI chat widget",
   "main": "bunnyquery.js",
   "files": [
     "bunnyquery.js",
     "bunnyquery.css"
   ],
-  "scripts": {
-    "dev": "npx bns port=3333"
-  },
   "keywords": [
     "skapi",
     "chat",
@@ -17,9 +14,21 @@
     "embeddable",
     "widget"
   ],
-  "author": "Baksa Gimm",
-  "license": "ISC",
-  "devDependencies": {
+  "scripts": {
+    "dev": "npx bns port=3333"
+  },
+  "dependencies": {
     "basic-node-server": "^1.1.1"
-  }
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/broadwayinc/bunnyquery.git"
+  },
+  "author": "Baksa Gimm",
+  "copyright.owner": "broadway Inc.",
+  "license": "Apache-2.0",
+  "bugs": {
+    "url": "https://github.com/broadwayinc/bunnyquery/issues"
+  },
+  "homepage": "https://www.bunnyquery.com"
 }