Gogryu commited on
Commit
cd7e5b4
β€’
1 Parent(s): b515e63

minor adjustments

Browse files
build/asset-manifest.json CHANGED
@@ -1,15 +1,15 @@
1
  {
2
  "files": {
3
- "main.css": "/static/css/main.30d8f365.css",
4
- "main.js": "/static/js/main.45548513.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.30d8f365.css.map": "/static/css/main.30d8f365.css.map",
9
- "main.45548513.js.map": "/static/js/main.45548513.js.map"
10
  },
11
  "entrypoints": [
12
- "static/css/main.30d8f365.css",
13
- "static/js/main.45548513.js"
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="./static/js/main.45548513.js"></script><link href="./static/css/main.30d8f365.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
 
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
- <DeploymentGroupProvider>
19
- <ErrorProvider>
20
- <HashRouter>
21
- <Routes>
22
- <Route path='/' element={<Appbar />}>
23
- <Route index element={<Calculator />} />
24
- {/* <Route path='calculator' element={<Calculator />} /> */}
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