@my-life-buddies/cli 0.13.0 → 0.13.3
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/README.md +11 -1
- package/dist/bin/buddy.js +21 -6
- package/dist/bin/buddy.js.map +2 -2
- package/dist/bin/core.js +221 -140
- package/dist/bin/core.js.map +4 -4
- package/dist/web/app.css +139 -30
- package/dist/web/app.js +184 -54
- package/dist/web/index.html +14 -16
- package/package.json +3 -3
package/dist/web/app.css
CHANGED
|
@@ -518,36 +518,145 @@
|
|
|
518
518
|
#buddy-profile-avatar { width: 32px; height: 32px; object-fit: contain; border-radius: 50%; }
|
|
519
519
|
#buddy-profile-avatar[hidden] { display: none; }
|
|
520
520
|
|
|
521
|
-
/*
|
|
522
|
-
|
|
523
|
-
body[data-hosted-preview]
|
|
524
|
-
body[data-hosted-preview] .app-shell { flex:
|
|
525
|
-
body[data-hosted-preview] .
|
|
526
|
-
body[data-hosted-preview] .
|
|
527
|
-
body[data-hosted-preview] .
|
|
528
|
-
body[data-hosted-preview] .
|
|
529
|
-
body[data-hosted-preview] .
|
|
530
|
-
body[data-hosted-preview] .
|
|
521
|
+
/* Hosted debug workbench. DESIGN_VARIANCE 3 / MOTION_INTENSITY 3 / VISUAL_DENSITY 7.
|
|
522
|
+
Brand system retained: 8px controls, 12px work surface, semantic status colors only. */
|
|
523
|
+
body[data-hosted-preview] { --color-paper:#f8fafb; --color-paper-soft:#f1f4f6; --color-rule:#e2e8ec; --color-muted:#5a6c79; min-width:700px; height:100dvh; min-height:0; overflow:hidden; font-size:13px; }
|
|
524
|
+
body[data-hosted-preview] :is(.app-shell,.application) { display:flex; flex-direction:column; height:100%; min-height:0; margin:0; }
|
|
525
|
+
body[data-hosted-preview] .brand, body[data-hosted-preview] .sidebar-label, body[data-hosted-preview] .project-heading { display:none; }
|
|
526
|
+
body[data-hosted-preview] .local-connection { flex:none; border-bottom:1px solid var(--color-rule); background:var(--color-paper-raised); }
|
|
527
|
+
body[data-hosted-preview] .connection-toolbar { display:flex; align-items:center; gap:12px; min-height:68px; padding:12px 20px; }
|
|
528
|
+
body[data-hosted-preview] .connection-project { min-width:0; margin-right:auto; }
|
|
529
|
+
body[data-hosted-preview] .connection-project strong { display:block; overflow:hidden; max-width:42vw; text-overflow:ellipsis; white-space:nowrap; font-size:14px; font-weight:600; }
|
|
530
|
+
body[data-hosted-preview] .connection-project > span { display:block; margin-top:4px; color:var(--color-muted); font-size:12px; }
|
|
531
531
|
body[data-hosted-preview] .topbar { display:contents; }
|
|
532
|
-
body[data-hosted-preview] .
|
|
533
|
-
body[data-hosted-preview] .
|
|
534
|
-
body[data-hosted-preview] .
|
|
535
|
-
body[data-hosted-preview] .
|
|
536
|
-
body[data-hosted-preview] .
|
|
537
|
-
body[data-hosted-preview] .
|
|
538
|
-
body[data-hosted-preview] .
|
|
539
|
-
body[data-hosted-preview] .
|
|
540
|
-
body[data-hosted-preview]
|
|
541
|
-
.
|
|
542
|
-
.
|
|
543
|
-
|
|
544
|
-
|
|
545
|
-
.
|
|
546
|
-
|
|
532
|
+
body[data-hosted-preview] .topbar-actions { gap:10px; }
|
|
533
|
+
body[data-hosted-preview] .connection-state { padding:0; font-size:12px; min-height:32px; }
|
|
534
|
+
body[data-hosted-preview] .button { min-height:34px; padding:7px 12px; border-radius:8px; font-size:12px; white-space:nowrap; }
|
|
535
|
+
body[data-hosted-preview] .button-secondary, body[data-hosted-preview] #dev-control[data-action="stop"] { background:var(--color-paper-raised); color:var(--color-ink); border:1px solid var(--color-rule-strong); }
|
|
536
|
+
body[data-hosted-preview] .connection-details { position:relative; flex:none; }
|
|
537
|
+
body[data-hosted-preview] .connection-details > summary { padding:9px 0 9px 4px; cursor:pointer; color:var(--color-muted); font-size:12px; white-space:nowrap; }
|
|
538
|
+
body[data-hosted-preview] .connection-detail-body { position:absolute; top:40px; right:0; z-index:var(--z-dropdown); width:min(420px,70vw); padding:16px 20px; border:1px solid var(--color-rule); border-radius:10px; background:var(--color-paper-raised); box-shadow:var(--shadow-sheet); }
|
|
539
|
+
body[data-hosted-preview] .connection-detail-body dl { margin:0; }
|
|
540
|
+
body[data-hosted-preview] .connection-detail-body dl > div { display:grid; grid-template-columns:70px minmax(0,1fr); gap:12px; padding:7px 0; font-size:12px; border:0; }
|
|
541
|
+
body[data-hosted-preview] .connection-detail-body dt { color:var(--color-muted); }
|
|
542
|
+
body[data-hosted-preview] .connection-detail-body dd { margin:0; text-align:left; overflow-wrap:anywhere; }
|
|
543
|
+
body[data-hosted-preview] .environment-note { padding:8px 0 0; margin-top:8px; border:0; border-top:1px solid var(--color-rule); }
|
|
544
|
+
body[data-hosted-preview] #connect-instructions { padding:16px 20px; border-top:1px solid var(--color-rule); background:var(--color-paper); max-height:240px; overflow:auto; }
|
|
545
|
+
body[data-hosted-preview] .command-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; }
|
|
546
|
+
body[data-hosted-preview] .command-heading strong { font-size:13px; font-weight:600; }
|
|
547
|
+
body[data-hosted-preview] #connect-instructions pre { padding:12px 14px; margin:12px 0 8px; white-space:pre-wrap; overflow-wrap:anywhere; border:1px solid var(--color-rule); border-radius:8px; background:var(--color-paper-raised); line-height:1.7; font-size:12px; }
|
|
548
|
+
body[data-hosted-preview] #connect-instructions p { margin:0; color:var(--color-muted); font-size:12px; line-height:1.6; }
|
|
549
|
+
body[data-hosted-preview] .workspace { flex:1; min-height:0; grid-template-columns:minmax(350px,1fr) clamp(380px,43%,580px); overflow:hidden; }
|
|
550
|
+
body[data-hosted-preview] .debugger { display:flex; flex-direction:column; min-height:0; overflow:hidden; background:var(--color-paper-raised); }
|
|
551
|
+
body[data-hosted-preview] .hosted-page-heading { flex:none; padding:0 20px 20px; }
|
|
552
|
+
body[data-hosted-preview] .hosted-page-heading p { display:flex; align-items:center; gap:10px; color:var(--color-muted); font-size:12px; margin:0 0 8px; }
|
|
553
|
+
body[data-hosted-preview] .hosted-page-heading p span:first-child { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; max-width:60%; }
|
|
554
|
+
body[data-hosted-preview] .hosted-page-heading h1 { margin:0; font-size:26px; line-height:1.3; letter-spacing:-.035em; font-weight:650; }
|
|
555
|
+
body[data-hosted-preview] .local-connection { border-top:1px solid var(--color-rule); }
|
|
556
|
+
body[data-hosted-preview] .debugger > .sidebar { flex:none; position:static; width:auto; padding:0 20px; border:0; border-bottom:1px solid var(--color-rule); }
|
|
557
|
+
body[data-hosted-preview] .sidebar-section { margin:0; }
|
|
558
|
+
body[data-hosted-preview] .debug-tabs { display:flex; flex-wrap:nowrap; gap:20px; margin:0; }
|
|
559
|
+
body[data-hosted-preview] .debug-tabs button { width:auto; min-height:44px; padding:10px 0; font-size:13px; gap:7px; border-radius:0; white-space:nowrap; }
|
|
560
|
+
body[data-hosted-preview] .debug-tabs button svg { width:15px; height:15px; }
|
|
561
|
+
body[data-hosted-preview] .debug-tabs button[aria-selected="true"] { background:transparent; box-shadow:inset 0 -2px var(--color-accent); }
|
|
562
|
+
body[data-hosted-preview] .run-strip { flex:none; padding:18px 20px 14px; border-bottom:1px solid var(--color-rule); }
|
|
563
|
+
body[data-hosted-preview] .run-heading { align-items:center; flex-wrap:nowrap; gap:16px; }
|
|
564
|
+
body[data-hosted-preview] .run-identity { flex:1; }
|
|
565
|
+
body[data-hosted-preview] .run-identity > .eyebrow { display:none; }
|
|
566
|
+
body[data-hosted-preview] .run-title-line { margin:0; flex-wrap:nowrap; gap:8px; }
|
|
567
|
+
body[data-hosted-preview] .run-title-line h2 { font-size:17px; letter-spacing:0; }
|
|
568
|
+
body[data-hosted-preview] .status-pill { font-size:11px; padding:3px 7px; }
|
|
569
|
+
body[data-hosted-preview] .run-controls { flex:0 1 270px; gap:6px; }
|
|
570
|
+
body[data-hosted-preview] .run-picker-label { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
|
|
571
|
+
body[data-hosted-preview] :is(.run-picker,.run-step) { min-height:30px; border-radius:6px; font-size:11px; padding-block:4px; }
|
|
572
|
+
body[data-hosted-preview] .run-step { width:30px; }
|
|
573
|
+
body[data-hosted-preview] .run-follow { min-height:20px; font-size:11px; gap:6px; }
|
|
574
|
+
body[data-hosted-preview] .run-follow input { width:12px; height:12px; accent-color:var(--color-accent); }
|
|
575
|
+
body[data-hosted-preview] .run-reference { display:block; max-width:200px; font-size:11px; color:var(--color-muted); margin-top:6px; }
|
|
576
|
+
body[data-hosted-preview] .run-reference summary { cursor:pointer; }
|
|
577
|
+
body[data-hosted-preview] #run-id { display:block; margin-top:5px; overflow-wrap:anywhere; white-space:normal; font-family:var(--font-mono); }
|
|
578
|
+
body[data-hosted-preview] #copy-run-id { min-height:24px; padding:4px 0; font-size:11px; }
|
|
579
|
+
body[data-hosted-preview] .run-metrics { gap:20px; margin:14px 0 0; padding:0; }
|
|
580
|
+
body[data-hosted-preview] .run-metrics > div { padding:0; border:0; }
|
|
581
|
+
body[data-hosted-preview] .run-metrics dt { font-size:11px; margin-bottom:5px; }
|
|
582
|
+
body[data-hosted-preview] .run-metrics dd { font-size:15px; font-weight:500; line-height:1.5; }
|
|
583
|
+
body[data-hosted-preview] .debug-panels { flex:1; min-height:0; overflow:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-gutter:stable; }
|
|
584
|
+
body[data-hosted-preview] .debug-panel { min-height:0; padding:22px 20px; }
|
|
585
|
+
body[data-hosted-preview] .overview-grid { display:block; }
|
|
586
|
+
body[data-hosted-preview] .section-heading { border:0; padding:0; margin:0 0 16px; gap:16px; align-items:center; }
|
|
587
|
+
body[data-hosted-preview] .section-heading h3 { font-size:14px; letter-spacing:0; }
|
|
588
|
+
body[data-hosted-preview] .section-heading p { margin:6px 0 0; font-size:12px; color:var(--color-muted); }
|
|
589
|
+
body[data-hosted-preview] .source-label { display:none; }
|
|
590
|
+
body[data-hosted-preview] .run-summary-copy { margin:16px 0 0; font-size:13px; line-height:1.8; color:var(--color-ink-soft); }
|
|
591
|
+
.run-progress { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin:18px 0 24px; padding:0; list-style:none; gap:8px; }
|
|
592
|
+
.run-progress li { position:relative; padding-top:16px; border-top:2px solid var(--color-rule); color:var(--color-muted); font-size:12px; line-height:1.5; }
|
|
593
|
+
.run-progress li[data-stage="done"] { border-color:var(--color-accent); color:var(--color-ink); }
|
|
594
|
+
.run-progress li[data-stage="active"] { border-color:var(--color-accent); color:var(--color-accent); font-weight:600; }
|
|
595
|
+
.run-progress li[data-stage="error"] { border-color:var(--color-error); color:var(--color-error); }
|
|
596
|
+
body[data-hosted-preview] .waterfall { margin:0; padding:0; border:0; gap:12px; }
|
|
597
|
+
body[data-hosted-preview] .waterfall-row { grid-template-columns:70px minmax(0,1fr) 64px; gap:16px; font-size:12px; }
|
|
598
|
+
body[data-hosted-preview] .waterfall-track { height:3px; background:transparent; }
|
|
599
|
+
body[data-hosted-preview] .waterfall-fill { min-width:0; background:var(--color-accent); opacity:.45; }
|
|
600
|
+
body[data-hosted-preview] .workbench-state { flex:none; padding:26px 24px; border-bottom:1px solid var(--color-rule); }
|
|
601
|
+
body[data-hosted-preview] .workbench-state h2 { font-size:18px; font-weight:600; margin:0 0 9px; letter-spacing:-.02em; }
|
|
602
|
+
body[data-hosted-preview] .workbench-state p { max-width:480px; color:var(--color-muted); font-size:13px; line-height:1.8; margin:0; }
|
|
603
|
+
body[data-hosted-preview] .state-mark { display:block; width:32px; height:3px; margin-bottom:20px; background:var(--color-accent); border-radius:2px; }
|
|
604
|
+
body[data-hosted-preview][data-has-runs="false"] .run-strip { display:none; }
|
|
605
|
+
body[data-hosted-preview][data-has-runs="false"] #panel-overview { display:none; }
|
|
606
|
+
body[data-hosted-preview][data-dev-phase="disconnected"][data-has-runs="false"] .workbench-state { padding-top:56px; padding-bottom:56px; }
|
|
607
|
+
body[data-hosted-preview][data-dev-phase="disconnected"] .topbar-actions { display:none; }
|
|
608
|
+
body[data-hosted-preview][data-dev-phase="disconnected"] :is(.run-progress li,.replying-indicator i) { animation-play-state:paused; }
|
|
609
|
+
body[data-hosted-preview][data-dev-phase="failed"] .state-mark { background:var(--color-error); }
|
|
610
|
+
body[data-hosted-preview] .empty-state { min-height:0; padding:24px 0; }
|
|
611
|
+
body[data-hosted-preview] .timeline { margin:0; }
|
|
612
|
+
body[data-hosted-preview] .timeline-item { grid-template-columns:62px 12px minmax(0,1fr); min-height:62px; gap:10px; }
|
|
613
|
+
body[data-hosted-preview] .timeline-item:not(:last-child)::after { left:77px; }
|
|
614
|
+
body[data-hosted-preview] .timeline-time { font-size:11px; padding-top:2px; }
|
|
615
|
+
body[data-hosted-preview] .timeline-copy strong { font-size:13px; font-weight:500; line-height:1.65; overflow-wrap:anywhere; }
|
|
616
|
+
body[data-hosted-preview] .timeline-copy p { font-size:11px; overflow-wrap:anywhere; }
|
|
617
|
+
body[data-hosted-preview] .timeline-empty { padding:18px 0; font-size:13px; line-height:1.7; }
|
|
618
|
+
body[data-hosted-preview] .context-row { grid-template-columns:36px minmax(0,1fr) 55px; gap:12px; padding:16px 0; }
|
|
619
|
+
body[data-hosted-preview] .context-text { font-size:13px; line-height:1.8; }
|
|
620
|
+
body[data-hosted-preview] .context-role { font-size:12px; }
|
|
621
|
+
body[data-hosted-preview] .protocol-log { margin:0; }
|
|
622
|
+
body[data-hosted-preview] .protocol-entry { border-bottom:1px solid var(--color-rule); }
|
|
623
|
+
body[data-hosted-preview] .protocol-entry summary { display:grid; grid-template-columns:60px minmax(0,1fr) auto; align-items:baseline; gap:12px; padding:12px 0; cursor:pointer; list-style:none; }
|
|
624
|
+
body[data-hosted-preview] .protocol-entry summary::-webkit-details-marker { display:none; }
|
|
625
|
+
body[data-hosted-preview] .protocol-entry time, body[data-hosted-preview] .log-channel { color:var(--color-muted); font-size:11px; }
|
|
626
|
+
body[data-hosted-preview] .log-channel::after { content:""; display:inline-block; width:5px; height:5px; margin-left:12px; border-right:1px solid currentColor; border-bottom:1px solid currentColor; transform:rotate(-45deg); vertical-align:2px; }
|
|
627
|
+
body[data-hosted-preview] .protocol-entry[open] .log-channel::after { transform:rotate(45deg); }
|
|
628
|
+
body[data-hosted-preview] .log-summary { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; font-family:var(--font-body); }
|
|
629
|
+
body[data-hosted-preview] .protocol-entry[data-level="error"] .log-summary { color:var(--color-error); }
|
|
630
|
+
body[data-hosted-preview] .protocol-entry[open] .log-summary { white-space:normal; overflow-wrap:anywhere; }
|
|
631
|
+
body[data-hosted-preview] .log-meta { margin:0 0 8px; color:var(--color-muted); font-size:11px; overflow-wrap:anywhere; }
|
|
632
|
+
body[data-hosted-preview] .runtime-log-text { font-size:12px; line-height:1.7; padding:12px; margin:0 0 14px; border-radius:6px; background:var(--color-paper); }
|
|
633
|
+
body[data-hosted-preview] .simulator-area { position:relative; inset:auto; height:100%; min-height:0; max-height:none; padding:10px 16px 8px; border:1px solid var(--color-rule); border-radius:12px; background:var(--color-paper); }
|
|
634
|
+
body[data-hosted-preview] .simulator-caption { min-height:30px; flex-wrap:nowrap; }
|
|
635
|
+
body[data-hosted-preview] .simulator-caption h2 { font-size:14px; font-weight:600; }
|
|
636
|
+
body[data-hosted-preview] .simulator-device { min-height:30px; padding:5px 8px; font-size:11px; border-radius:6px; white-space:nowrap; }
|
|
637
|
+
body[data-hosted-preview] .simulator-device svg { width:14px; height:14px; }
|
|
638
|
+
body[data-hosted-preview] .simulator-actions { flex-wrap:nowrap; }
|
|
639
|
+
body[data-hosted-preview] .device-stage { padding-top:6px; }
|
|
640
|
+
body[data-hosted-preview] .phone { --phone-width:min(432px,100cqw,49.2cqh); }
|
|
641
|
+
body[data-hosted-preview] .phone iphone-16-max { --width:100%; }
|
|
642
|
+
body[data-hosted-preview] .keyboard-hint { margin-top:4px; min-height:16px; font-size:11px; }
|
|
643
|
+
body[data-hosted-preview] .chat-empty { display:grid; place-items:center; min-height:100%; padding:24px; font-size:12px; line-height:1.8; text-align:center; color:var(--color-phone-muted); }
|
|
644
|
+
body[data-hosted-preview] .error-banner { position:static; transform:none; inset:auto; width:100%; flex:none; margin:0; padding:12px 20px; font-size:13px; border:0; border-bottom:1px solid var(--color-rule); border-radius:0; box-shadow:none; }
|
|
645
|
+
body[data-hosted-preview] .error-banner span { line-height:1.7; max-height:96px; overflow:auto; overflow-wrap:anywhere; }
|
|
646
|
+
body[data-hosted-preview] .error-banner button { flex:none; min-height:28px; white-space:nowrap; }
|
|
647
|
+
body[data-hosted-preview] .pairing-panel { top:80px; }
|
|
648
|
+
@media (prefers-reduced-motion:no-preference) {
|
|
649
|
+
body[data-hosted-preview][data-busy="true"] .state-mark { animation:debug-pulse 1.8s ease-in-out infinite; }
|
|
650
|
+
.run-progress li[data-stage="active"] { animation:debug-pulse 1.8s ease-in-out infinite; }
|
|
651
|
+
@keyframes debug-pulse { 50% { opacity:.4; } }
|
|
652
|
+
}
|
|
653
|
+
@media (prefers-color-scheme:dark) { body[data-hosted-preview] { --color-paper:#131f29; --color-paper-soft:#20303b; --color-rule:#2b3d4a; --color-muted:#a2b5c2; } }
|
|
547
654
|
@media (max-width:900px) {
|
|
548
|
-
body[data-hosted-preview] .workspace { grid-template-columns:minmax(
|
|
549
|
-
body[data-hosted-preview] .
|
|
550
|
-
body[data-hosted-preview] .
|
|
551
|
-
body[data-hosted-preview] .
|
|
552
|
-
body[data-hosted-preview] .run-
|
|
655
|
+
body[data-hosted-preview] .workspace { grid-template-columns:minmax(350px,1fr) 320px; }
|
|
656
|
+
body[data-hosted-preview] .connection-toolbar { padding-inline:16px; gap:8px; }
|
|
657
|
+
body[data-hosted-preview] .connection-project strong { max-width:190px; }
|
|
658
|
+
body[data-hosted-preview] .debug-tabs { gap:14px; }
|
|
659
|
+
body[data-hosted-preview] .run-heading { align-items:start; flex-wrap:wrap; }
|
|
660
|
+
body[data-hosted-preview] .run-controls { flex-basis:100%; }
|
|
661
|
+
body[data-hosted-preview] .simulator-area { padding-inline:12px; }
|
|
553
662
|
}
|