@booboo-brain/panel 0.3.1 → 0.3.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist-app/index.html
CHANGED
|
@@ -7,8 +7,8 @@
|
|
|
7
7
|
<style>
|
|
8
8
|
html, body, #root { margin: 0; height: 100%; background: #0b0c10; }
|
|
9
9
|
</style>
|
|
10
|
-
<script type="module" crossorigin src="./assets/index-
|
|
11
|
-
<link rel="stylesheet" crossorigin href="./assets/index-
|
|
10
|
+
<script type="module" crossorigin src="./assets/index-r7el_u0L.js"></script>
|
|
11
|
+
<link rel="stylesheet" crossorigin href="./assets/index-BU-Ak5Fh.css">
|
|
12
12
|
</head>
|
|
13
13
|
<body>
|
|
14
14
|
<div id="root"></div>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@booboo-brain/panel",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.2",
|
|
4
4
|
"description": "Booboo panel — the organigram. Run your agents like a company: a drag-drop hierarchy your agents boot from, with buckets, reports, rules and the 3D graph, over one org file + snapshot.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"repository": {
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
"react-dom": ">=18"
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
|
-
"@booboo-brain/spec": "0.2.
|
|
35
|
+
"@booboo-brain/spec": "0.2.2"
|
|
36
36
|
},
|
|
37
37
|
"devDependencies": {
|
|
38
38
|
"react": "^19.0.0",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
: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}.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}.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}}
|