Spaces:
Running
Running
minor adjustments
Browse files- build/asset-manifest.json +6 -6
- build/index.html +1 -1
- build/static/css/main.30d8f365.css +0 -4
- build/static/css/main.30d8f365.css.map +0 -1
- build/static/css/main.5b191a86.css +4 -0
- build/static/css/main.5b191a86.css.map +1 -0
- build/static/js/{main.45548513.js β main.0dc92012.js} +0 -0
- build/static/js/{main.45548513.js.LICENSE.txt β main.0dc92012.js.LICENSE.txt} +0 -0
- build/static/js/{main.45548513.js.map β main.0dc92012.js.map} +0 -0
- src/components/ActionButton.tsx +0 -23
- src/components/Dropdown.tsx +0 -38
- src/components/JsonBox.tsx +0 -52
- src/components/SettingsPanel.tsx +0 -274
- src/context/deploymentGroupContext.tsx +0 -121
- src/context/errorContext.tsx +0 -29
- src/index.tsx +8 -20
- src/pages/Calculator.tsx +2 -0
- src/pages/Home.tsx +0 -26
- src/pages/NotFound.tsx +0 -28
build/asset-manifest.json
CHANGED
@@ -1,15 +1,15 @@
|
|
1 |
{
|
2 |
"files": {
|
3 |
-
"main.css": "/static/css/main.
|
4 |
-
"main.js": "/static/js/main.
|
5 |
"static/media/logo-dark-mode.png": "/static/media/logo-dark-mode.0c51ff42111d2779453a.png",
|
6 |
"static/media/logo-light-mode.png": "/static/media/logo-light-mode.6bc3b2d5ed1ec2d7d721.png",
|
7 |
"index.html": "/index.html",
|
8 |
-
"main.
|
9 |
-
"main.
|
10 |
},
|
11 |
"entrypoints": [
|
12 |
-
"static/css/main.
|
13 |
-
"static/js/main.
|
14 |
]
|
15 |
}
|
|
|
1 |
{
|
2 |
"files": {
|
3 |
+
"main.css": "/static/css/main.5b191a86.css",
|
4 |
+
"main.js": "/static/js/main.0dc92012.js",
|
5 |
"static/media/logo-dark-mode.png": "/static/media/logo-dark-mode.0c51ff42111d2779453a.png",
|
6 |
"static/media/logo-light-mode.png": "/static/media/logo-light-mode.6bc3b2d5ed1ec2d7d721.png",
|
7 |
"index.html": "/index.html",
|
8 |
+
"main.5b191a86.css.map": "/static/css/main.5b191a86.css.map",
|
9 |
+
"main.0dc92012.js.map": "/static/js/main.0dc92012.js.map"
|
10 |
},
|
11 |
"entrypoints": [
|
12 |
+
"static/css/main.5b191a86.css",
|
13 |
+
"static/js/main.0dc92012.js"
|
14 |
]
|
15 |
}
|
build/index.html
CHANGED
@@ -1 +1 @@
|
|
1 |
-
<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="icon.png"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="Titan Takeoff Server" content="Titan Takeoff Server"/><link rel="manifest" crossorigin="use-credentials" href="manifest.json"/><title>Titan Takeoff Server</title><script defer="defer" src="
|
|
|
1 |
+
<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="icon.png"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="Titan Takeoff Server" content="Titan Takeoff Server"/><link rel="manifest" crossorigin="use-credentials" href="manifest.json"/><title>Titan Takeoff Server</title><script defer="defer" src="/static/js/main.0dc92012.js"></script><link href="/static/css/main.5b191a86.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
|
build/static/css/main.30d8f365.css
DELETED
@@ -1,4 +0,0 @@
|
|
1 |
-
/*
|
2 |
-
! tailwindcss v3.4.10 | MIT License | https://tailwindcss.com
|
3 |
-
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.static{position:static}.absolute{position:absolute}.m-2{margin:.5rem}.mx-4{margin-left:1rem;margin-right:1rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-8{margin-left:2rem}.mr-4{margin-right:1rem}.mt-4{margin-top:1rem}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.w-full{width:100%}.max-w-4xl{max-width:56rem}.flex-grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize-none{resize:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:1rem}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2rem*var(--tw-space-y-reverse));margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)))}.whitespace-nowrap{white-space:nowrap}.border{border-width:1px}.p-4{padding:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.invert{--tw-invert:invert(100%)}.filter,.invert{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--text-color:#f9fafb;--background-color:#181f26;--input-color:#1f2937;--button-color:#374151;--button-hover-color:#4b5563;--scrollbar-color:#9b9b9bb3;--chatbox-color:#2f3e46;--message-border-colors:#e25e5b,#f29062,#ffc068,#ffe7dc,#71cbe8,#444292;--message-text-color:var(--text-color)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#181f26;background-color:var(--background-color);color:#f9fafb;color:var(--text-color);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100vh;margin:0}body.light{--text-color:#111827;--background-color:#f9fafb;--input-color:#f1f5f9;--button-color:#e5e7eb;--button-hover-color:#d1d5db;--scrollbar-color:#646464b3;--chatbox-color:#64748b;--message-border-colors:#e25e5b,#f29062,#ffc068,#ffe7dc,#71cbe8,#444292;--message-text-color:#f9fafb}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#topbar{height:60px}#layout{height:calc(100vh - 60px)}#textarea{height:calc(100vh - 180px)}#textarea,.config-input{background-color:#1f2937;background-color:var(--input-color);color:#f9fafb;color:var(--text-color);width:100%}.button-style{background-color:#374151;background-color:var(--button-color);color:#f9fafb;color:var(--text-color)}.button-style:hover{background-color:#4b5563;background-color:var(--button-hover-color)}.toggle-switch{display:inline-block;height:34px;margin-top:1em;position:relative;width:60px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-switch .slider{background-color:#374151;background-color:var(--button-color);border-radius:34px;bottom:0;cursor:pointer;height:34px;left:0;position:absolute;right:0;top:0;transition:background-color .4s}.toggle-switch .slider:before{background-color:#f9fafb;background-color:var(--text-color);content:"";position:absolute}.toggle-switch .slider-content,.toggle-switch .slider:before{border-radius:50%;bottom:4px;height:26px;left:4px;transition:transform .4s;width:26px}.toggle-switch .slider-content{align-items:center;display:flex;justify-content:center;position:relative;top:4px}.toggle-switch input:checked+.slider .slider-content,.toggle-switch input:checked+.slider:before{transform:translateX(26px)}#sun-icon{color:#e5e7eb}#moon-icon{color:#374151}.modal-overlay{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.modal-content{background-color:#fff;background-color:#181f26;background-color:var(--background-color);border-radius:8px;color:#f9fafb;color:var(--text-color);max-width:500px;padding:20px;width:80%}.modal-header{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.form-button{background-color:#374151;background-color:var(--button-color);color:#f9fafb;color:var(--text-color);padding:8px;width:100%}.form-button:hover{background-color:#4b5563;background-color:var(--button-hover-color)}.refresh-button{align-items:center;border-radius:50%;display:flex;height:36px;justify-content:center;min-width:36px;transition:transform .4s;width:36px}.refresh-button:hover{background-color:#4b5563;background-color:var(--button-hover-color)}.content-header{display:flex;flex-direction:row;justify-content:space-between;width:100%}.dropdown-input{background-color:#1f2937;background-color:var(--input-color);color:#f9fafb;color:var(--text-color);height:32px;min-width:200px;padding-left:8px;width:100%}#chat-container,#playground-box{height:calc(100vh - 60px)}#chat-container{display:flex;flex-direction:column}#chatbox{background-color:#1f2937;background-color:var(--input-color);flex:1 1;margin:1em;overflow:auto;scrollbar-color:#9b9b9bb3 #0000;scrollbar-color:var(--scrollbar-color) #0000;scrollbar-width:thin}#chatbox::-webkit-scrollbar{width:12px}#chatbox::-webkit-scrollbar-track{background:#0000}#chatbox::-webkit-scrollbar-thumb{border-radius:50px}#chatbox::-webkit-scrollbar-thumb,#chatbox:hover::-webkit-scrollbar-thumb{background:#9b9b9bb3;background:var(--scrollbar-color)}#inputbox{background-color:#1f2937;background-color:var(--input-color);display:flex;flex-direction:row;height:80px;margin:1em}#message-input{background-color:#374151;background-color:var(--button-color);color:#f9fafb;color:var(--text-color);flex:1 1}.chat-button:hover{background-color:#4b5563;background-color:var(--button-hover-color)}.message{background-color:#2f3e46;background-color:var(--chatbox-color);border-radius:10px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;color:#f9fafb;color:var(--message-text-color);margin:10px;padding:10px;position:relative;z-index:1}.message.user{margin-left:auto;margin-right:40px}.message.assistant{margin-left:40px;margin-right:auto}.home-button{width:600px}.home-button,.home-button-small{background-color:#374151;background-color:var(--button-color);border-radius:10px;color:#f9fafb;color:var(--text-color);cursor:pointer;padding:20px;text-align:center;transition:background-color .3s}.home-button-small{width:300px}.home-button-small:hover,.home-button:hover{background-color:#4b5563;background-color:var(--button-hover-color)}.home-button-title{font-size:20px;font-weight:700;margin-bottom:10px}.home-button-description{font-size:16px}.chart{border:1px solid #f9fafb;border:1px solid var(--text-color);border-radius:4px;flex-direction:column;margin-bottom:10px;margin-top:10px;padding-bottom:12px;padding-left:20px;padding-top:12px}.chart,.chart-row{align-items:center;display:flex}.chart-row{flex-direction:row}.chart-row-size,.chart-row-title{width:100px}.calculator-input-box{display:flex;flex-direction:row}.calculator-box,.calculator-input-box{border:1px solid #f9fafb;border:1px solid var(--text-color);border-radius:4px;margin-bottom:10px;margin-top:10px;padding-block:12px;width:100%}.calculator-input-title{height:100%;margin-left:20px;width:140px}.calculator-input-tab,.calculator-input-tab-active{padding-bottom:4px;padding-left:8px;padding-right:8px}.calculator-input-tab-active{border-bottom:2px solid #f9fafb;border-bottom:2px solid var(--text-color)}.calculator-input,.calculator-select{background-color:#1f2937;background-color:var(--input-color);color:#f9fafb;color:var(--text-color);display:block;padding-block:4px;width:100%}#tooltip{opacity:0;padding:5px;pointer-events:none;position:absolute}#right-container{display:flex;flex-direction:column;height:calc(100vh - 60px)}.table-cell{border:1px solid #f9fafb;border:1px solid var(--text-color)}.chart-side-panel{width:200px}.side-panel-input{background-color:#1f2937;background-color:var(--input-color);color:#f9fafb;color:var(--text-color);display:block;padding-block:4px;width:100%}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
|
4 |
-
/*# sourceMappingURL=main.30d8f365.css.map*/
|
|
|
|
|
|
|
|
|
|
build/static/css/main.30d8f365.css.map
DELETED
@@ -1 +0,0 @@
|
|
1 |
-
{"version":3,"file":"static/css/main.30d8f365.css","mappings":"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","sources":["index.css"],"sourcesContent":["@tailwind base;\r\n@tailwind components;\r\n@tailwind utilities;\r\n\r\n:root {\r\n --text-color: #f9fafb;\r\n --background-color: #181f26;\r\n --input-color: #1f2937; /* lighter */\r\n --button-color: #374151; /* lighter */\r\n --button-hover-color: #4b5563; /* lighter */\r\n --scrollbar-color: rgba(155, 155, 155, 0.7);\r\n --chatbox-color: #2f3e46;\r\n --message-border-colors: #e25e5b, #f29062, #ffc068, #ffe7dc, #71cbe8, #444292;\r\n --message-text-color: var(--text-color);\r\n}\r\n\r\nbody {\r\n margin: 0;\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu',\r\n 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n background-color: var(--background-color);\r\n color: var(--text-color);\r\n display: flex;\r\n flex-direction: column;\r\n height: 100vh;\r\n margin: 0;\r\n}\r\n\r\nbody.light {\r\n --text-color: #111827;\r\n --background-color: #f9fafb;\r\n --input-color: #f1f5f9;\r\n --button-color: #e5e7eb;\r\n --button-hover-color: #d1d5db;\r\n --scrollbar-color: rgba(100, 100, 100, 0.7);\r\n --chatbox-color: #64748b;\r\n --message-border-colors: #e25e5b, #f29062, #ffc068, #ffe7dc, #71cbe8, #444292;\r\n --message-text-color: #f9fafb;\r\n}\r\n\r\ncode {\r\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;\r\n}\r\n\r\n#topbar {\r\n height: 60px;\r\n}\r\n\r\n#layout {\r\n height: calc(100vh - 60px);\r\n}\r\n\r\n#textarea {\r\n color: var(--text-color);\r\n background-color: var(--input-color);\r\n width: 100%;\r\n height: calc(100vh - 180px);\r\n}\r\n\r\n.config-input {\r\n color: var(--text-color);\r\n background-color: var(--input-color);\r\n width: 100%;\r\n}\r\n\r\n/* button */\r\n.button-style {\r\n background-color: var(--button-color);\r\n color: var(--text-color);\r\n}\r\n\r\n.button-style:hover {\r\n background-color: var(--button-hover-color);\r\n}\r\n\r\n/* toggle switch */\r\n.toggle-switch {\r\n position: relative;\r\n display: inline-block;\r\n width: 60px;\r\n height: 34px;\r\n margin-top: 1em;\r\n}\r\n\r\n.toggle-switch input {\r\n opacity: 0;\r\n width: 0;\r\n height: 0;\r\n}\r\n\r\n.toggle-switch .slider {\r\n position: absolute;\r\n cursor: pointer;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n height: 34px;\r\n background-color: var(--button-color);\r\n transition: background-color 0.4s;\r\n border-radius: 34px;\r\n}\r\n\r\n.toggle-switch .slider:before {\r\n position: absolute;\r\n content: '';\r\n height: 26px;\r\n width: 26px;\r\n left: 4px;\r\n bottom: 4px;\r\n background-color: var(--text-color);\r\n transition: transform 0.4s;\r\n border-radius: 50%;\r\n}\r\n\r\n.toggle-switch .slider-content {\r\n position: relative;\r\n display: flex;\r\n height: 26px;\r\n width: 26px;\r\n top: 4px;\r\n align-items: center;\r\n justify-content: center;\r\n left: 4px;\r\n bottom: 4px;\r\n transition: transform 0.4s;\r\n border-radius: 50%;\r\n}\r\n\r\n.toggle-switch input:checked + .slider:before,\r\n.toggle-switch input:checked + .slider .slider-content {\r\n transform: translateX(26px);\r\n}\r\n\r\n#sun-icon {\r\n color: #e5e7eb;\r\n}\r\n\r\n#moon-icon {\r\n color: #374151;\r\n}\r\n\r\n/* modal */\r\n.modal-overlay {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-color: rgba(0, 0, 0, 0.7);\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n.modal-content {\r\n background-color: #fff;\r\n padding: 20px;\r\n border-radius: 8px;\r\n max-width: 500px;\r\n width: 80%;\r\n background-color: var(--background-color);\r\n color: var(--text-color);\r\n}\r\n\r\n.modal-header {\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n\r\n.form-button {\r\n background-color: var(--button-color);\r\n color: var(--text-color);\r\n width: 100%;\r\n padding: 8px;\r\n}\r\n\r\n.form-button:hover {\r\n background-color: var(--button-hover-color);\r\n}\r\n\r\n.refresh-button {\r\n width: 36px;\r\n height: 36px;\r\n min-width: 36px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n transition: transform 0.4s;\r\n border-radius: 50%;\r\n}\r\n\r\n.refresh-button:hover {\r\n /* transform: rotate(360deg); */\r\n background-color: var(--button-hover-color);\r\n}\r\n\r\n.content-header {\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: space-between;\r\n width: 100%;\r\n}\r\n\r\n.dropdown-input {\r\n background-color: var(--input-color);\r\n color: var(--text-color);\r\n padding-left: 8px;\r\n width: 100%;\r\n min-width: 200px;\r\n height: 32px;\r\n}\r\n\r\n#playground-box {\r\n height: calc(100vh - 60px);\r\n}\r\n\r\n#chat-container {\r\n display: flex;\r\n flex-direction: column;\r\n height: calc(100vh - 60px);\r\n}\r\n\r\n#chatbox {\r\n flex: 1;\r\n overflow: auto;\r\n margin: 1em;\r\n scrollbar-width: thin; /* For Firefox */\r\n scrollbar-color: var(--scrollbar-color) transparent; /* For Firefox */\r\n background-color: var(--input-color);\r\n}\r\n\r\n#chatbox::-webkit-scrollbar {\r\n /* For Chrome, Safari, and Opera */\r\n width: 12px;\r\n}\r\n\r\n#chatbox::-webkit-scrollbar-track {\r\n /* For Chrome, Safari, and Opera */\r\n background: transparent;\r\n}\r\n\r\n#chatbox::-webkit-scrollbar-thumb {\r\n /* For Chrome, Safari, and Opera */\r\n background: var(--scrollbar-color);\r\n border-radius: 50px;\r\n}\r\n\r\n#chatbox:hover::-webkit-scrollbar-thumb {\r\n /* For Chrome, Safari, and Opera */\r\n background: var(--scrollbar-color);\r\n}\r\n\r\n#inputbox {\r\n height: 80px;\r\n margin: 1em;\r\n background-color: var(--input-color);\r\n display: flex;\r\n flex-direction: row;\r\n}\r\n\r\n#message-input {\r\n flex: 1;\r\n background-color: var(--button-color);\r\n color: var(--text-color);\r\n}\r\n\r\n.chat-button:hover {\r\n background-color: var(--button-hover-color);\r\n}\r\n\r\n.message {\r\n position: relative;\r\n background-color: var(--chatbox-color);\r\n box-shadow:\r\n 0 10px 15px -3px rgba(0, 0, 0, 0.1),\r\n 0 4px 6px -2px rgba(0, 0, 0, 0.05);\r\n border-radius: 10px;\r\n color: var(--message-text-color);\r\n padding: 10px;\r\n margin: 10px;\r\n z-index: 1;\r\n}\r\n\r\n.message.user {\r\n margin-left: auto;\r\n margin-right: 40px;\r\n}\r\n\r\n.message.assistant {\r\n margin-left: 40px;\r\n margin-right: auto;\r\n}\r\n\r\n.home-button {\r\n padding: 20px;\r\n background-color: var(--button-color);\r\n color: var(--text-color);\r\n border-radius: 10px;\r\n width: 600px;\r\n text-align: center;\r\n cursor: pointer;\r\n transition: background-color 0.3s;\r\n}\r\n\r\n.home-button-small {\r\n padding: 20px;\r\n background-color: var(--button-color);\r\n color: var(--text-color);\r\n border-radius: 10px;\r\n width: 300px;\r\n text-align: center;\r\n cursor: pointer;\r\n transition: background-color 0.3s;\r\n}\r\n\r\n.home-button-small:hover {\r\n background-color: var(--button-hover-color);\r\n}\r\n\r\n.home-button:hover {\r\n background-color: var(--button-hover-color);\r\n}\r\n\r\n.home-button-title {\r\n font-size: 20px;\r\n font-weight: bold;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.home-button-description {\r\n font-size: 16px;\r\n}\r\n\r\n/* Calculator */\r\n.chart {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n margin-top: 10px;\r\n margin-bottom: 10px;\r\n border: 1px solid var(--text-color);\r\n border-radius: 4px;\r\n padding-left: 20px;\r\n padding-top: 12px;\r\n padding-bottom: 12px;\r\n}\r\n\r\n.chart-row {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n}\r\n\r\n.chart-row-title {\r\n width: 100px;\r\n}\r\n\r\n.chart-row-size {\r\n width: 100px;\r\n}\r\n\r\n.calculator-input-box {\r\n display: flex;\r\n flex-direction: row;\r\n width: 100%;\r\n margin-top: 10px;\r\n margin-bottom: 10px;\r\n border: 1px solid var(--text-color);\r\n border-radius: 4px;\r\n padding-block: 12px;\r\n}\r\n\r\n.calculator-box {\r\n width: 100%;\r\n margin-top: 10px;\r\n margin-bottom: 10px;\r\n border: 1px solid var(--text-color);\r\n border-radius: 4px;\r\n padding-block: 12px;\r\n}\r\n\r\n.calculator-input-title {\r\n width: 140px;\r\n margin-left: 20px;\r\n height: 100%;\r\n}\r\n\r\n.calculator-input-tab {\r\n padding-bottom: 4px;\r\n padding-left: 8px;\r\n padding-right: 8px;\r\n}\r\n\r\n.calculator-input-tab-active {\r\n padding-bottom: 4px;\r\n padding-left: 8px;\r\n padding-right: 8px;\r\n border-bottom: 2px solid var(--text-color);\r\n}\r\n\r\n.calculator-select {\r\n background-color: var(--input-color);\r\n color: var(--text-color);\r\n display: block;\r\n width: 100%;\r\n padding-block: 4px;\r\n}\r\n\r\n.calculator-input {\r\n background-color: var(--input-color);\r\n color: var(--text-color);\r\n display: block;\r\n width: 100%;\r\n padding-block: 4px;\r\n}\r\n\r\n#tooltip {\r\n position: absolute;\r\n opacity: 0;\r\n pointer-events: none;\r\n padding: 5px;\r\n}\r\n\r\n#right-container {\r\n display: flex;\r\n flex-direction: column;\r\n height: calc(100vh - 60px);\r\n}\r\n\r\n.table-cell {\r\n border: 1px solid var(--text-color);\r\n}\r\n\r\n.chart-side-panel {\r\n width: 200px;\r\n}\r\n\r\n.side-panel-input {\r\n background-color: var(--input-color);\r\n color: var(--text-color);\r\n display: block;\r\n width: 100%;\r\n padding-block: 4px;\r\n}\r\n"],"names":[],"sourceRoot":""}
|
|
|
|
build/static/css/main.5b191a86.css
ADDED
@@ -0,0 +1,4 @@
|
|
|
|
|
|
|
|
|
|
|
1 |
+
/*
|
2 |
+
! tailwindcss v3.4.10 | MIT License | https://tailwindcss.com
|
3 |
+
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.absolute{position:absolute}.mx-4{margin-left:1rem;margin-right:1rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-8{margin-left:2rem}.mr-4{margin-right:1rem}.flex{display:flex}.grid{display:grid}.hidden{display:none}.min-h-screen{min-height:100vh}.w-full{width:100%}.max-w-4xl{max-width:56rem}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:1rem}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2rem*var(--tw-space-y-reverse));margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)))}.border{border-width:1px}.px-4{padding-left:1rem;padding-right:1rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.invert{--tw-invert:invert(100%)}.filter,.invert{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--text-color:#f9fafb;--background-color:#181f26;--input-color:#1f2937;--button-color:#374151;--button-hover-color:#4b5563;--scrollbar-color:#9b9b9bb3;--chatbox-color:#2f3e46;--message-border-colors:#e25e5b,#f29062,#ffc068,#ffe7dc,#71cbe8,#444292;--message-text-color:var(--text-color)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#181f26;background-color:var(--background-color);color:#f9fafb;color:var(--text-color);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100vh;margin:0}body.light{--text-color:#111827;--background-color:#f9fafb;--input-color:#f1f5f9;--button-color:#e5e7eb;--button-hover-color:#d1d5db;--scrollbar-color:#646464b3;--chatbox-color:#64748b;--message-border-colors:#e25e5b,#f29062,#ffc068,#ffe7dc,#71cbe8,#444292;--message-text-color:#f9fafb}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#topbar{height:60px}#layout{height:calc(100vh - 60px)}#textarea{height:calc(100vh - 180px)}#textarea,.config-input{background-color:#1f2937;background-color:var(--input-color);color:#f9fafb;color:var(--text-color);width:100%}.button-style{background-color:#374151;background-color:var(--button-color);color:#f9fafb;color:var(--text-color)}.button-style:hover{background-color:#4b5563;background-color:var(--button-hover-color)}.toggle-switch{display:inline-block;height:34px;margin-top:1em;position:relative;width:60px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-switch .slider{background-color:#374151;background-color:var(--button-color);border-radius:34px;bottom:0;cursor:pointer;height:34px;left:0;position:absolute;right:0;top:0;transition:background-color .4s}.toggle-switch .slider:before{background-color:#f9fafb;background-color:var(--text-color);content:"";position:absolute}.toggle-switch .slider-content,.toggle-switch .slider:before{border-radius:50%;bottom:4px;height:26px;left:4px;transition:transform .4s;width:26px}.toggle-switch .slider-content{align-items:center;display:flex;justify-content:center;position:relative;top:4px}.toggle-switch input:checked+.slider .slider-content,.toggle-switch input:checked+.slider:before{transform:translateX(26px)}#sun-icon{color:#e5e7eb}#moon-icon{color:#374151}.modal-overlay{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.modal-content{background-color:#fff;background-color:#181f26;background-color:var(--background-color);border-radius:8px;color:#f9fafb;color:var(--text-color);max-width:500px;padding:20px;width:80%}.modal-header{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.form-button{background-color:#374151;background-color:var(--button-color);color:#f9fafb;color:var(--text-color);padding:8px;width:100%}.form-button:hover{background-color:#4b5563;background-color:var(--button-hover-color)}.refresh-button{align-items:center;border-radius:50%;display:flex;height:36px;justify-content:center;min-width:36px;transition:transform .4s;width:36px}.refresh-button:hover{background-color:#4b5563;background-color:var(--button-hover-color)}.content-header{display:flex;flex-direction:row;justify-content:space-between;width:100%}.dropdown-input{background-color:#1f2937;background-color:var(--input-color);color:#f9fafb;color:var(--text-color);height:32px;min-width:200px;padding-left:8px;width:100%}#chat-container,#playground-box{height:calc(100vh - 60px)}#chat-container{display:flex;flex-direction:column}#chatbox{background-color:#1f2937;background-color:var(--input-color);flex:1 1;margin:1em;overflow:auto;scrollbar-color:#9b9b9bb3 #0000;scrollbar-color:var(--scrollbar-color) #0000;scrollbar-width:thin}#chatbox::-webkit-scrollbar{width:12px}#chatbox::-webkit-scrollbar-track{background:#0000}#chatbox::-webkit-scrollbar-thumb{border-radius:50px}#chatbox::-webkit-scrollbar-thumb,#chatbox:hover::-webkit-scrollbar-thumb{background:#9b9b9bb3;background:var(--scrollbar-color)}#inputbox{background-color:#1f2937;background-color:var(--input-color);display:flex;flex-direction:row;height:80px;margin:1em}#message-input{background-color:#374151;background-color:var(--button-color);color:#f9fafb;color:var(--text-color);flex:1 1}.chat-button:hover{background-color:#4b5563;background-color:var(--button-hover-color)}.message{background-color:#2f3e46;background-color:var(--chatbox-color);border-radius:10px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;color:#f9fafb;color:var(--message-text-color);margin:10px;padding:10px;position:relative;z-index:1}.message.user{margin-left:auto;margin-right:40px}.message.assistant{margin-left:40px;margin-right:auto}.home-button{width:600px}.home-button,.home-button-small{background-color:#374151;background-color:var(--button-color);border-radius:10px;color:#f9fafb;color:var(--text-color);cursor:pointer;padding:20px;text-align:center;transition:background-color .3s}.home-button-small{width:300px}.home-button-small:hover,.home-button:hover{background-color:#4b5563;background-color:var(--button-hover-color)}.home-button-title{font-size:20px;font-weight:700;margin-bottom:10px}.home-button-description{font-size:16px}.chart{border:1px solid #f9fafb;border:1px solid var(--text-color);border-radius:4px;flex-direction:column;margin-bottom:10px;margin-top:10px;padding-bottom:12px;padding-left:20px;padding-top:12px}.chart,.chart-row{align-items:center;display:flex}.chart-row{flex-direction:row}.chart-row-size,.chart-row-title{width:100px}.calculator-input-box{display:flex;flex-direction:row}.calculator-box,.calculator-input-box{border:1px solid #f9fafb;border:1px solid var(--text-color);border-radius:4px;margin-bottom:10px;margin-top:10px;padding-block:12px;width:100%}.calculator-input-title{height:100%;margin-left:20px;width:140px}.calculator-input-tab,.calculator-input-tab-active{padding-bottom:4px;padding-left:8px;padding-right:8px}.calculator-input-tab-active{border-bottom:2px solid #f9fafb;border-bottom:2px solid var(--text-color)}.calculator-input,.calculator-select{background-color:#1f2937;background-color:var(--input-color);color:#f9fafb;color:var(--text-color);display:block;padding-block:4px;width:100%}#tooltip{opacity:0;padding:5px;pointer-events:none;position:absolute}#right-container{display:flex;flex-direction:column;height:calc(100vh - 60px)}.table-cell{border:1px solid #f9fafb;border:1px solid var(--text-color)}.chart-side-panel{width:200px}.side-panel-input{background-color:#1f2937;background-color:var(--input-color);color:#f9fafb;color:var(--text-color);display:block;padding-block:4px;width:100%}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
|
4 |
+
/*# sourceMappingURL=main.5b191a86.css.map*/
|
build/static/css/main.5b191a86.css.map
ADDED
@@ -0,0 +1 @@
|
|
|
|
|
1 |
+
{"version":3,"file":"static/css/main.5b191a86.css","mappings":"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","sources":["index.css"],"sourcesContent":["@tailwind base;\n@tailwind components;\n@tailwind utilities;\n\n:root {\n --text-color: #f9fafb;\n --background-color: #181f26;\n --input-color: #1f2937; /* lighter */\n --button-color: #374151; /* lighter */\n --button-hover-color: #4b5563; /* lighter */\n --scrollbar-color: rgba(155, 155, 155, 0.7);\n --chatbox-color: #2f3e46;\n --message-border-colors: #e25e5b, #f29062, #ffc068, #ffe7dc, #71cbe8, #444292;\n --message-text-color: var(--text-color);\n}\n\nbody {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu',\n 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n background-color: var(--background-color);\n color: var(--text-color);\n display: flex;\n flex-direction: column;\n height: 100vh;\n margin: 0;\n}\n\nbody.light {\n --text-color: #111827;\n --background-color: #f9fafb;\n --input-color: #f1f5f9;\n --button-color: #e5e7eb;\n --button-hover-color: #d1d5db;\n --scrollbar-color: rgba(100, 100, 100, 0.7);\n --chatbox-color: #64748b;\n --message-border-colors: #e25e5b, #f29062, #ffc068, #ffe7dc, #71cbe8, #444292;\n --message-text-color: #f9fafb;\n}\n\ncode {\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;\n}\n\n#topbar {\n height: 60px;\n}\n\n#layout {\n height: calc(100vh - 60px);\n}\n\n#textarea {\n color: var(--text-color);\n background-color: var(--input-color);\n width: 100%;\n height: calc(100vh - 180px);\n}\n\n.config-input {\n color: var(--text-color);\n background-color: var(--input-color);\n width: 100%;\n}\n\n/* button */\n.button-style {\n background-color: var(--button-color);\n color: var(--text-color);\n}\n\n.button-style:hover {\n background-color: var(--button-hover-color);\n}\n\n/* toggle switch */\n.toggle-switch {\n position: relative;\n display: inline-block;\n width: 60px;\n height: 34px;\n margin-top: 1em;\n}\n\n.toggle-switch input {\n opacity: 0;\n width: 0;\n height: 0;\n}\n\n.toggle-switch .slider {\n position: absolute;\n cursor: pointer;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n height: 34px;\n background-color: var(--button-color);\n transition: background-color 0.4s;\n border-radius: 34px;\n}\n\n.toggle-switch .slider:before {\n position: absolute;\n content: '';\n height: 26px;\n width: 26px;\n left: 4px;\n bottom: 4px;\n background-color: var(--text-color);\n transition: transform 0.4s;\n border-radius: 50%;\n}\n\n.toggle-switch .slider-content {\n position: relative;\n display: flex;\n height: 26px;\n width: 26px;\n top: 4px;\n align-items: center;\n justify-content: center;\n left: 4px;\n bottom: 4px;\n transition: transform 0.4s;\n border-radius: 50%;\n}\n\n.toggle-switch input:checked + .slider:before,\n.toggle-switch input:checked + .slider .slider-content {\n transform: translateX(26px);\n}\n\n#sun-icon {\n color: #e5e7eb;\n}\n\n#moon-icon {\n color: #374151;\n}\n\n/* modal */\n.modal-overlay {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.7);\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.modal-content {\n background-color: #fff;\n padding: 20px;\n border-radius: 8px;\n max-width: 500px;\n width: 80%;\n background-color: var(--background-color);\n color: var(--text-color);\n}\n\n.modal-header {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n}\n\n.form-button {\n background-color: var(--button-color);\n color: var(--text-color);\n width: 100%;\n padding: 8px;\n}\n\n.form-button:hover {\n background-color: var(--button-hover-color);\n}\n\n.refresh-button {\n width: 36px;\n height: 36px;\n min-width: 36px;\n display: flex;\n justify-content: center;\n align-items: center;\n transition: transform 0.4s;\n border-radius: 50%;\n}\n\n.refresh-button:hover {\n /* transform: rotate(360deg); */\n background-color: var(--button-hover-color);\n}\n\n.content-header {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n width: 100%;\n}\n\n.dropdown-input {\n background-color: var(--input-color);\n color: var(--text-color);\n padding-left: 8px;\n width: 100%;\n min-width: 200px;\n height: 32px;\n}\n\n#playground-box {\n height: calc(100vh - 60px);\n}\n\n#chat-container {\n display: flex;\n flex-direction: column;\n height: calc(100vh - 60px);\n}\n\n#chatbox {\n flex: 1;\n overflow: auto;\n margin: 1em;\n scrollbar-width: thin; /* For Firefox */\n scrollbar-color: var(--scrollbar-color) transparent; /* For Firefox */\n background-color: var(--input-color);\n}\n\n#chatbox::-webkit-scrollbar {\n /* For Chrome, Safari, and Opera */\n width: 12px;\n}\n\n#chatbox::-webkit-scrollbar-track {\n /* For Chrome, Safari, and Opera */\n background: transparent;\n}\n\n#chatbox::-webkit-scrollbar-thumb {\n /* For Chrome, Safari, and Opera */\n background: var(--scrollbar-color);\n border-radius: 50px;\n}\n\n#chatbox:hover::-webkit-scrollbar-thumb {\n /* For Chrome, Safari, and Opera */\n background: var(--scrollbar-color);\n}\n\n#inputbox {\n height: 80px;\n margin: 1em;\n background-color: var(--input-color);\n display: flex;\n flex-direction: row;\n}\n\n#message-input {\n flex: 1;\n background-color: var(--button-color);\n color: var(--text-color);\n}\n\n.chat-button:hover {\n background-color: var(--button-hover-color);\n}\n\n.message {\n position: relative;\n background-color: var(--chatbox-color);\n box-shadow:\n 0 10px 15px -3px rgba(0, 0, 0, 0.1),\n 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n border-radius: 10px;\n color: var(--message-text-color);\n padding: 10px;\n margin: 10px;\n z-index: 1;\n}\n\n.message.user {\n margin-left: auto;\n margin-right: 40px;\n}\n\n.message.assistant {\n margin-left: 40px;\n margin-right: auto;\n}\n\n.home-button {\n padding: 20px;\n background-color: var(--button-color);\n color: var(--text-color);\n border-radius: 10px;\n width: 600px;\n text-align: center;\n cursor: pointer;\n transition: background-color 0.3s;\n}\n\n.home-button-small {\n padding: 20px;\n background-color: var(--button-color);\n color: var(--text-color);\n border-radius: 10px;\n width: 300px;\n text-align: center;\n cursor: pointer;\n transition: background-color 0.3s;\n}\n\n.home-button-small:hover {\n background-color: var(--button-hover-color);\n}\n\n.home-button:hover {\n background-color: var(--button-hover-color);\n}\n\n.home-button-title {\n font-size: 20px;\n font-weight: bold;\n margin-bottom: 10px;\n}\n\n.home-button-description {\n font-size: 16px;\n}\n\n/* Calculator */\n.chart {\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-top: 10px;\n margin-bottom: 10px;\n border: 1px solid var(--text-color);\n border-radius: 4px;\n padding-left: 20px;\n padding-top: 12px;\n padding-bottom: 12px;\n}\n\n.chart-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n}\n\n.chart-row-title {\n width: 100px;\n}\n\n.chart-row-size {\n width: 100px;\n}\n\n.calculator-input-box {\n display: flex;\n flex-direction: row;\n width: 100%;\n margin-top: 10px;\n margin-bottom: 10px;\n border: 1px solid var(--text-color);\n border-radius: 4px;\n padding-block: 12px;\n}\n\n.calculator-box {\n width: 100%;\n margin-top: 10px;\n margin-bottom: 10px;\n border: 1px solid var(--text-color);\n border-radius: 4px;\n padding-block: 12px;\n}\n\n.calculator-input-title {\n width: 140px;\n margin-left: 20px;\n height: 100%;\n}\n\n.calculator-input-tab {\n padding-bottom: 4px;\n padding-left: 8px;\n padding-right: 8px;\n}\n\n.calculator-input-tab-active {\n padding-bottom: 4px;\n padding-left: 8px;\n padding-right: 8px;\n border-bottom: 2px solid var(--text-color);\n}\n\n.calculator-select {\n background-color: var(--input-color);\n color: var(--text-color);\n display: block;\n width: 100%;\n padding-block: 4px;\n}\n\n.calculator-input {\n background-color: var(--input-color);\n color: var(--text-color);\n display: block;\n width: 100%;\n padding-block: 4px;\n}\n\n#tooltip {\n position: absolute;\n opacity: 0;\n pointer-events: none;\n padding: 5px;\n}\n\n#right-container {\n display: flex;\n flex-direction: column;\n height: calc(100vh - 60px);\n}\n\n.table-cell {\n border: 1px solid var(--text-color);\n}\n\n.chart-side-panel {\n width: 200px;\n}\n\n.side-panel-input {\n background-color: var(--input-color);\n color: var(--text-color);\n display: block;\n width: 100%;\n padding-block: 4px;\n}\n"],"names":[],"sourceRoot":""}
|
build/static/js/{main.45548513.js β main.0dc92012.js}
RENAMED
The diff for this file is too large to render.
See raw diff
|
|
build/static/js/{main.45548513.js.LICENSE.txt β main.0dc92012.js.LICENSE.txt}
RENAMED
File without changes
|
build/static/js/{main.45548513.js.map β main.0dc92012.js.map}
RENAMED
The diff for this file is too large to render.
See raw diff
|
|
src/components/ActionButton.tsx
DELETED
@@ -1,23 +0,0 @@
|
|
1 |
-
import React from 'react'
|
2 |
-
import { useNavigate } from 'react-router-dom'
|
3 |
-
|
4 |
-
type ActionButtonProps = {
|
5 |
-
title: string
|
6 |
-
description: string
|
7 |
-
link: string
|
8 |
-
clientRendered: boolean
|
9 |
-
}
|
10 |
-
|
11 |
-
const ActionButton = ({ title, description, link, clientRendered }: ActionButtonProps) => {
|
12 |
-
const navigate = useNavigate()
|
13 |
-
return (
|
14 |
-
<button onClick={clientRendered ? () => navigate(link) : () => (window.location.href = link)}>
|
15 |
-
<div className='home-button flex-grow m-2 p-4 border'>
|
16 |
-
<div className='home-button-title'>{title}</div>
|
17 |
-
<div className='home-button-description'>{description}</div>
|
18 |
-
</div>
|
19 |
-
</button>
|
20 |
-
)
|
21 |
-
}
|
22 |
-
|
23 |
-
export default ActionButton
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
src/components/Dropdown.tsx
DELETED
@@ -1,38 +0,0 @@
|
|
1 |
-
import React, { ChangeEvent, useEffect } from 'react'
|
2 |
-
|
3 |
-
interface DropdownProps {
|
4 |
-
label: string
|
5 |
-
options: string[]
|
6 |
-
state: string
|
7 |
-
setState: (state: string) => void
|
8 |
-
}
|
9 |
-
|
10 |
-
const Dropdown = ({ options, label, state, setState }: DropdownProps) => {
|
11 |
-
const handleChange = (event: ChangeEvent<HTMLSelectElement>) => {
|
12 |
-
setState(event.target.value)
|
13 |
-
}
|
14 |
-
|
15 |
-
useEffect(() => {
|
16 |
-
if (options.length > 0) {
|
17 |
-
setState(options[0])
|
18 |
-
}
|
19 |
-
}, [options, setState])
|
20 |
-
|
21 |
-
return (
|
22 |
-
<div className='flex flex-row items-center'>
|
23 |
-
<label htmlFor='dropdown' className='whitespace-nowrap mr-4'>
|
24 |
-
{label}:
|
25 |
-
</label>
|
26 |
-
<select id='dropdown' className='dropdown-input' value={state} onChange={handleChange}>
|
27 |
-
{options.length === 0 && <option value=''>Loading options...</option>}
|
28 |
-
{options.map((option) => (
|
29 |
-
<option key={option} value={option}>
|
30 |
-
{option}
|
31 |
-
</option>
|
32 |
-
))}
|
33 |
-
</select>
|
34 |
-
</div>
|
35 |
-
)
|
36 |
-
}
|
37 |
-
|
38 |
-
export default Dropdown
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
src/components/JsonBox.tsx
DELETED
@@ -1,52 +0,0 @@
|
|
1 |
-
import React, { useEffect } from 'react'
|
2 |
-
import { Config } from '../types/types'
|
3 |
-
|
4 |
-
type JsonInputProps = {
|
5 |
-
value: string
|
6 |
-
setConfig: (updater: (prev: Config) => Config) => void
|
7 |
-
isValidJson: boolean
|
8 |
-
setIsValidJson: (arg0: boolean) => void
|
9 |
-
}
|
10 |
-
const JsonInput = ({ value, setConfig, isValidJson, setIsValidJson }: JsonInputProps) => {
|
11 |
-
useEffect(() => {
|
12 |
-
const delay = setTimeout(() => {
|
13 |
-
if (value.length === 0) {
|
14 |
-
setIsValidJson(true)
|
15 |
-
} else {
|
16 |
-
try {
|
17 |
-
JSON.parse(value)
|
18 |
-
setIsValidJson(true)
|
19 |
-
} catch (error) {
|
20 |
-
setIsValidJson(false)
|
21 |
-
}
|
22 |
-
}
|
23 |
-
}, 100) // Adjust the delay as needed
|
24 |
-
|
25 |
-
return () => clearTimeout(delay)
|
26 |
-
}, [value, setIsValidJson])
|
27 |
-
|
28 |
-
const handleInputChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {
|
29 |
-
setConfig((prev) => ({
|
30 |
-
...prev,
|
31 |
-
generation_parameters: {
|
32 |
-
...prev.generation_parameters,
|
33 |
-
json_schema: e.target.value,
|
34 |
-
},
|
35 |
-
}))
|
36 |
-
}
|
37 |
-
|
38 |
-
return (
|
39 |
-
<div>
|
40 |
-
<textarea
|
41 |
-
id='json-schema'
|
42 |
-
className='block px-4 py-2 text-sm w-full config-input resize-none'
|
43 |
-
rows={10}
|
44 |
-
placeholder='Json Schema'
|
45 |
-
onChange={handleInputChange}
|
46 |
-
/>
|
47 |
-
{!isValidJson && <p style={{ color: 'red' }}>Invalid JSON</p>}
|
48 |
-
</div>
|
49 |
-
)
|
50 |
-
}
|
51 |
-
|
52 |
-
export default JsonInput
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
src/components/SettingsPanel.tsx
DELETED
@@ -1,274 +0,0 @@
|
|
1 |
-
import React, { useState, useEffect } from 'react'
|
2 |
-
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
|
3 |
-
import { faAngleDown, faAngleUp } from '@fortawesome/free-solid-svg-icons'
|
4 |
-
|
5 |
-
import { SetVariableMappings, VariableMappings, Config, SetConfig } from '../types/types'
|
6 |
-
import JsonBox from './JsonBox'
|
7 |
-
|
8 |
-
// Types for SettingsPanel
|
9 |
-
type SettingsPanelProps = {
|
10 |
-
config: Config
|
11 |
-
setConfig: SetConfig
|
12 |
-
variableMappings: VariableMappings
|
13 |
-
setVariableMappings: SetVariableMappings
|
14 |
-
isValidJson: boolean
|
15 |
-
setIsValidJson: (arg0: boolean) => void
|
16 |
-
isValidRegex: boolean
|
17 |
-
setIsValidRegex: (arg0: boolean) => void
|
18 |
-
}
|
19 |
-
|
20 |
-
const SettingsPanel = ({
|
21 |
-
config,
|
22 |
-
setConfig,
|
23 |
-
isValidJson,
|
24 |
-
setIsValidJson,
|
25 |
-
isValidRegex,
|
26 |
-
setIsValidRegex,
|
27 |
-
}: SettingsPanelProps) => {
|
28 |
-
const [showConfig, setShowConfig] = useState(true)
|
29 |
-
|
30 |
-
useEffect(() => {
|
31 |
-
try {
|
32 |
-
console.log('trying regex')
|
33 |
-
new RegExp(config.generation_parameters.regex_string)
|
34 |
-
setIsValidRegex(true)
|
35 |
-
} catch (e) {
|
36 |
-
setIsValidRegex(false)
|
37 |
-
}
|
38 |
-
}, [config.generation_parameters.regex_string])
|
39 |
-
return (
|
40 |
-
<div id='settings-panel' className='mt-4 mx-4'>
|
41 |
-
<button
|
42 |
-
id='config-accordion'
|
43 |
-
className='accordion flex flex-row justify-between w-full items-center'
|
44 |
-
onClick={() => setShowConfig(!showConfig)}
|
45 |
-
>
|
46 |
-
<h3 className='text-xl'>Generation Config</h3>
|
47 |
-
{showConfig ? <FontAwesomeIcon icon={faAngleDown} /> : <FontAwesomeIcon icon={faAngleUp} />}
|
48 |
-
</button>
|
49 |
-
{showConfig && (
|
50 |
-
<div className='accordion-content mb-2' id='generation-config'>
|
51 |
-
<form
|
52 |
-
id='config-form'
|
53 |
-
// onsubmit="saveConfig(event)"
|
54 |
-
>
|
55 |
-
<div className='py-1'>
|
56 |
-
<label className='block py-2 text-sm' htmlFor='system-prompt'>
|
57 |
-
System Prompt
|
58 |
-
</label>
|
59 |
-
<input
|
60 |
-
id='system-prompt'
|
61 |
-
type='text'
|
62 |
-
className='block px-4 py-2 text-sm w-full config-input'
|
63 |
-
value={config.system_prompt}
|
64 |
-
onChange={(e) =>
|
65 |
-
setConfig((prev) => ({
|
66 |
-
...prev,
|
67 |
-
system_prompt: e.target.value,
|
68 |
-
}))
|
69 |
-
}
|
70 |
-
/>
|
71 |
-
<label className='block py-2 text-sm' htmlFor='sampling_temperature'>
|
72 |
-
Temperature
|
73 |
-
</label>
|
74 |
-
<input
|
75 |
-
id='sampling-temperature'
|
76 |
-
type='number'
|
77 |
-
step={0.01}
|
78 |
-
className='block px-4 py-2 text-sm w-full config-input'
|
79 |
-
value={config.generation_parameters.sampling_temperature}
|
80 |
-
onChange={(e) => {
|
81 |
-
setConfig((prev) => ({
|
82 |
-
...prev,
|
83 |
-
generation_parameters: {
|
84 |
-
...prev.generation_parameters,
|
85 |
-
sampling_temperature: parseFloat(e.target.value),
|
86 |
-
},
|
87 |
-
}))
|
88 |
-
}}
|
89 |
-
onBlur={(e) => {
|
90 |
-
if (e.target.value === '' || e.target.value === null) {
|
91 |
-
setConfig((prev) => ({
|
92 |
-
...prev,
|
93 |
-
generation_parameters: {
|
94 |
-
...prev.generation_parameters,
|
95 |
-
sampling_temperature: 1.0,
|
96 |
-
},
|
97 |
-
}))
|
98 |
-
}
|
99 |
-
}}
|
100 |
-
placeholder='1.0'
|
101 |
-
/>
|
102 |
-
<label className='block py-2 text-sm' htmlFor='sampling-topp'>
|
103 |
-
Sampling top p
|
104 |
-
</label>
|
105 |
-
<input
|
106 |
-
id='sampling-topp'
|
107 |
-
type='number'
|
108 |
-
step={0.01}
|
109 |
-
min={0}
|
110 |
-
max={1}
|
111 |
-
className='block px-4 py-2 text-sm w-full config-input'
|
112 |
-
value={config.generation_parameters.sampling_topp}
|
113 |
-
onChange={(e) => {
|
114 |
-
setConfig((prev) => ({
|
115 |
-
...prev,
|
116 |
-
generation_parameters: {
|
117 |
-
...prev.generation_parameters,
|
118 |
-
sampling_topp: parseFloat(e.target.value),
|
119 |
-
},
|
120 |
-
}))
|
121 |
-
}}
|
122 |
-
onBlur={(e) => {
|
123 |
-
if (e.target.value === '' || e.target.value === null) {
|
124 |
-
setConfig((prev) => ({
|
125 |
-
...prev,
|
126 |
-
generation_parameters: {
|
127 |
-
...prev.generation_parameters,
|
128 |
-
sampling_topp: 1.0,
|
129 |
-
},
|
130 |
-
}))
|
131 |
-
}
|
132 |
-
}}
|
133 |
-
placeholder='1.0'
|
134 |
-
/>
|
135 |
-
<label className='block py-2 text-sm' htmlFor='sampling-topk'>
|
136 |
-
Sampling top k
|
137 |
-
</label>
|
138 |
-
<input
|
139 |
-
id='sampling-topk'
|
140 |
-
type='number'
|
141 |
-
className='block px-4 py-2 text-sm w-full config-input'
|
142 |
-
value={config.generation_parameters.sampling_topk}
|
143 |
-
onChange={(e) => {
|
144 |
-
setConfig((prev) => ({
|
145 |
-
...prev,
|
146 |
-
generation_parameters: {
|
147 |
-
...prev.generation_parameters,
|
148 |
-
sampling_topk: parseFloat(e.target.value),
|
149 |
-
},
|
150 |
-
}))
|
151 |
-
}}
|
152 |
-
onBlur={(e) => {
|
153 |
-
if (e.target.value === '' || e.target.value === null) {
|
154 |
-
setConfig((prev) => ({
|
155 |
-
...prev,
|
156 |
-
generation_parameters: {
|
157 |
-
...prev.generation_parameters,
|
158 |
-
sampling_topk: 10,
|
159 |
-
},
|
160 |
-
}))
|
161 |
-
}
|
162 |
-
}}
|
163 |
-
min={0}
|
164 |
-
placeholder='10'
|
165 |
-
/>
|
166 |
-
<label className='block py-2 text-sm' htmlFor='generate-max-length'>
|
167 |
-
Max generation length
|
168 |
-
</label>
|
169 |
-
<input
|
170 |
-
id='generate-max-length'
|
171 |
-
type='number'
|
172 |
-
className='block px-4 py-2 text-sm w-full config-input'
|
173 |
-
value={config.generation_parameters.max_new_tokens}
|
174 |
-
onChange={(e) => {
|
175 |
-
setConfig((prev) => ({
|
176 |
-
...prev,
|
177 |
-
generation_parameters: {
|
178 |
-
...prev.generation_parameters,
|
179 |
-
max_new_tokens: parseFloat(e.target.value),
|
180 |
-
},
|
181 |
-
}))
|
182 |
-
}}
|
183 |
-
onBlur={(e) => {
|
184 |
-
if (e.target.value === '' || e.target.value === null) {
|
185 |
-
setConfig((prev) => ({
|
186 |
-
...prev,
|
187 |
-
generation_parameters: {
|
188 |
-
...prev.generation_parameters,
|
189 |
-
max_new_tokens: 300,
|
190 |
-
},
|
191 |
-
}))
|
192 |
-
}
|
193 |
-
}}
|
194 |
-
min={1}
|
195 |
-
placeholder='300'
|
196 |
-
/>
|
197 |
-
<label className='block py-2 text-sm' htmlFor='regex-string'>
|
198 |
-
Regex String
|
199 |
-
</label>
|
200 |
-
<input
|
201 |
-
id='regex-string'
|
202 |
-
type='text'
|
203 |
-
className='block px-4 py-2 text-sm w-full config-input'
|
204 |
-
value={config.generation_parameters.regex_string}
|
205 |
-
onChange={(e) =>
|
206 |
-
setConfig((prev) => ({
|
207 |
-
...prev,
|
208 |
-
generation_parameters: {
|
209 |
-
...prev.generation_parameters,
|
210 |
-
regex_string: e.target.value,
|
211 |
-
},
|
212 |
-
}))
|
213 |
-
}
|
214 |
-
placeholder='Regex string'
|
215 |
-
/>
|
216 |
-
{!isValidRegex && <p style={{ color: 'red' }}>Invalid Regex</p>}
|
217 |
-
<label className='block py-2 text-sm' htmlFor='json-schema'>
|
218 |
-
Json Schema
|
219 |
-
</label>
|
220 |
-
<JsonBox
|
221 |
-
value={config.generation_parameters.json_schema}
|
222 |
-
setConfig={setConfig}
|
223 |
-
isValidJson={isValidJson}
|
224 |
-
setIsValidJson={setIsValidJson}
|
225 |
-
/>
|
226 |
-
</div>
|
227 |
-
</form>
|
228 |
-
</div>
|
229 |
-
)}
|
230 |
-
{/*<button
|
231 |
-
className="accordion flex flex-row justify-between w-full items-center"
|
232 |
-
id="template-accordion"
|
233 |
-
onClick={(e) => setShowTemplateVariables(!showTemplateVariables)}
|
234 |
-
>
|
235 |
-
<h3 className="text-xl">Template variables</h3>
|
236 |
-
{showTemplateVariables ? <FontAwesomeIcon icon={faAngleDown}/> : <FontAwesomeIcon icon={faAngleUp}/>}
|
237 |
-
</button>
|
238 |
-
{showTemplateVariables && false &&
|
239 |
-
<div className="accordion-content mb-2" id="template-variables">
|
240 |
-
<div className="py-1" id="template-variables-form">
|
241 |
-
{Object.entries(variableMappings).map(([variable, value]) => (
|
242 |
-
<div key={variable}>
|
243 |
-
<label className="block py-2 text-sm">{`{{${variable}}}`}</label>
|
244 |
-
<input
|
245 |
-
className="block px-4 py-2 text-sm w-full config-input"
|
246 |
-
type="text"
|
247 |
-
value={value}
|
248 |
-
onChange={(e) => setVariableMappings((prev) => ({
|
249 |
-
...prev,
|
250 |
-
[variable]: e.target.value
|
251 |
-
}))}
|
252 |
-
/>
|
253 |
-
</div>
|
254 |
-
))}
|
255 |
-
</div>
|
256 |
-
</div>
|
257 |
-
}
|
258 |
-
<button
|
259 |
-
className="accordion flex flex-row justify-between w-full items-center"
|
260 |
-
onClick={(e) => setShowGenerationPlaceholders(!showGenerationPlaceholders)}
|
261 |
-
>
|
262 |
-
<h3 className="text-xl">Generation Placeholders</h3>
|
263 |
-
{showGenerationPlaceholders ? <FontAwesomeIcon icon={faAngleDown}/> : <FontAwesomeIcon icon={faAngleUp}/>}
|
264 |
-
</button>
|
265 |
-
{showGenerationPlaceholders &&
|
266 |
-
<div className="accordion-content mb-2" id="generation-placehoders">
|
267 |
-
<div className="py-1" id="generation-placehoders-display"></div>
|
268 |
-
</div>
|
269 |
-
}*/}
|
270 |
-
</div>
|
271 |
-
)
|
272 |
-
}
|
273 |
-
|
274 |
-
export default SettingsPanel
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
src/context/deploymentGroupContext.tsx
DELETED
@@ -1,121 +0,0 @@
|
|
1 |
-
import React, { createContext, useState, useContext, ReactNode, useEffect } from 'react';
|
2 |
-
|
3 |
-
type DeploymentGroupContextProps = {
|
4 |
-
deploymentGroups: string[];
|
5 |
-
fetchDeploymentGroups: () => void;
|
6 |
-
refreshing: boolean;
|
7 |
-
ready: boolean;
|
8 |
-
};
|
9 |
-
|
10 |
-
type DeploymentProps = {
|
11 |
-
children: ReactNode;
|
12 |
-
};
|
13 |
-
|
14 |
-
type Reader = {
|
15 |
-
consumer_group: string;
|
16 |
-
model_type: string;
|
17 |
-
};
|
18 |
-
|
19 |
-
interface Data {
|
20 |
-
live_readers: { [key: string]: Reader };
|
21 |
-
}
|
22 |
-
|
23 |
-
const DeploymentGroupContext = createContext<DeploymentGroupContextProps | undefined>(undefined);
|
24 |
-
|
25 |
-
export const DeploymentGroupProvider = ({ children }: DeploymentProps) => {
|
26 |
-
const [deploymentGroups, setDeploymentGroups] = useState<string[]>([]);
|
27 |
-
const [refreshing, setRefreshing] = useState<boolean>(true);
|
28 |
-
const [ready, setReady] = useState<boolean>(false);
|
29 |
-
|
30 |
-
const isStaticDeployment = process.env.NODE_ENV === 'production'; // Adjust this based on your environment detection
|
31 |
-
|
32 |
-
async function fetchDeploymentGroups() {
|
33 |
-
if (isStaticDeployment) {
|
34 |
-
// Skip the fetch and status checking in a static environment
|
35 |
-
setRefreshing(false);
|
36 |
-
setDeploymentGroups([]);
|
37 |
-
setReady(true);
|
38 |
-
return;
|
39 |
-
}
|
40 |
-
|
41 |
-
const url = 'status';
|
42 |
-
|
43 |
-
setRefreshing(true);
|
44 |
-
try {
|
45 |
-
const response = await fetch(url, {
|
46 |
-
method: 'GET',
|
47 |
-
headers: {
|
48 |
-
'Content-Type': 'application/json',
|
49 |
-
},
|
50 |
-
});
|
51 |
-
const data: Data = await response.json();
|
52 |
-
|
53 |
-
// Logic for filtering consumer groups
|
54 |
-
const groupMap = new Map();
|
55 |
-
const groups = Object.values(data['live_readers']).reduce(
|
56 |
-
(accumulator: string[], reader: Reader) => {
|
57 |
-
if (reader.model_type === 'EMBEDDING') {
|
58 |
-
groupMap.set(reader.consumer_group, true);
|
59 |
-
} else if (!groupMap.has(reader.consumer_group)) {
|
60 |
-
accumulator.push(reader.consumer_group);
|
61 |
-
}
|
62 |
-
return accumulator;
|
63 |
-
},
|
64 |
-
[]
|
65 |
-
);
|
66 |
-
|
67 |
-
groupMap.forEach((value, key) => {
|
68 |
-
if (value) {
|
69 |
-
const index = groups.indexOf(key);
|
70 |
-
if (index !== -1) {
|
71 |
-
groups.splice(index, 1);
|
72 |
-
}
|
73 |
-
}
|
74 |
-
});
|
75 |
-
|
76 |
-
setDeploymentGroups(groups);
|
77 |
-
if (groups.length > 0) {
|
78 |
-
setReady(true);
|
79 |
-
}
|
80 |
-
setRefreshing(false);
|
81 |
-
} catch (err) {
|
82 |
-
setRefreshing(false);
|
83 |
-
console.log(err);
|
84 |
-
}
|
85 |
-
}
|
86 |
-
|
87 |
-
useEffect(() => {
|
88 |
-
if (isStaticDeployment) {
|
89 |
-
// Skip polling in a static environment
|
90 |
-
return;
|
91 |
-
}
|
92 |
-
|
93 |
-
const pollingInterval = setInterval(() => {
|
94 |
-
if (!ready) {
|
95 |
-
fetchDeploymentGroups();
|
96 |
-
}
|
97 |
-
}, 1000);
|
98 |
-
|
99 |
-
if (ready) {
|
100 |
-
clearInterval(pollingInterval);
|
101 |
-
}
|
102 |
-
|
103 |
-
return () => clearInterval(pollingInterval);
|
104 |
-
}, [ready, isStaticDeployment]);
|
105 |
-
|
106 |
-
return (
|
107 |
-
<DeploymentGroupContext.Provider
|
108 |
-
value={{ deploymentGroups, fetchDeploymentGroups, refreshing, ready }}
|
109 |
-
>
|
110 |
-
{children}
|
111 |
-
</DeploymentGroupContext.Provider>
|
112 |
-
);
|
113 |
-
};
|
114 |
-
|
115 |
-
export const useDeploymentGroup = () => {
|
116 |
-
const context = useContext(DeploymentGroupContext);
|
117 |
-
if (!context) {
|
118 |
-
throw new Error('useDeploymentGroup must be used within a DeploymentGroupProvider');
|
119 |
-
}
|
120 |
-
return context;
|
121 |
-
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
src/context/errorContext.tsx
DELETED
@@ -1,29 +0,0 @@
|
|
1 |
-
import React, { createContext, useContext, useState, ReactNode } from 'react'
|
2 |
-
|
3 |
-
interface ErrorContextType {
|
4 |
-
error: string
|
5 |
-
setError: (error: string) => void
|
6 |
-
clearError: () => void
|
7 |
-
}
|
8 |
-
|
9 |
-
const ErrorContext = createContext<ErrorContextType | undefined>(undefined)
|
10 |
-
|
11 |
-
export const useError = () => {
|
12 |
-
const context = useContext(ErrorContext)
|
13 |
-
if (!context) {
|
14 |
-
throw new Error('useError must be used within a ErrorProvider')
|
15 |
-
}
|
16 |
-
return context
|
17 |
-
}
|
18 |
-
|
19 |
-
export const ErrorProvider = ({ children }: { children: ReactNode }) => {
|
20 |
-
const [error, setError] = useState('')
|
21 |
-
|
22 |
-
const clearError = () => setError('')
|
23 |
-
|
24 |
-
return (
|
25 |
-
<ErrorContext.Provider value={{ error, setError, clearError }}>
|
26 |
-
{children}
|
27 |
-
</ErrorContext.Provider>
|
28 |
-
)
|
29 |
-
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
src/index.tsx
CHANGED
@@ -3,31 +3,19 @@ import ReactDOM from 'react-dom/client'
|
|
3 |
import { Route, Routes, HashRouter } from 'react-router-dom'
|
4 |
import './index.css'
|
5 |
import { ThemeProvider } from './context/themeContext'
|
6 |
-
import { DeploymentGroupProvider } from './context/deploymentGroupContext'
|
7 |
-
import { ErrorProvider } from './context/errorContext'
|
8 |
import Appbar from './components/Appbar'
|
9 |
-
import Home from './pages/Home'
|
10 |
import Calculator from './pages/Calculator'
|
11 |
-
import NotFound from './pages/NotFound'
|
12 |
-
|
13 |
const root = ReactDOM.createRoot(document.getElementById('root') as HTMLElement)
|
14 |
-
|
15 |
root.render(
|
16 |
<React.StrictMode>
|
17 |
<ThemeProvider>
|
18 |
-
<
|
19 |
-
<
|
20 |
-
<
|
21 |
-
<
|
22 |
-
|
23 |
-
|
24 |
-
|
25 |
-
<Route path='*' element={<NotFound />} />
|
26 |
-
</Route>
|
27 |
-
</Routes>
|
28 |
-
</HashRouter>
|
29 |
-
</ErrorProvider>
|
30 |
-
</DeploymentGroupProvider>
|
31 |
</ThemeProvider>
|
32 |
</React.StrictMode>,
|
33 |
-
)
|
|
|
3 |
import { Route, Routes, HashRouter } from 'react-router-dom'
|
4 |
import './index.css'
|
5 |
import { ThemeProvider } from './context/themeContext'
|
|
|
|
|
6 |
import Appbar from './components/Appbar'
|
|
|
7 |
import Calculator from './pages/Calculator'
|
|
|
|
|
8 |
const root = ReactDOM.createRoot(document.getElementById('root') as HTMLElement)
|
|
|
9 |
root.render(
|
10 |
<React.StrictMode>
|
11 |
<ThemeProvider>
|
12 |
+
<HashRouter>
|
13 |
+
<Routes>
|
14 |
+
<Route path='/' element={<Appbar />}>
|
15 |
+
<Route index element={<Calculator />} />
|
16 |
+
</Route>
|
17 |
+
</Routes>
|
18 |
+
</HashRouter>
|
|
|
|
|
|
|
|
|
|
|
|
|
19 |
</ThemeProvider>
|
20 |
</React.StrictMode>,
|
21 |
+
)
|
src/pages/Calculator.tsx
CHANGED
@@ -678,6 +678,7 @@ const Calculator = () => {
|
|
678 |
|
679 |
{/* Render Appropriate Calculator Based on Toggle */}
|
680 |
{isPrefillChunking ? (
|
|
|
681 |
<PrefillChunkingCalculator
|
682 |
deviceMemory={deviceMemory!}
|
683 |
modelParams={modelParams!}
|
@@ -686,6 +687,7 @@ const Calculator = () => {
|
|
686 |
intermediateSize={intermediateSize!}
|
687 |
/>
|
688 |
) : (
|
|
|
689 |
<StandardCalculator
|
690 |
deviceMemory={deviceMemory!}
|
691 |
modelParams={modelParams!}
|
|
|
678 |
|
679 |
{/* Render Appropriate Calculator Based on Toggle */}
|
680 |
{isPrefillChunking ? (
|
681 |
+
// eslint-disable-next-line
|
682 |
<PrefillChunkingCalculator
|
683 |
deviceMemory={deviceMemory!}
|
684 |
modelParams={modelParams!}
|
|
|
687 |
intermediateSize={intermediateSize!}
|
688 |
/>
|
689 |
) : (
|
690 |
+
// eslint-disable-next-line
|
691 |
<StandardCalculator
|
692 |
deviceMemory={deviceMemory!}
|
693 |
modelParams={modelParams!}
|
src/pages/Home.tsx
DELETED
@@ -1,26 +0,0 @@
|
|
1 |
-
import React from 'react'
|
2 |
-
import ActionButton from '../components/ActionButton'
|
3 |
-
|
4 |
-
const Home = () => {
|
5 |
-
return (
|
6 |
-
<div>
|
7 |
-
<div className='flex flex-col items-center h-screen w-2000'>
|
8 |
-
<h1 className='text-4xl mb-4'>TitanML</h1>
|
9 |
-
<ActionButton
|
10 |
-
title='Memory Calculator'
|
11 |
-
description='Find out how much memory you need for your AI models.'
|
12 |
-
link='/calculator'
|
13 |
-
clientRendered={true}
|
14 |
-
/>
|
15 |
-
<ActionButton
|
16 |
-
title='Takeoff Documentation'
|
17 |
-
description='View our official documentation for Titan Takeoff Server.'
|
18 |
-
link='https://docs.titanml.co/docs/intro'
|
19 |
-
clientRendered={false}
|
20 |
-
/>
|
21 |
-
</div>
|
22 |
-
</div>
|
23 |
-
)
|
24 |
-
}
|
25 |
-
|
26 |
-
export default Home
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
src/pages/NotFound.tsx
DELETED
@@ -1,28 +0,0 @@
|
|
1 |
-
import React from 'react'
|
2 |
-
import { useNavigate } from 'react-router-dom'
|
3 |
-
|
4 |
-
const NotFound = () => {
|
5 |
-
const navigate = useNavigate()
|
6 |
-
return (
|
7 |
-
<div>
|
8 |
-
<div className='flex flex-col items-center h-screen w-200'>
|
9 |
-
<h1 className='text-4xl mb-4'>404 - Not found</h1>
|
10 |
-
<h3 className='text-ml mb-2'>
|
11 |
-
The page you are looking for is not known. Why not visit one of our known pages?
|
12 |
-
</h3>
|
13 |
-
<button onClick={() => navigate('/calculator')}>
|
14 |
-
<div className='home-button-small flex-grow m-2 p-4 border'>
|
15 |
-
<div className='home-button-title'>Model Memory Calculator</div>
|
16 |
-
</div>
|
17 |
-
</button>
|
18 |
-
<button onClick={() => (window.location.href = 'https://docs.titanml.co/docs/intro')}>
|
19 |
-
<div className='home-button-small flex-grow m-2 p-4 border'>
|
20 |
-
<div className='home-button-title'>Takeoff Docs</div>
|
21 |
-
</div>
|
22 |
-
</button>
|
23 |
-
</div>
|
24 |
-
</div>
|
25 |
-
)
|
26 |
-
}
|
27 |
-
|
28 |
-
export default NotFound
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|