prompt_objects 0.4.0 → 0.5.0

data/lib/prompt_objects/server/public/assets/index-DdCcwC-Z.css

@@ -0,0 +1 @@
+*,:before,:after{--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: rgb(59 130 246 / .5);--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: }::backdrop{--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: rgb(59 130 246 / .5);--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: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}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,samp,pre{font-family:Geist Mono,IBM Plex Mono,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color: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:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-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,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media(min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media(min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media(min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media(min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media(min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.bottom-3{bottom:.75rem}.bottom-4{bottom:1rem}.left-3{left:.75rem}.right-0{right:0}.right-4{right:1rem}.top-0{top:0}.top-3{top:.75rem}.top-full{top:100%}.z-10{z-index:10}.z-50{z-index:50}.my-0\.5{margin-top:.125rem;margin-bottom:.125rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.ml-0\.5{margin-left:.125rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.inline-block{display:inline-block}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-1\.5{height:.375rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-40{height:10rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-full{height:100%}.h-screen{height:100vh}.max-h-32{max-height:8rem}.max-h-48{max-height:12rem}.max-h-64{max-height:16rem}.max-h-\[60vh\]{max-height:60vh}.max-h-\[80vh\]{max-height:80vh}.w-1\.5{width:.375rem}.w-2{width:.5rem}.w-3{width:.75rem}.w-56{width:14rem}.w-60{width:15rem}.w-80{width:20rem}.w-96{width:24rem}.w-\[400px\]{width:400px}.w-full{width:100%}.min-w-\[140px\]{min-width:140px}.min-w-full{min-width:100%}.max-w-\[60px\]{max-width:60px}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem * var(--tw-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-b{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-b-0{border-bottom-width:0px}.border-l{border-left-width:1px}.border-l-2{border-left-width:2px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-po-accent{--tw-border-opacity: 1;border-color:rgb(212 149 42 / var(--tw-border-opacity, 1))}.border-po-border{--tw-border-opacity: 1;border-color:rgb(61 58 55 / var(--tw-border-opacity, 1))}.border-po-status-calling{--tw-border-opacity: 1;border-color:rgb(59 154 110 / var(--tw-border-opacity, 1))}.border-po-warning{--tw-border-opacity: 1;border-color:rgb(212 149 42 / var(--tw-border-opacity, 1))}.border-po-warning\/30{border-color:#d4952a4d}.border-transparent{border-color:transparent}.bg-black\/50{background-color:#00000080}.bg-po-accent{--tw-bg-opacity: 1;background-color:rgb(212 149 42 / var(--tw-bg-opacity, 1))}.bg-po-accent-wash{background-color:#d4952a14}.bg-po-bg{--tw-bg-opacity: 1;background-color:rgb(26 25 24 / var(--tw-bg-opacity, 1))}.bg-po-error{--tw-bg-opacity: 1;background-color:rgb(196 92 74 / var(--tw-bg-opacity, 1))}.bg-po-status-active{--tw-bg-opacity: 1;background-color:rgb(212 149 42 / var(--tw-bg-opacity, 1))}.bg-po-status-calling{--tw-bg-opacity: 1;background-color:rgb(59 154 110 / var(--tw-bg-opacity, 1))}.bg-po-status-idle{--tw-bg-opacity: 1;background-color:rgb(120 114 106 / var(--tw-bg-opacity, 1))}.bg-po-success{--tw-bg-opacity: 1;background-color:rgb(59 154 110 / var(--tw-bg-opacity, 1))}.bg-po-surface{--tw-bg-opacity: 1;background-color:rgb(34 33 32 / var(--tw-bg-opacity, 1))}.bg-po-surface-2{--tw-bg-opacity: 1;background-color:rgb(44 42 40 / var(--tw-bg-opacity, 1))}.bg-po-surface-2\/80{background-color:#2c2a28cc}.bg-po-text-ghost{--tw-bg-opacity: 1;background-color:rgb(82 78 72 / var(--tw-bg-opacity, 1))}.bg-po-warning{--tw-bg-opacity: 1;background-color:rgb(212 149 42 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-1\.5{padding-bottom:.375rem}.pb-2{padding-bottom:.5rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-\[4\.5rem\]{padding-left:4.5rem}.text-left{text-align:left}.text-center{text-align:center}.align-text-bottom{vertical-align:text-bottom}.font-mono{font-family:Geist Mono,IBM Plex Mono,monospace}.font-ui{font-family:Geist,system-ui,sans-serif}.text-2xs{font-size:11px;line-height:15px}.text-\[0\.9em\]{font-size:.9em}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.uppercase{text-transform:uppercase}.normal-case{text-transform:none}.italic{font-style:italic}.leading-relaxed{line-height:1.625}.tracking-wider{letter-spacing:.05em}.text-po-accent{--tw-text-opacity: 1;color:rgb(212 149 42 / var(--tw-text-opacity, 1))}.text-po-bg{--tw-text-opacity: 1;color:rgb(26 25 24 / var(--tw-text-opacity, 1))}.text-po-error{--tw-text-opacity: 1;color:rgb(196 92 74 / var(--tw-text-opacity, 1))}.text-po-status-active{--tw-text-opacity: 1;color:rgb(212 149 42 / var(--tw-text-opacity, 1))}.text-po-status-calling{--tw-text-opacity: 1;color:rgb(59 154 110 / var(--tw-text-opacity, 1))}.text-po-status-delegated{--tw-text-opacity: 1;color:rgb(90 143 194 / var(--tw-text-opacity, 1))}.text-po-success{--tw-text-opacity: 1;color:rgb(59 154 110 / var(--tw-text-opacity, 1))}.text-po-text-ghost{--tw-text-opacity: 1;color:rgb(82 78 72 / var(--tw-text-opacity, 1))}.text-po-text-primary{--tw-text-opacity: 1;color:rgb(232 226 218 / var(--tw-text-opacity, 1))}.text-po-text-secondary{--tw-text-opacity: 1;color:rgb(168 162 154 / var(--tw-text-opacity, 1))}.text-po-text-tertiary{--tw-text-opacity: 1;color:rgb(120 114 106 / var(--tw-text-opacity, 1))}.text-po-warning{--tw-text-opacity: 1;color:rgb(212 149 42 / var(--tw-text-opacity, 1))}.placeholder-po-text-ghost::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(82 78 72 / var(--tw-placeholder-opacity, 1))}.placeholder-po-text-ghost::placeholder{--tw-placeholder-opacity: 1;color:rgb(82 78 72 / var(--tw-placeholder-opacity, 1))}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_5px_rgba\(212\,149\,42\,0\.6\)\]{--tw-shadow: 0 0 5px rgba(212,149,42,.6);--tw-shadow-colored: 0 0 5px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_5px_rgba\(59\,154\,110\,0\.6\)\]{--tw-shadow: 0 0 5px rgba(59,154,110,.6);--tw-shadow-colored: 0 0 5px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_6px_rgba\(212\,149\,42\,0\.7\)\]{--tw-shadow: 0 0 6px rgba(212,149,42,.7);--tw-shadow-colored: 0 0 6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_6px_rgba\(59\,154\,110\,0\.7\)\]{--tw-shadow: 0 0 6px rgba(59,154,110,.7);--tw-shadow-colored: 0 0 6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.filter{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)}.backdrop-blur{--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-150{transition-duration:.15s}html{color-scheme:dark;font-size:14px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{--tw-bg-opacity: 1;background-color:rgb(26 25 24 / var(--tw-bg-opacity, 1))}::-webkit-scrollbar-thumb{border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(61 58 55 / var(--tw-bg-opacity, 1))}::-webkit-scrollbar-thumb:hover{--tw-bg-opacity: 1;background-color:rgb(92 87 82 / var(--tw-bg-opacity, 1))}::-moz-selection{background:#d4952a4d}::selection{background:#d4952a4d}.resize-handle{width:.25rem;cursor:col-resize;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.resize-handle:hover{background-color:#d4952a4d}.resize-handle:active{background-color:#d4952a80}.resize-handle-h{height:.25rem;cursor:row-resize;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.resize-handle-h:hover{background-color:#d4952a4d}.resize-handle-h:active{background-color:#d4952a80}.canvas-node-label{text-align:center;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.canvas-node-name{display:block;color:#e8e2da;font-size:12px;font-weight:500;font-family:Geist Mono,IBM Plex Mono,monospace;text-shadow:0 1px 4px rgba(0,0,0,.8)}.canvas-node-status{display:block;color:#78726a;font-size:10px;font-family:Geist Mono,IBM Plex Mono,monospace;text-shadow:0 1px 4px rgba(0,0,0,.8)}.canvas-node-badge{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:#d4952a;color:#1a1918;font-size:10px;font-weight:700;border-radius:50%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:0 0 8px #d4952a99}.canvas-toolcall-label{color:#3b9a6e;font-size:10px;font-family:Geist Mono,IBM Plex Mono,monospace;text-align:center;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-shadow:0 1px 4px rgba(0,0,0,.8)}.first\:mt-0:first-child{margin-top:0}.last\:mb-0:last-child{margin-bottom:0}.hover\:border-po-accent:hover{--tw-border-opacity: 1;border-color:rgb(212 149 42 / var(--tw-border-opacity, 1))}.hover\:border-po-border-focus:hover{--tw-border-opacity: 1;border-color:rgb(92 87 82 / var(--tw-border-opacity, 1))}.hover\:bg-po-accent-muted:hover{--tw-bg-opacity: 1;background-color:rgb(154 109 32 / var(--tw-bg-opacity, 1))}.hover\:bg-po-surface-2:hover{--tw-bg-opacity: 1;background-color:rgb(44 42 40 / var(--tw-bg-opacity, 1))}.hover\:bg-po-surface-3:hover{--tw-bg-opacity: 1;background-color:rgb(54 52 50 / var(--tw-bg-opacity, 1))}.hover\:text-po-accent:hover{--tw-text-opacity: 1;color:rgb(212 149 42 / var(--tw-text-opacity, 1))}.hover\:text-po-text-primary:hover{--tw-text-opacity: 1;color:rgb(232 226 218 / var(--tw-text-opacity, 1))}.hover\:text-po-text-secondary:hover{--tw-text-opacity: 1;color:rgb(168 162 154 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.focus\:border-po-accent:focus{--tw-border-opacity: 1;border-color:rgb(212 149 42 / var(--tw-border-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.disabled\:opacity-50:disabled{opacity:.5}@media(min-width:640px){.sm\:inline{display:inline}}

data/lib/prompt_objects/server/public/index.html

@@ -4,11 +4,15 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin />
+    <link href="https://cdn.jsdelivr.net/fontsource/fonts/geist@latest/latin-400-normal.woff2" as="font" type="font/woff2" crossorigin />
+    <link href="https://cdn.jsdelivr.net/npm/geist@1/dist/fonts/geist-sans/style.css" rel="stylesheet" />
+    <link href="https://cdn.jsdelivr.net/npm/geist@1/dist/fonts/geist-mono/style.css" rel="stylesheet" />
     <title>PromptObjects</title>
-    <script type="module" crossorigin src="/assets/index-xvyeb-5Z.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-6y64NXFy.css">
+    <script type="module" crossorigin src="/assets/index-D1myxE0l.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-DdCcwC-Z.css">
   </head>
-  <body class="bg-po-bg text-gray-100">
+  <body class="bg-po-bg text-po-text-primary font-ui">
     <div id="root"></div>
   </body>
 </html>

data/lib/prompt_objects/server/websocket_handler.rb

@@ -156,7 +156,7 @@ module PromptObjects
             type: "po_state",
             payload: {
               name: po.name,
-              state: po_state_hash(po).merge(status: "idle")
+              state: po.to_state_hash(registry: @runtime.registry).merge(status: "idle")
             }
           )
         end
@@ -269,7 +269,7 @@ module PromptObjects
             type: "po_state",
             payload: {
               name: po_name,
-              state: { sessions: po.list_sessions.map { |s| session_summary(s) } }
+              state: { sessions: po.list_sessions.map { |s| PromptObject.serialize_session(s) } }
             }
           )
         end
@@ -311,7 +311,7 @@ module PromptObjects
               payload: {
                 target: po_obj.name,
                 session_id: session_id,
-                messages: history.map { |m| message_to_hash(m) }
+                messages: history.map { |m| PromptObject.serialize_message(m) }
               }
             )
           }
@@ -350,11 +350,24 @@ module PromptObjects
               type: "po_state",
               payload: {
                 name: po_name,
-                state: { sessions: po.list_sessions.map { |s| session_summary(s) } }
+                state: { sessions: po.list_sessions.map { |s| PromptObject.serialize_session(s) } }
               }
             )
           rescue => e
             send_error("Error from #{po_name}: #{e.message}")
+
+            # Broadcast rich error context for diagnostics
+            llm_config = @runtime.llm_config
+            send_message(
+              type: "llm_error",
+              payload: {
+                po_name: po_name,
+                provider: llm_config[:provider],
+                model: llm_config[:model],
+                error: e.message,
+                error_class: e.class.name
+              }
+            )
           ensure
             # Clean up the callback
             po.on_history_updated = nil
@@ -425,7 +438,7 @@ module PromptObjects
         # Also send updated PO state
         send_message(
           type: "po_state",
-          payload: { name: po_name, state: po_state_hash(po) }
+          payload: { name: po_name, state: po.to_state_hash(registry: @runtime.registry) }
         )
       end
 
@@ -445,7 +458,7 @@ module PromptObjects
           # Send updated PO state with new session's messages
           send_message(
             type: "po_state",
-            payload: { name: po_name, state: po_state_hash(po) }
+            payload: { name: po_name, state: po.to_state_hash(registry: @runtime.registry) }
           )
         else
           send_error("Could not switch to session: #{session_id}")
@@ -475,7 +488,7 @@ module PromptObjects
         # Also send updated PO state
         send_message(
           type: "po_state",
-          payload: { name: po_name, state: po_state_hash(po) }
+          payload: { name: po_name, state: po.to_state_hash(registry: @runtime.registry) }
         )
       end
 
@@ -501,7 +514,7 @@ module PromptObjects
           info = LLM::Factory.provider_info(provider)
           {
             name: provider,
-            models: info[:models],
+            models: LLM::Factory.models_for(provider),
             default_model: info[:default_model],
             available: LLM::Factory.available_providers[provider]
           }
@@ -632,71 +645,12 @@ module PromptObjects
         send_message(type: "error", payload: { message: message })
       end
 
-      def po_state_hash(po)
-        {
-          status: po.instance_variable_get(:@state) || "idle",
-          description: po.description,
-          capabilities: declared_capabilities_info(po),
-          universal_capabilities: universal_capabilities_info,
-          current_session: current_session_hash(po),
-          sessions: po.list_sessions.map { |s| session_summary(s) },
-          # Include full prompt for inspection
-          prompt: po.body,
-          config: po.config
-        }
-      end
-
-      def declared_capabilities_info(po)
-        declared = po.config["capabilities"] || []
-        declared.map do |name|
-          cap = @runtime.registry.get(name)
-          {
-            name: name,
-            description: cap&.description || "Capability not found",
-            parameters: cap&.parameters
-          }
-        end
-      end
-
-      def universal_capabilities_info
-        UNIVERSAL_CAPABILITIES.map do |name|
-          cap = @runtime.registry.get(name)
-          {
-            name: name,
-            description: cap&.description || "Universal capability",
-            parameters: cap&.parameters
-          }
-        end
-      end
-
-      def current_session_hash(po)
-        return nil unless po.session_id
-
-        {
-          id: po.session_id,
-          messages: po.history.map { |m| message_to_hash(m) }
-        }
-      end
-
       # Get messages for a specific session (may not be current session)
       def session_messages(po, session_id)
         return [] unless @runtime.session_store
 
         messages = @runtime.session_store.get_messages(session_id)
-        messages.map { |m| message_to_hash(m) }
-      end
-
-      def session_summary(session)
-        {
-          id: session[:id],
-          name: session[:name],
-          message_count: session[:message_count] || 0,
-          updated_at: session[:updated_at]&.iso8601,
-          # Thread fields
-          parent_session_id: session[:parent_session_id],
-          parent_po: session[:parent_po],
-          thread_type: session[:thread_type] || "root"
-        }
+        messages.map { |m| PromptObject.serialize_message(m) }
       end
 
       # Recursively serialize a thread tree for JSON
@@ -704,42 +658,11 @@ module PromptObjects
         return nil unless tree
 
         {
-          session: session_summary(tree[:session]),
+          session: PromptObject.serialize_session(tree[:session]),
           children: (tree[:children] || []).map { |child| serialize_thread_tree(child) }
         }
       end
 
-      def message_to_hash(msg)
-        case msg[:role]
-        when :user
-          # In-memory messages use :from, SQLite-loaded messages use :from_po
-          from = msg[:from] || msg[:from_po]
-          { role: "user", content: msg[:content], from: from }
-        when :assistant
-          hash = { role: "assistant", content: msg[:content] }
-          if msg[:tool_calls]
-            hash[:tool_calls] = msg[:tool_calls].map do |tc|
-              # Handle both ToolCall objects and Hashes (from DB with symbol or string keys)
-              if tc.is_a?(LLM::ToolCall)
-                { id: tc.id, name: tc.name, arguments: tc.arguments }
-              else
-                tc_id = tc[:id] || tc["id"]
-                tc_name = tc[:name] || tc["name"]
-                tc_args = tc[:arguments] || tc["arguments"] || {}
-                { id: tc_id, name: tc_name, arguments: tc_args }
-              end
-            end
-          end
-          hash
-        when :tool
-          # In-memory messages use :results, SQLite-loaded messages use :tool_results
-          results = msg[:results] || msg[:tool_results]
-          { role: "tool", results: results }
-        else
-          { role: msg[:role].to_s, content: msg[:content] }
-        end
-      end
-
       def request_to_hash(request)
         {
           id: request.id,

data/lib/prompt_objects/server.rb

@@ -40,7 +40,7 @@ module PromptObjects
           type: "po_added",
           payload: {
             name: po.name,
-            state: po_state_hash(po)
+            state: po.to_state_hash(registry: runtime.registry)
           }
         )
         puts "Broadcast: PO registered - #{po.name}"
@@ -53,7 +53,7 @@ module PromptObjects
           type: "po_modified",
           payload: {
             name: po.name,
-            state: po_state_hash(po)
+            state: po.to_state_hash(registry: runtime.registry)
           }
         )
         puts "Broadcast: PO modified (programmatic) - #{po.name}"
@@ -64,7 +64,7 @@ module PromptObjects
       if env_path
         file_watcher = FileWatcher.new(runtime: runtime, env_path: env_path)
         file_watcher.subscribe do |event, data|
-          handle_file_event(app, event, data)
+          handle_file_event(app, event, data, runtime: runtime)
         end
         file_watcher.start
       end
@@ -140,7 +140,7 @@ module PromptObjects
     end
 
     # Handle file change events and broadcast to connected clients.
-    def self.handle_file_event(app, event, data)
+    def self.handle_file_event(app, event, data, runtime: nil)
       case event
       when :po_added
         po = data
@@ -148,7 +148,7 @@ module PromptObjects
           type: "po_added",
           payload: {
             name: po.name,
-            state: po_state_hash(po)
+            state: po.to_state_hash(registry: runtime&.registry)
           }
         )
         puts "Broadcast: PO added - #{po.name}"
@@ -159,7 +159,7 @@ module PromptObjects
           type: "po_modified",
           payload: {
             name: po.name,
-            state: po_state_hash(po)
+            state: po.to_state_hash(registry: runtime&.registry)
           }
         )
         puts "Broadcast: PO modified - #{po.name}"
@@ -173,61 +173,5 @@ module PromptObjects
       end
     end
 
-    # Helper to convert PO to state hash for broadcasting.
-    def self.po_state_hash(po)
-      {
-        status: po.instance_variable_get(:@state) || "idle",
-        description: po.description,
-        capabilities: po.config["capabilities"] || [],
-        current_session: current_session_hash(po),
-        sessions: po.list_sessions.map do |s|
-          {
-            id: s[:id],
-            name: s[:name],
-            message_count: s[:message_count] || 0,
-            updated_at: s[:updated_at]&.iso8601,
-            # Thread fields
-            parent_session_id: s[:parent_session_id],
-            parent_po: s[:parent_po],
-            thread_type: s[:thread_type] || "root"
-          }
-        end,
-        prompt: po.body,
-        config: po.config
-      }
-    end
-
-    # Helper to get current session data for a PO.
-    def self.current_session_hash(po)
-      return nil unless po.session_id
-
-      {
-        id: po.session_id,
-        messages: po.history.map { |m| message_to_hash(m) }
-      }
-    end
-
-    # Helper to convert a message to JSON-serializable hash.
-    def self.message_to_hash(msg)
-      case msg[:role]
-      when :user
-        { role: "user", content: msg[:content], from: msg[:from] }
-      when :assistant
-        hash = { role: "assistant", content: msg[:content] }
-        if msg[:tool_calls]
-          hash[:tool_calls] = msg[:tool_calls].map do |tc|
-            tc_id = tc.respond_to?(:id) ? tc.id : (tc[:id] || tc["id"])
-            tc_name = tc.respond_to?(:name) ? tc.name : (tc[:name] || tc["name"])
-            tc_args = tc.respond_to?(:arguments) ? tc.arguments : (tc[:arguments] || tc["arguments"] || {})
-            { id: tc_id, name: tc_name, arguments: tc_args }
-          end
-        end
-        hash
-      when :tool
-        { role: "tool", results: msg[:results] }
-      else
-        { role: msg[:role].to_s, content: msg[:content] }
-      end
-    end
   end
 end

data/prompt_objects.gemspec

@@ -2,7 +2,7 @@
 
 Gem::Specification.new do |spec|
   spec.name          = "prompt_objects"
-  spec.version       = "0.4.0"
+  spec.version       = "0.5.0"
   spec.authors       = ["Scott Werner"]
   spec.email         = ["scott@sublayer.com"]
 

data/templates/arc-agi-1/primitives/find_objects.rb

@@ -15,7 +15,7 @@ module PromptObjects
         {
           type: "object",
           properties: {
-            grid: { type: "array", description: "2D array of integers" },
+            grid: { type: "array", items: { type: "array", items: { type: "integer" } }, description: "2D array of integers" },
             background: { type: "integer", description: "Background color to ignore (default: 0)" }
           },
           required: ["grid"]

data/templates/arc-agi-1/primitives/grid_diff.rb

@@ -15,8 +15,8 @@ module PromptObjects
         {
           type: "object",
           properties: {
-            grid_a: { type: "array", description: "First grid (2D array)" },
-            grid_b: { type: "array", description: "Second grid (2D array)" }
+            grid_a: { type: "array", items: { type: "array", items: { type: "integer" } }, description: "First grid (2D array)" },
+            grid_b: { type: "array", items: { type: "array", items: { type: "integer" } }, description: "Second grid (2D array)" }
           },
           required: ["grid_a", "grid_b"]
         }

data/templates/arc-agi-1/primitives/grid_info.rb

@@ -15,7 +15,7 @@ module PromptObjects
         {
           type: "object",
           properties: {
-            grid: { type: "array", description: "2D array of integers" }
+            grid: { type: "array", items: { type: "array", items: { type: "integer" } }, description: "2D array of integers" }
           },
           required: ["grid"]
         }

data/templates/arc-agi-1/primitives/grid_transform.rb

@@ -15,7 +15,7 @@ module PromptObjects
         {
           type: "object",
           properties: {
-            grid: { type: "array", description: "2D array of integers" },
+            grid: { type: "array", items: { type: "array", items: { type: "integer" } }, description: "2D array of integers" },
             operation: {
               type: "string",
               enum: %w[rotate_90 rotate_180 rotate_270 flip_h flip_v transpose],

data/templates/arc-agi-1/primitives/render_grid.rb

@@ -27,6 +27,7 @@ module PromptObjects
           properties: {
             grid: {
               type: "array",
+              items: { type: "array", items: { type: "integer" } },
               description: "2D array of integers 0-9"
             },
             label: {

data/templates/arc-agi-1/primitives/test_solution.rb

@@ -21,14 +21,17 @@ module PromptObjects
             },
             grid: {
               type: "array",
+              items: { type: "array", items: { type: "integer" } },
               description: "A grid to compare directly against expected output (for quick checks)"
             },
             expected: {
               type: "array",
+              items: { type: "array", items: { type: "integer" } },
               description: "Expected output grid (used with 'grid' parameter)"
             },
             train: {
               type: "array",
+              items: { type: "object" },
               description: "Training pairs array (used with 'primitive_name'). Each element has 'input' and 'output' grids."
             }
           },

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: prompt_objects
 version: !ruby/object:Gem::Version
-  version: 0.4.0
+  version: 0.5.0
 platform: ruby
 authors:
 - Scott Werner
@@ -231,22 +231,21 @@ files:
 - frontend/src/canvas/nodes/PONode.ts
 - frontend/src/canvas/nodes/ToolCallNode.ts
 - frontend/src/canvas/types.ts
-- frontend/src/components/CapabilitiesPanel.tsx
-- frontend/src/components/ChatPanel.tsx
 - frontend/src/components/ContextMenu.tsx
-- frontend/src/components/Dashboard.tsx
-- frontend/src/components/Header.tsx
+- frontend/src/components/Inspector.tsx
 - frontend/src/components/MarkdownMessage.tsx
-- frontend/src/components/MessageBus.tsx
+- frontend/src/components/MethodList.tsx
 - frontend/src/components/ModelSelector.tsx
 - frontend/src/components/NotificationPanel.tsx
-- frontend/src/components/POCard.tsx
-- frontend/src/components/PODetail.tsx
-- frontend/src/components/PromptPanel.tsx
-- frontend/src/components/SessionsPanel.tsx
-- frontend/src/components/ThreadsSidebar.tsx
+- frontend/src/components/ObjectList.tsx
+- frontend/src/components/PaneSlot.tsx
+- frontend/src/components/SourcePane.tsx
+- frontend/src/components/SystemBar.tsx
+- frontend/src/components/Transcript.tsx
 - frontend/src/components/UsagePanel.tsx
+- frontend/src/components/Workspace.tsx
 - frontend/src/components/index.ts
+- frontend/src/hooks/useResize.ts
 - frontend/src/hooks/useWebSocket.ts
 - frontend/src/index.css
 - frontend/src/main.tsx
@@ -293,8 +292,8 @@ files:
 - lib/prompt_objects/server/api/routes.rb
 - lib/prompt_objects/server/app.rb
 - lib/prompt_objects/server/file_watcher.rb
-- lib/prompt_objects/server/public/assets/index-6y64NXFy.css
-- lib/prompt_objects/server/public/assets/index-xvyeb-5Z.js
+- lib/prompt_objects/server/public/assets/index-D1myxE0l.js
+- lib/prompt_objects/server/public/assets/index-DdCcwC-Z.css
 - lib/prompt_objects/server/public/index.html
 - lib/prompt_objects/server/websocket_handler.rb
 - lib/prompt_objects/session/store.rb

data/frontend/src/components/CapabilitiesPanel.tsx

@@ -1,141 +0,0 @@
-import { useState } from 'react'
-import type { PromptObject, CapabilityInfo } from '../types'
-
-interface CapabilitiesPanelProps {
-  po: PromptObject
-}
-
-export function CapabilitiesPanel({ po }: CapabilitiesPanelProps) {
-  const capabilities = po.capabilities || []
-  const universalCapabilities = po.universal_capabilities || []
-
-  return (
-    <div className="h-full overflow-auto p-4">
-      {/* Declared Capabilities */}
-      <div className="mb-6">
-        <h3 className="text-lg font-medium text-white mb-3">
-          Declared Capabilities
-          <span className="ml-2 text-sm text-gray-500">({capabilities.length})</span>
-        </h3>
-
-        {capabilities.length === 0 ? (
-          <div className="text-gray-500 text-sm py-4 px-3 bg-po-bg rounded-lg border border-po-border">
-            No capabilities declared. This PO can only use universal capabilities.
-          </div>
-        ) : (
-          <div className="space-y-1">
-            {capabilities.map((cap) => (
-              <CapabilityItem key={cap.name} capability={cap} accent />
-            ))}
-          </div>
-        )}
-      </div>
-
-      {/* Universal Capabilities */}
-      <div>
-        <h3 className="text-lg font-medium text-white mb-3">
-          Universal Capabilities
-          <span className="ml-2 text-sm text-gray-500">({universalCapabilities.length})</span>
-        </h3>
-        <p className="text-xs text-gray-500 mb-3">
-          Available to all Prompt Objects automatically.
-        </p>
-
-        <div className="space-y-1">
-          {universalCapabilities.map((cap) => (
-            <CapabilityItem key={cap.name} capability={cap} />
-          ))}
-        </div>
-      </div>
-    </div>
-  )
-}
-
-interface CapabilityItemProps {
-  capability: CapabilityInfo
-  accent?: boolean  // Use accent color for name (for declared caps)
-}
-
-function CapabilityItem({ capability, accent }: CapabilityItemProps) {
-  const [expanded, setExpanded] = useState(false)
-
-  return (
-    <div className="bg-po-bg border border-po-border rounded-lg overflow-hidden">
-      <button
-        onClick={() => setExpanded(!expanded)}
-        className="w-full px-3 py-2 flex items-center justify-between hover:bg-po-surface transition-colors"
-      >
-        <span className={`font-mono text-sm ${accent ? 'text-po-accent' : 'text-gray-300'}`}>
-          {capability.name}
-        </span>
-        <span className="text-gray-500 text-xs">{expanded ? '▼' : '▶'}</span>
-      </button>
-      {expanded && (
-        <div className="px-3 py-2 border-t border-po-border bg-po-surface space-y-3">
-          <p className="text-xs text-gray-400">{capability.description}</p>
-
-          {capability.parameters && (
-            <ParametersDisplay parameters={capability.parameters} />
-          )}
-        </div>
-      )}
-    </div>
-  )
-}
-
-interface ParametersDisplayProps {
-  parameters: Record<string, unknown>
-}
-
-function ParametersDisplay({ parameters }: ParametersDisplayProps) {
-  const properties = (parameters.properties as Record<string, unknown>) || {}
-  const required = (parameters.required as string[]) || []
-
-  const propertyNames = Object.keys(properties)
-
-  if (propertyNames.length === 0) {
-    return null
-  }
-
-  return (
-    <div>
-      <div className="text-xs text-gray-500 mb-2 font-medium">Parameters</div>
-      <div className="space-y-2">
-        {propertyNames.map((propName) => {
-          const prop = properties[propName] as Record<string, unknown>
-          const isRequired = required.includes(propName)
-
-          const propType = prop.type ? String(prop.type) : null
-          const propDescription = prop.description ? String(prop.description) : null
-          const propEnum = prop.enum as string[] | undefined
-
-          return (
-            <div key={propName} className="bg-po-bg rounded p-2">
-              <div className="flex items-center gap-2">
-                <span className="font-mono text-xs text-po-accent">{propName}</span>
-                {propType && (
-                  <span className="text-xs text-gray-600">({propType})</span>
-                )}
-                {isRequired && (
-                  <span className="text-xs text-red-400">required</span>
-                )}
-              </div>
-              {propDescription && (
-                <p className="text-xs text-gray-500 mt-1">{propDescription}</p>
-              )}
-              {propEnum && propEnum.length > 0 && (
-                <div className="mt-1 flex flex-wrap gap-1">
-                  {propEnum.map((val) => (
-                    <span key={val} className="text-xs bg-po-surface px-1.5 py-0.5 rounded text-gray-400">
-                      {val}
-                    </span>
-                  ))}
-                </div>
-              )}
-            </div>
-          )
-        })}
-      </div>
-    </div>
-  )
-}