@booboo-brain/panel 0.3.3 → 0.3.4

package/dist-app/assets/index-Mur8c07b.css

@@ -1 +0,0 @@
-:root{--bg: #0b0c10;--bg-1: #10131a;--bg-2: #171b24;--line: #242a36;--ink: #e9edf3;--ink-2: #9aa7b6;--ink-3: #5d6776;--accent: #4fb8a0;--accent-2: #7fd4c0;--accent-dim: rgba(79, 184, 160, .13);--warn: #e0b45f;--font: -apple-system, "Segoe UI", Inter, system-ui, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box}body{font-family:var(--font);color:var(--ink);background:var(--bg);overflow-x:hidden}.pnl{display:flex;flex-direction:column;position:relative;overflow:hidden}.pnl-aurora{position:fixed;top:-30%;right:-30%;bottom:-30%;left:-30%;pointer-events:none;z-index:0;opacity:.5;background:radial-gradient(38% 30% at 24% 30%,rgba(79,184,160,.1),transparent 70%),radial-gradient(30% 26% at 78% 64%,rgba(90,130,200,.08),transparent 70%),radial-gradient(24% 22% at 55% 15%,rgba(79,184,160,.06),transparent 70%);animation:aurora 48s ease-in-out infinite alternate}@keyframes aurora{0%{transform:translate(0) scale(1)}50%{transform:translate(3%,-2%) scale(1.06)}to{transform:translate(-3%,2%) scale(1.02)}}@media(prefers-reduced-motion:reduce){.pnl-aurora,.ag.root:before,.ag,.content,.bk-card,.tl-row,.mem-row,.rule-card,.doss,.doss-rep,.bar-draft{animation:none!important}}.bar{position:relative;z-index:2;display:flex;align-items:center;gap:22px;padding:14px 26px;border-bottom:1px solid var(--line);background:#10131ad1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-wrap:wrap}.bar-brand{font-size:15px}.bar-brand b{font-weight:650}.bar-stats{display:flex;gap:18px;color:var(--ink-2);font-size:12.5px}.bar-stats b{color:var(--ink);font-variant-numeric:tabular-nums;font-size:14px}.bar-stats .tap{cursor:pointer;transition:color .15s}.bar-stats .tap:hover,.bar-stats .tap:hover b{color:var(--accent)}.bar-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.bar-ok{color:var(--accent);font-size:12px}.bar-draft{color:var(--warn);font-size:12px;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.btn{border:1px solid var(--line);background:var(--bg-2);color:var(--ink);border-radius:9px;padding:8px 15px;font-size:12.5px;cursor:pointer;transition:border-color .15s,transform .1s}.btn:hover{border-color:var(--accent)}.btn:active{transform:scale(.97)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#08110e;font-weight:650}.btn.primary:disabled{opacity:.5;cursor:wait}.btn.ghost{background:transparent;color:var(--ink-2)}.tabs{position:relative;z-index:2;display:flex;gap:4px;padding:0 22px;border-bottom:1px solid var(--line);background:#10131ab3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow-x:auto}.tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--ink-2);font-size:12.5px;padding:12px 15px 11px;cursor:pointer;white-space:nowrap;transition:color .15s,border-color .2s}.tab:hover{color:var(--ink)}.tab.on{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.tab-glyph{margin-right:5px;opacity:.85}.content{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;min-height:0;animation:rise .28s ease both}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.screen{flex:1;overflow-y:auto;padding:30px 34px 60px;max-width:900px}.scr-title{display:flex;align-items:center;gap:10px;font-size:20px;margin:0 0 6px}.scr-count{font-size:12px;background:var(--accent-dim);color:var(--accent);border-radius:99px;padding:3px 10px;font-variant-numeric:tabular-nums}.scr-sub{color:var(--ink-2);font-size:12.5px;margin:0 0 24px}.scr-empty{color:var(--ink-3);font-size:13px;line-height:1.6}.scr-empty code,.scr-sub code{font-family:var(--mono);background:var(--bg-2);padding:1px 6px;border-radius:5px;font-size:11.5px}.pnl-back{background:none;border:1px solid var(--line);color:var(--ink-2);border-radius:8px;padding:6px 12px;font-size:12px;cursor:pointer;margin-bottom:16px}.pnl-back:hover{border-color:var(--accent);color:var(--accent)}.bk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:13px}.bk-card{text-align:left;background:var(--bg-1);border:1px solid var(--line);border-radius:15px;padding:17px 18px;cursor:pointer;transition:border-color .15s,transform .12s,box-shadow .2s;animation:settle .4s ease both}.bk-card:hover{border-color:hsl(var(--h) 45% 55% / .6);transform:translateY(-2px);box-shadow:0 8px 26px hsl(var(--h) 50% 50% / .1)}.bk-top{display:flex;align-items:center;gap:8px;margin-bottom:12px}.bk-dot{width:9px;height:9px;border-radius:50%;background:hsl(var(--h) 55% 60%);box-shadow:0 0 9px hsl(var(--h) 55% 60% / .7);display:inline-block}.bk-name{font-size:14px;font-weight:650}.bk-n{font-size:27px;font-weight:750;font-variant-numeric:tabular-nums;line-height:1}.bk-n.dim{color:var(--ink-3)}.bk-l{font-size:9.5px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;margin-top:4px}.bk-crew{display:flex;gap:4px;margin-top:13px;flex-wrap:wrap}.bk-face{width:24px;height:24px;display:grid;place-items:center;font-size:12px;border-radius:7px;background:var(--bg-2);border:1px solid var(--line)}.bk-more{font-size:10px;color:var(--ink-3);align-self:center}.bk-agents{margin-top:8px;font-size:10.5px;color:var(--ink-3);line-height:1.5}.mem-list{display:flex;flex-direction:column;gap:6px}.mem-row{display:flex;align-items:baseline;gap:13px;background:var(--bg-1);border:1px solid var(--line);border-radius:10px;padding:10px 14px;animation:settle .35s ease both}.mem-when{font-size:10.5px;color:var(--accent-2);white-space:nowrap;min-width:68px;font-variant-numeric:tabular-nums}.mem-label{font-size:13px}.rep-filter{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:20px}.chip.tap{cursor:pointer;transition:transform .1s,background .15s}.chip.tap:hover{transform:translateY(-1px)}.timeline{position:relative;padding-left:22px}.timeline:before{content:"";position:absolute;left:5px;top:6px;bottom:6px;width:1px;background:var(--line)}.tl-row{position:relative;margin-bottom:15px;animation:settle .35s ease both}.tl-dot{position:absolute;left:-21px;top:12px;width:9px;height:9px;border-radius:50%;background:hsl(var(--h) 55% 60%);box-shadow:0 0 9px hsl(var(--h) 55% 60% / .7)}.tl-body{background:var(--bg-1);border:1px solid var(--line);border-radius:12px;padding:11px 15px;transition:border-color .15s,transform .12s}.tl-row:hover .tl-body{border-color:hsl(var(--h) 45% 50% / .5);transform:translate(2px)}.tl-top{display:flex;align-items:center;gap:8px}.tl-ava{width:24px;height:24px;flex:0 0 24px;display:grid;place-items:center;font-size:12px;border-radius:7px;background:hsl(var(--h) 42% 22% / .8);border:1px solid hsl(var(--h) 45% 45% / .3)}.tl-agent{font-size:12.5px;font-weight:650}.tl-when{font-size:10.5px;color:var(--ink-3);margin-left:auto;white-space:nowrap;font-variant-numeric:tabular-nums}.tl-label{font-size:12px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-sum{margin:7px 0 0 32px;font-size:12.5px;line-height:1.6;color:var(--ink-2)}.rule-list{display:flex;flex-direction:column;gap:9px}.rule-card{background:var(--bg-1);border:1px solid var(--line);border-left:2px solid var(--accent);border-radius:11px;padding:12px 15px 10px;animation:settle .35s ease both;transition:border-color .15s}.rule-card:hover{border-color:var(--accent)}.rule-top{display:flex;align-items:baseline;gap:10px;margin-bottom:5px}.rule-ref{font-family:var(--mono);font-size:12.5px}.rule-scope{font-size:9.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--accent);background:var(--accent-dim);border-radius:5px;padding:2px 7px}.rule-meta{font-size:11.5px;color:var(--ink-3);line-height:1.6}.rule-meta b{color:var(--ink-2);font-weight:600}.rule-bar{margin-top:9px;height:3px;border-radius:99px;background:var(--bg-2);overflow:hidden}.rule-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .6s ease}.graph-wrap{flex:1;min-height:0;display:flex}.graph-frame{flex:1;border:none;background:#06080e}.doss-head-actions{margin-left:auto;display:flex;gap:6px}.doss-3d{background:var(--accent-dim);border:1px solid rgba(79,184,160,.35);color:var(--accent);border-radius:8px;padding:6px 10px;font-size:11px;cursor:pointer;white-space:nowrap}.doss-3d:hover{border-color:var(--accent)}.doss-edit{display:flex;flex-direction:column;gap:10px;background:var(--bg-1);border:1px solid rgba(79,184,160,.3);border-radius:12px;padding:13px 14px;margin-bottom:20px;animation:settle .25s ease both}.doss-edit label{display:flex;flex-direction:column;gap:4px;font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-3)}.doss-edit label em{font-style:normal;text-transform:none;letter-spacing:0;color:var(--ink-3);font-size:9.5px}.doss-edit input,.doss-edit textarea{background:var(--bg-2);border:1px solid var(--line);color:var(--ink);border-radius:8px;padding:8px 10px;font-size:12.5px;font-family:var(--font);resize:vertical}.doss-edit input:focus,.doss-edit textarea:focus{outline:none;border-color:var(--accent)}.doss-edit-row2{display:grid;grid-template-columns:1fr 72px;gap:8px}.doss-edit-actions{display:flex;gap:8px;margin-top:2px}.oc-tray{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;max-width:560px;margin-top:7px;padding:7px 8px;background:#10131a99;border:1px solid var(--line);border-radius:12px}.oc-tray.fail{border-color:#e07b6a8c;box-shadow:0 0 14px #e07b6a1f}.oc-tray.warn{border-color:#e0b45f73}.oc-mac{display:inline-flex;align-items:center;gap:5px;background:var(--bg-1);border:1px solid var(--line);border-radius:8px;padding:4px 8px;cursor:pointer;font-size:10.5px;color:var(--ink-2);transition:border-color .15s,transform .1s}.oc-mac:hover{border-color:var(--accent);color:var(--ink);transform:translateY(-1px)}.oc-mac.sel{border-color:var(--accent);background:var(--accent-dim);color:var(--ink)}.mac-emoji{font-size:11px}.mac-name{white-space:nowrap;max-width:96px;overflow:hidden;text-overflow:ellipsis}.mac-dot{width:7px;height:7px;border-radius:50%;flex:0 0 7px;display:inline-block}.mac-dot.ok{background:var(--accent);box-shadow:0 0 6px #4fb8a0b3}.mac-dot.warn{background:var(--warn);box-shadow:0 0 6px #e0b45fb3}.mac-dot.fail{background:#e07b6a;box-shadow:0 0 7px #e07b6acc;animation:pulse 1.4s ease-in-out infinite}.mac-dot.none{background:var(--ink-3)}.doss-health{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--bg-1);border:1px solid var(--line);border-radius:10px;padding:10px 13px;margin-bottom:16px;font-size:11.5px;color:var(--ink-2)}.doss-health b{color:var(--ink);font-size:12px}.doss-health.fail{border-color:#e07b6a80}.doss-health.warn{border-color:#e0b45f66}.doss-health.ok{border-color:#4fb8a059}.doss-auto-when{margin-left:auto;font-size:10px;color:var(--ink-3);white-space:nowrap}.auto-badge{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--warn);background:#e0b45f1a;border:1px solid rgba(224,180,95,.3);border-radius:5px;padding:2px 7px;vertical-align:middle;margin-left:6px}.doss-autos{display:flex;flex-direction:column;gap:5px}.doss-auto{display:flex;align-items:baseline;gap:9px;text-align:left;background:var(--bg-1);border:1px solid var(--line);border-radius:9px;padding:8px 11px;cursor:pointer;transition:border-color .15s}.doss-auto:hover{border-color:var(--warn)}.doss-auto-emoji{font-size:13px}.doss-auto-name{font-size:12px;font-weight:600;white-space:nowrap}.doss-auto-role{font-size:10.5px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doss-foot{display:flex;flex-direction:column;gap:8px;margin-top:6px;padding-top:14px;border-top:1px solid var(--line)}.btn.danger{border-color:#e07b6a73;color:#e07b6a;background:transparent}.btn.danger:hover{background:#e07b6a1a}.bk-agents.unassigned{color:var(--ink-3);font-style:italic}.pending{position:relative;z-index:2;display:flex;gap:8px;flex-wrap:wrap;padding:10px 26px;border-bottom:1px solid var(--line);background:#e0b45f0f}.pending-item{font-size:11.5px;color:var(--warn);font-family:var(--mono)}.pnl-err{position:relative;z-index:2;padding:10px 26px;color:#e07b6a;font-size:12.5px}.pnl{height:100vh}.body{position:relative;z-index:1;flex:1;display:flex;min-height:0}.tree{flex:1;min-width:0;padding:24px 26px 60px;overflow:auto}.tree-hint{color:var(--ink-3);font-size:11.5px;margin:0 0 20px;text-align:center}.chart{min-width:max-content;margin:0 auto;padding:8px 20px 40px}.ocn{display:flex;flex-direction:column;align-items:center}.oc-down{width:1px;height:24px;background:var(--line)}.oc-row{display:flex;align-items:flex-start}.oc-child{position:relative;padding:24px 9px 0;display:flex;flex-direction:column;align-items:center}.oc-child:before{content:"";position:absolute;top:0;left:50%;width:1px;height:24px;background:var(--line)}.oc-child:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--line)}.oc-child:first-child:after{left:50%}.oc-child:last-child:after{right:50%}.oc-child:only-child:after{display:none}.oc-row.wrap{display:grid;grid-template-columns:repeat(3,auto);justify-content:center;gap:2px 14px;margin-top:0;padding:10px 14px 14px;border:1px solid var(--line);border-radius:18px;background:#10131a59}.oc-row.wrap>.oc-child{padding:8px 0 0}.oc-row.wrap>.oc-child:before,.oc-row.wrap>.oc-child:after{display:none}@media(max-width:1500px){.oc-row.wrap{grid-template-columns:repeat(2,auto)}}.ag{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;width:182px;padding:16px 14px 12px;text-align:center;background:linear-gradient(180deg,hsl(var(--h) 30% 14% / .55),var(--bg-1) 55%);border:1px solid var(--line);border-radius:15px;cursor:grab;overflow:hidden;transition:border-color .15s,transform .15s,box-shadow .2s,opacity .15s;animation:settle .4s ease both}.ag:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,hsl(var(--h) 55% 55% / .9),hsl(var(--h) 55% 45% / .25))}@keyframes settle{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.ag:hover{border-color:hsl(var(--h) 45% 50% / .6);transform:translateY(-2px);box-shadow:0 10px 28px hsl(var(--h) 50% 45% / .14)}.ag.sel{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-dim),0 10px 28px #4fb8a01f}.ag.over{border-color:var(--accent-2);box-shadow:0 0 0 3px var(--accent-dim),0 12px 30px #4fb8a033;transform:scale(1.03)}.ag.dragging{opacity:.45;cursor:grabbing}.ag.root{cursor:default;border-color:#4fb8a073;width:208px}.ag.root:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:15px;pointer-events:none;box-shadow:inset 0 0 26px #4fb8a014;animation:ring 3.2s ease-in-out infinite}@keyframes ring{0%,to{opacity:.35}50%{opacity:1}}.ag-ava{width:44px;height:44px;display:grid;place-items:center;font-size:22px;margin-top:2px;border-radius:13px;background:linear-gradient(140deg,hsl(var(--h) 42% 26% / .85),hsl(var(--h) 45% 14% / .9));border:1px solid hsl(var(--h) 45% 45% / .35);box-shadow:inset 0 1px hsl(var(--h) 50% 60% / .15)}.ag-name{font-size:14px;font-weight:650;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.ag-role{font-size:10.5px;color:var(--ink-2);line-height:1.35;min-height:28px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ag-meta{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:2px}.ag-meta em{font-style:normal;font-size:9.5px;color:var(--ink-3);font-variant-numeric:tabular-nums;white-space:nowrap}.ag-kids{font-size:9px;background:var(--accent-dim);color:var(--accent);border-radius:99px;padding:2px 8px;font-variant-numeric:tabular-nums;font-weight:650;text-transform:uppercase;letter-spacing:.04em}.doss{width:340px;flex:0 0 340px;border-left:1px solid var(--line);background:#10131abf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:26px 24px 40px;overflow-y:auto;animation:slidein .25s ease both}@keyframes slidein{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:none}}.doss-head{display:flex;gap:12px;align-items:center;margin-bottom:14px}.doss-emoji{font-size:30px}.doss h2{margin:0;font-size:18px}.doss-role{margin:3px 0 0;color:var(--ink-2);font-size:12.5px}.doss-chain{font-size:11px;color:var(--ink-3);margin-bottom:18px;line-height:1.7}.doss-chain i{font-style:normal;margin:0 5px}.doss-chain b{font-weight:500}.doss-chain b.me{color:var(--accent);font-weight:650}.doss-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:22px}.doss-stat{background:var(--bg-1);border:1px solid var(--line);border-radius:11px;padding:11px 8px;text-align:center}.doss-n{font-size:19px;font-weight:700;font-variant-numeric:tabular-nums}.doss-l{font-size:9.5px;color:var(--ink-3);margin-top:3px;text-transform:uppercase;letter-spacing:.05em}.doss section{margin-bottom:20px}.doss h3{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:var(--ink-3);margin:0 0 9px}.doss-empty{color:var(--ink-3);font-size:12px;margin:0}.doss-rules{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.doss-rules li{font-family:var(--mono);font-size:11px;color:var(--ink-2);background:var(--bg-1);border:1px solid var(--line);border-radius:7px;padding:6px 9px;word-break:break-all}.doss-rules li.own{color:var(--ink);border-color:#4fb8a059}.doss-rules em{color:var(--ink-3);font-style:normal;font-size:9.5px;margin-left:5px}.doss-chips{display:flex;gap:6px;flex-wrap:wrap}.doss-reps{display:flex;flex-direction:column;gap:7px}.doss-rep{background:var(--bg-1);border:1px solid var(--line);border-left:2px solid var(--accent);border-radius:9px;padding:9px 11px;animation:settle .35s ease both}.doss-rep-top{display:flex;align-items:baseline;gap:9px}.doss-rep-when{font-size:10px;color:var(--accent-2);font-variant-numeric:tabular-nums;white-space:nowrap}.doss-rep-label{font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doss-rep-sum{margin:5px 0 0;font-size:11.5px;color:var(--ink-2);line-height:1.55}.chip{font-size:11px;background:var(--accent-dim);color:var(--accent-2);border-radius:7px;padding:4px 10px}.chip.alt{background:var(--bg-2);color:var(--ink-2)}.doss-boot{font-size:12px;color:var(--ink-2);line-height:1.6;margin:0;white-space:pre-wrap}.doss-note{color:var(--ink-3);font-size:11px;line-height:1.6}.doss-note code{font-family:var(--mono);background:var(--bg-2);padding:1px 5px;border-radius:4px}.pnl-fatal{min-height:100vh;display:grid;place-items:center;color:#e07b6a;font-size:14px;padding:30px;text-align:center}.pnl-fatal.calm{color:var(--ink-2)}@media(max-width:760px){.doss{position:fixed;right:0;top:0;bottom:0;z-index:5;width:min(340px,88vw);box-shadow:-18px 0 50px #00000080}.tree{padding:20px 14px 60px}.ag{max-width:100%}.ag-role{display:none}}