kooby 1.0.0 → 1.0.2

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.
package/dist/cjs/index.js CHANGED
@@ -346,7 +346,7 @@ function styleInject(css, ref) {
346
346
  }
347
347
  }
348
348
 
349
- var css_248z = ".kooby {\n width: 100%;\n max-width: 1000px;\n height: 100%;\n max-height: 90vh;\n padding: 30px;\n padding-top: 50px;\n border: 1px solid var(--kooby-border, rgba(0, 0, 0, 0.15));\n border-radius: 10px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n position: relative;\n color: #000;\n}\n\n.site--app[data-theme=\"dark\"] .kooby,\n[data-color-scheme=\"dark\"] .kooby {\n border: none;\n box-shadow: 0 0 2px rgba(255, 255, 255, 0.12);\n background-color: var(--kooby-panel-bg, rgba(30, 30, 30, 0.95));\n color: #fff;\n}\n\n.kooby-focus {\n width: 100%;\n max-width: 100%;\n}\n\n.kooby-toolbar {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n gap: 4px;\n position: absolute;\n top: 0;\n right: 0;\n padding: 5px;\n box-sizing: border-box;\n}\n\n.kooby-conversation {\n display: flex;\n flex-direction: column;\n gap: 30px;\n flex: 2;\n overflow: scroll;\n\n scrollbar-width: none;\n}\n\n.kooby-conversation::-webkit-scrollbar {\n display: none;\n}\n\n.kooby-text-box {\n flex: 0 0 auto;\n}\n\n.kooby-message {\n display: flex;\n align-items: flex-start;\n width: 100%;\n}\n\n.kooby-message-role {\n min-width: 100px;\n height: 40px;\n padding: 10px;\n border-radius: 5px 0 0 5px;\n display: flex;\n align-items: center;\n /* justify-content: center; */\n}\n\n.kooby-message-role strong {\n color: #000;\n}\n\n[data-color-scheme=\"dark\"] .kooby-message-role strong {\n color: #fff;\n}\n\n.kooby-system {\n background-color: #d3d3d3;\n}\n\n.kooby-assistant {\n background-color: #d3d3d3;\n}\n\n[data-color-scheme=\"dark\"] .kooby-system,\n[data-color-scheme=\"dark\"] .kooby-assistant {\n background-color: #3a3a3a;\n}\n\n.kooby-user {\n background-color: rgb(59, 99, 251);\n}\n\n.kooby-user strong {\n color: white;\n}\n\n[data-color-scheme=\"dark\"] .kooby-user strong {\n color: white;\n}\n\n.kooby-content {\n padding: 10px;\n width: 100%;\n text-align: left;\n color: #000;\n margin-top: 10px;\n}\n\n[data-color-scheme=\"dark\"] .kooby-content {\n color: #fff;\n}\n\n.kooby-content :where(p, li, td, th, span, strong, em, h1, h2, h3, h4, h5, h6) {\n color: inherit;\n}\n\n.kooby .mermaid {\n background-color: white;\n border-radius: 5px;\n padding: 10px;\n margin-top: 10px;\n margin-bottom: 10px;\n}\n\n.kooby-debug {\n position: fixed;\n right: 0;\n top: 0;\n width: 30vw;\n height: 100vh;\n color: #111;\n overflow-y: auto;\n z-index: 1000;\n padding: 30px;\n background-color: white;\n}\n\n[data-color-scheme=\"dark\"] .kooby-debug {\n color: #f5f5f5;\n background-color: var(--kooby-panel-bg, rgba(30, 30, 30));\n}\n\n.kooby-debug pre {\n white-space: pre-wrap;\n}\n\n.kooby-debug-actions {\n display: flex;\n justify-content: flex-end;\n margin-bottom: 10px;\n}\n\n.kooby-debug-actions button {\n font-size: 1rem;\n padding: 4px 8px;\n height: auto;\n min-height: unset;\n}\n\n.kooby-feedback {\n display: flex;\n margin-top: 10px;\n align-items: center;\n gap: 6px;\n}\n\n.qr-code {\n width: 200px;\n}\n\n.qr {\n display: flex;\n flex-direction: column;\n gap: 10px;\n padding-top: 20px;\n padding-bottom: 20px;\n}\n\n.qr code {\n font-size: 12px;\n}\n\n.qr-download {\n width: 200px;\n}\n\n.site--app {\n min-height: 100vh;\n color: #000;\n}\n\n[data-color-scheme=\"dark\"] .site--app {\n color: #fff;\n}\n\n.site--app h1 {\n color: inherit;\n}\n\n.site--app-main {\n max-width: 1200px;\n margin: 0 auto;\n padding: 16px;\n}\n";
349
+ var css_248z = ".kooby {\n max-width: 1000px;\n height: 100%;\n max-height: 90vh;\n padding: 30px;\n padding-top: 50px;\n border: 1px solid var(--kooby-border, rgba(0, 0, 0, 0.15));\n border-radius: 10px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n position: relative;\n color: #000;\n}\n\n.site--app[data-theme=\"dark\"] .kooby,\n[data-color-scheme=\"dark\"] .kooby {\n border: none;\n box-shadow: 0 0 2px rgba(255, 255, 255, 0.12);\n background-color: var(--kooby-panel-bg, rgba(30, 30, 30, 0.95));\n color: #fff;\n}\n\n.kooby-focus {\n width: 100%;\n max-width: 100%;\n}\n\n.kooby-toolbar {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n gap: 4px;\n position: absolute;\n top: 0;\n right: 0;\n padding: 5px;\n box-sizing: border-box;\n}\n\n.kooby-conversation {\n display: flex;\n flex-direction: column;\n gap: 30px;\n flex: 2;\n overflow: scroll;\n\n scrollbar-width: none;\n}\n\n.kooby-conversation::-webkit-scrollbar {\n display: none;\n}\n\n.kooby-text-box {\n flex: 0 0 auto;\n}\n\n.kooby-message {\n display: flex;\n align-items: flex-start;\n width: 100%;\n}\n\n.kooby-message-role {\n min-width: 100px;\n height: 40px;\n padding: 10px;\n border-radius: 5px 0 0 5px;\n display: flex;\n align-items: center;\n /* justify-content: center; */\n}\n\n.kooby-message-role strong {\n color: #000;\n}\n\n[data-color-scheme=\"dark\"] .kooby-message-role strong {\n color: #fff;\n}\n\n.kooby-system {\n background-color: #d3d3d3;\n}\n\n.kooby-assistant {\n background-color: #d3d3d3;\n}\n\n[data-color-scheme=\"dark\"] .kooby-system,\n[data-color-scheme=\"dark\"] .kooby-assistant {\n background-color: #3a3a3a;\n}\n\n.kooby-user {\n background-color: rgb(59, 99, 251);\n}\n\n.kooby-user strong {\n color: white;\n}\n\n[data-color-scheme=\"dark\"] .kooby-user strong {\n color: white;\n}\n\n.kooby-content {\n padding: 10px;\n width: 100%;\n text-align: left;\n color: #000;\n margin-top: 10px;\n}\n\n[data-color-scheme=\"dark\"] .kooby-content {\n color: #fff;\n}\n\n.kooby-content :where(p, li, td, th, span, strong, em, h1, h2, h3, h4, h5, h6) {\n color: inherit;\n}\n\n.kooby .mermaid {\n background-color: white;\n border-radius: 5px;\n padding: 10px;\n margin-top: 10px;\n margin-bottom: 10px;\n}\n\n.kooby-debug {\n position: fixed;\n right: 0;\n top: 0;\n width: 30vw;\n height: 100vh;\n color: #111;\n overflow-y: auto;\n z-index: 1000;\n padding: 30px;\n background-color: white;\n}\n\n[data-color-scheme=\"dark\"] .kooby-debug {\n color: #f5f5f5;\n background-color: var(--kooby-panel-bg, rgba(30, 30, 30));\n}\n\n.kooby-debug pre {\n white-space: pre-wrap;\n}\n\n.kooby-debug-actions {\n display: flex;\n justify-content: flex-end;\n margin-bottom: 10px;\n}\n\n.kooby-debug-actions button {\n font-size: 1rem;\n padding: 4px 8px;\n height: auto;\n min-height: unset;\n}\n\n.kooby-feedback {\n display: flex;\n margin-top: 10px;\n align-items: center;\n gap: 6px;\n}\n\n.qr-code {\n width: 200px;\n}\n\n.qr {\n display: flex;\n flex-direction: column;\n gap: 10px;\n padding-top: 20px;\n padding-bottom: 20px;\n}\n\n.qr code {\n font-size: 12px;\n}\n\n.qr-download {\n width: 200px;\n}\n\n.site--app {\n min-height: 100vh;\n color: #000;\n}\n\n[data-color-scheme=\"dark\"] .site--app {\n color: #fff;\n}\n\n.site--app h1 {\n color: inherit;\n}\n\n.site--app-main {\n max-width: 1200px;\n margin: 0 auto;\n padding: 16px;\n}\n";
350
350
  styleInject(css_248z);
351
351
 
352
352
  var _excluded = ["debug", "url", "agent", "token", "children", "metadata", "context", "readOnly", "sendHistory", "apiRef", "expanded"];
package/dist/esm/index.js CHANGED
@@ -344,7 +344,7 @@ function styleInject(css, ref) {
344
344
  }
345
345
  }
346
346
 
347
- var css_248z = ".kooby {\n width: 100%;\n max-width: 1000px;\n height: 100%;\n max-height: 90vh;\n padding: 30px;\n padding-top: 50px;\n border: 1px solid var(--kooby-border, rgba(0, 0, 0, 0.15));\n border-radius: 10px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n position: relative;\n color: #000;\n}\n\n.site--app[data-theme=\"dark\"] .kooby,\n[data-color-scheme=\"dark\"] .kooby {\n border: none;\n box-shadow: 0 0 2px rgba(255, 255, 255, 0.12);\n background-color: var(--kooby-panel-bg, rgba(30, 30, 30, 0.95));\n color: #fff;\n}\n\n.kooby-focus {\n width: 100%;\n max-width: 100%;\n}\n\n.kooby-toolbar {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n gap: 4px;\n position: absolute;\n top: 0;\n right: 0;\n padding: 5px;\n box-sizing: border-box;\n}\n\n.kooby-conversation {\n display: flex;\n flex-direction: column;\n gap: 30px;\n flex: 2;\n overflow: scroll;\n\n scrollbar-width: none;\n}\n\n.kooby-conversation::-webkit-scrollbar {\n display: none;\n}\n\n.kooby-text-box {\n flex: 0 0 auto;\n}\n\n.kooby-message {\n display: flex;\n align-items: flex-start;\n width: 100%;\n}\n\n.kooby-message-role {\n min-width: 100px;\n height: 40px;\n padding: 10px;\n border-radius: 5px 0 0 5px;\n display: flex;\n align-items: center;\n /* justify-content: center; */\n}\n\n.kooby-message-role strong {\n color: #000;\n}\n\n[data-color-scheme=\"dark\"] .kooby-message-role strong {\n color: #fff;\n}\n\n.kooby-system {\n background-color: #d3d3d3;\n}\n\n.kooby-assistant {\n background-color: #d3d3d3;\n}\n\n[data-color-scheme=\"dark\"] .kooby-system,\n[data-color-scheme=\"dark\"] .kooby-assistant {\n background-color: #3a3a3a;\n}\n\n.kooby-user {\n background-color: rgb(59, 99, 251);\n}\n\n.kooby-user strong {\n color: white;\n}\n\n[data-color-scheme=\"dark\"] .kooby-user strong {\n color: white;\n}\n\n.kooby-content {\n padding: 10px;\n width: 100%;\n text-align: left;\n color: #000;\n margin-top: 10px;\n}\n\n[data-color-scheme=\"dark\"] .kooby-content {\n color: #fff;\n}\n\n.kooby-content :where(p, li, td, th, span, strong, em, h1, h2, h3, h4, h5, h6) {\n color: inherit;\n}\n\n.kooby .mermaid {\n background-color: white;\n border-radius: 5px;\n padding: 10px;\n margin-top: 10px;\n margin-bottom: 10px;\n}\n\n.kooby-debug {\n position: fixed;\n right: 0;\n top: 0;\n width: 30vw;\n height: 100vh;\n color: #111;\n overflow-y: auto;\n z-index: 1000;\n padding: 30px;\n background-color: white;\n}\n\n[data-color-scheme=\"dark\"] .kooby-debug {\n color: #f5f5f5;\n background-color: var(--kooby-panel-bg, rgba(30, 30, 30));\n}\n\n.kooby-debug pre {\n white-space: pre-wrap;\n}\n\n.kooby-debug-actions {\n display: flex;\n justify-content: flex-end;\n margin-bottom: 10px;\n}\n\n.kooby-debug-actions button {\n font-size: 1rem;\n padding: 4px 8px;\n height: auto;\n min-height: unset;\n}\n\n.kooby-feedback {\n display: flex;\n margin-top: 10px;\n align-items: center;\n gap: 6px;\n}\n\n.qr-code {\n width: 200px;\n}\n\n.qr {\n display: flex;\n flex-direction: column;\n gap: 10px;\n padding-top: 20px;\n padding-bottom: 20px;\n}\n\n.qr code {\n font-size: 12px;\n}\n\n.qr-download {\n width: 200px;\n}\n\n.site--app {\n min-height: 100vh;\n color: #000;\n}\n\n[data-color-scheme=\"dark\"] .site--app {\n color: #fff;\n}\n\n.site--app h1 {\n color: inherit;\n}\n\n.site--app-main {\n max-width: 1200px;\n margin: 0 auto;\n padding: 16px;\n}\n";
347
+ var css_248z = ".kooby {\n max-width: 1000px;\n height: 100%;\n max-height: 90vh;\n padding: 30px;\n padding-top: 50px;\n border: 1px solid var(--kooby-border, rgba(0, 0, 0, 0.15));\n border-radius: 10px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n position: relative;\n color: #000;\n}\n\n.site--app[data-theme=\"dark\"] .kooby,\n[data-color-scheme=\"dark\"] .kooby {\n border: none;\n box-shadow: 0 0 2px rgba(255, 255, 255, 0.12);\n background-color: var(--kooby-panel-bg, rgba(30, 30, 30, 0.95));\n color: #fff;\n}\n\n.kooby-focus {\n width: 100%;\n max-width: 100%;\n}\n\n.kooby-toolbar {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n gap: 4px;\n position: absolute;\n top: 0;\n right: 0;\n padding: 5px;\n box-sizing: border-box;\n}\n\n.kooby-conversation {\n display: flex;\n flex-direction: column;\n gap: 30px;\n flex: 2;\n overflow: scroll;\n\n scrollbar-width: none;\n}\n\n.kooby-conversation::-webkit-scrollbar {\n display: none;\n}\n\n.kooby-text-box {\n flex: 0 0 auto;\n}\n\n.kooby-message {\n display: flex;\n align-items: flex-start;\n width: 100%;\n}\n\n.kooby-message-role {\n min-width: 100px;\n height: 40px;\n padding: 10px;\n border-radius: 5px 0 0 5px;\n display: flex;\n align-items: center;\n /* justify-content: center; */\n}\n\n.kooby-message-role strong {\n color: #000;\n}\n\n[data-color-scheme=\"dark\"] .kooby-message-role strong {\n color: #fff;\n}\n\n.kooby-system {\n background-color: #d3d3d3;\n}\n\n.kooby-assistant {\n background-color: #d3d3d3;\n}\n\n[data-color-scheme=\"dark\"] .kooby-system,\n[data-color-scheme=\"dark\"] .kooby-assistant {\n background-color: #3a3a3a;\n}\n\n.kooby-user {\n background-color: rgb(59, 99, 251);\n}\n\n.kooby-user strong {\n color: white;\n}\n\n[data-color-scheme=\"dark\"] .kooby-user strong {\n color: white;\n}\n\n.kooby-content {\n padding: 10px;\n width: 100%;\n text-align: left;\n color: #000;\n margin-top: 10px;\n}\n\n[data-color-scheme=\"dark\"] .kooby-content {\n color: #fff;\n}\n\n.kooby-content :where(p, li, td, th, span, strong, em, h1, h2, h3, h4, h5, h6) {\n color: inherit;\n}\n\n.kooby .mermaid {\n background-color: white;\n border-radius: 5px;\n padding: 10px;\n margin-top: 10px;\n margin-bottom: 10px;\n}\n\n.kooby-debug {\n position: fixed;\n right: 0;\n top: 0;\n width: 30vw;\n height: 100vh;\n color: #111;\n overflow-y: auto;\n z-index: 1000;\n padding: 30px;\n background-color: white;\n}\n\n[data-color-scheme=\"dark\"] .kooby-debug {\n color: #f5f5f5;\n background-color: var(--kooby-panel-bg, rgba(30, 30, 30));\n}\n\n.kooby-debug pre {\n white-space: pre-wrap;\n}\n\n.kooby-debug-actions {\n display: flex;\n justify-content: flex-end;\n margin-bottom: 10px;\n}\n\n.kooby-debug-actions button {\n font-size: 1rem;\n padding: 4px 8px;\n height: auto;\n min-height: unset;\n}\n\n.kooby-feedback {\n display: flex;\n margin-top: 10px;\n align-items: center;\n gap: 6px;\n}\n\n.qr-code {\n width: 200px;\n}\n\n.qr {\n display: flex;\n flex-direction: column;\n gap: 10px;\n padding-top: 20px;\n padding-bottom: 20px;\n}\n\n.qr code {\n font-size: 12px;\n}\n\n.qr-download {\n width: 200px;\n}\n\n.site--app {\n min-height: 100vh;\n color: #000;\n}\n\n[data-color-scheme=\"dark\"] .site--app {\n color: #fff;\n}\n\n.site--app h1 {\n color: inherit;\n}\n\n.site--app-main {\n max-width: 1200px;\n margin: 0 auto;\n padding: 16px;\n}\n";
348
348
  styleInject(css_248z);
349
349
 
350
350
  var _excluded = ["debug", "url", "agent", "token", "children", "metadata", "context", "readOnly", "sendHistory", "apiRef", "expanded"];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "kooby",
3
- "version": "1.0.0",
3
+ "version": "1.0.2",
4
4
  "description": "",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/esm/index.js",