cicy-desktop 2.1.45 → 2.1.46

package/src/backends/homepage-react/assets/{index-U_RAjjQx.css → index-UOwEuHCy.css}

@@ -1 +1 @@
-*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:#07080c;color:#e5e7eb;-webkit-font-smoothing:antialiased}.shell{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;-webkit-app-region:drag}.shell--app{align-items:stretch;justify-content:stretch;flex-direction:row;background:linear-gradient(180deg,#0b0d13,#07080c);overflow:hidden;-webkit-app-region:no-drag}.shell__left{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;overflow:auto}.helper-aside{flex:0 0 auto;position:relative;background:#0f1115;border-left:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;min-width:320px;z-index:1}.helper-aside,.helper-aside *,.shell--app .main{-webkit-app-region:no-drag}.shell--app .topbar{-webkit-app-region:drag}.shell--app .topbar .user-chip,.shell--app .topbar .user-chip *,.shell--app .topbar .btn-ghost{-webkit-app-region:no-drag}.glow{position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;z-index:0;pointer-events:none;background:radial-gradient(closest-side,rgba(91,141,247,.2),transparent 60%),radial-gradient(closest-side at 30% 70%,rgba(167,139,250,.13),transparent 65%);filter:blur(30px)}.card{-webkit-app-region:no-drag;position:relative;z-index:1;width:380px;padding:36px 36px 28px;background:linear-gradient(180deg,#141820d9,#0d1016d9);border:1px solid rgba(255,255,255,.06);border-radius:16px;box-shadow:0 1px #ffffff0a inset,0 30px 60px #0006;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;flex-direction:column;align-items:center;gap:18px}.brand{display:flex;align-items:center;gap:12px;align-self:stretch}.brand-mark{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#5b8df7,#a78bfa);box-shadow:0 8px 20px #5b8df759}.brand-mark.sm{width:28px;height:28px;border-radius:8px;box-shadow:none}.brand-mark.sm svg{width:16px;height:16px}.brand-text{line-height:1.2}.brand-name{font-weight:600;font-size:15px}.brand-sub{font-size:12px;color:#9ca3af;margin-top:2px}.tagline{margin:4px 0 0;color:#c7cdd6;font-size:13.5px;text-align:center;line-height:1.55}.btn-primary{-webkit-app-region:no-drag;margin-top:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(180deg,#5b8df7,#4570d8);color:#fff;border:0;border-radius:10px;font-size:14px;font-weight:500;letter-spacing:.2px;cursor:pointer;box-shadow:0 1px #ffffff2e inset,0 -1px #0000002e inset,0 10px 22px #5b8df747;transition:transform 80ms ease,filter .12s ease}.btn-primary:hover{filter:brightness(1.08)}.btn-primary:active{transform:translateY(1px)}.btn-primary:disabled{filter:grayscale(.4) brightness(.7);cursor:default}.btn-ghost{-webkit-app-region:no-drag;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:#9ca3af;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:6px 14px;font-size:12.5px;cursor:pointer;transition:color .12s ease,border-color .12s ease,background .12s ease}.btn-ghost.sm{padding:4px 10px;font-size:11.5px}.btn-ghost:hover{color:#e5e7eb;background:#ffffff0a;border-color:#ffffff24}.btn-ghost:disabled{opacity:.4;cursor:default}.hint{margin:0;font-size:11.5px;color:#6b7280}.spinner-row{display:inline-flex;align-items:center;gap:8px;color:#c7cdd6;font-size:13px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{width:100%;font-size:12px;color:#fca5a5;background:#ef444414;border:1px solid rgba(239,68,68,.18);padding:8px 12px;border-radius:8px;text-align:center;line-height:1.5}.topbar{-webkit-app-region:drag;position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:14px 24px 12px;background:#08090e99;border-bottom:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}[data-platform=darwin][data-fullscreen="0"] .topbar{padding-left:84px}.brand-mini{display:inline-flex;align-items:center;gap:10px}.brand-mini .brand-name{font-size:14px}.user-chip{-webkit-app-region:no-drag;display:inline-flex;align-items:center;gap:10px}.welcome{font-size:12px;color:#34d399;padding:4px 10px;border-radius:999px;background:#10b9811a;border:1px solid rgba(16,185,129,.25);animation:fadein .2s ease}@keyframes fadein{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:none}}.avatar{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#5b8df7,#a78bfa);font-size:12px;font-weight:600;color:#fff}.user-name{font-size:13px;color:#c7cdd6}.glow--app{inset:-10% -10% auto -10%;height:50vh;background:radial-gradient(closest-side at 75% 0%,rgba(91,141,247,.18),transparent 65%),radial-gradient(closest-side at 20% 10%,rgba(167,139,250,.1),transparent 60%);filter:blur(40px)}.main{position:relative;z-index:1;padding:22px 32px 48px;width:100%;display:flex;flex-direction:column;gap:16px}.app__tabs{display:inline-flex;align-items:center;gap:4px;padding:4px;background:#1418208c;border:1px solid rgba(255,255,255,.06);border-radius:10px;align-self:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app__tab{-webkit-app-region:no-drag;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:#9ca3af;border:0;border-radius:7px;padding:6px 14px;font-size:12.5px;font-weight:500;letter-spacing:.15px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:color .12s ease,background .12s ease}.app__tab:hover{color:#e5e7eb;background:#ffffff0a}.app__tab.is-active{color:#fff;background:#5b8df72e;box-shadow:0 0 0 1px #5b8df74d inset}.app__tab-count{font-size:10.5px;color:#9ca3af;background:#ffffff0f;padding:1px 6px;border-radius:999px;min-width:18px;text-align:center}.app__tab.is-active .app__tab-count{background:#5b8df74d;color:#fff}.app__grid{display:grid;grid-template-columns:repeat(auto-fill,200px);gap:14px}.add-card{-webkit-app-region:no-drag;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:200px;height:200px;background:transparent;border:1.5px dashed rgba(255,255,255,.12);border-radius:14px;color:#9ca3af;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;transition:border-color .16s ease,color .16s ease,background .16s ease}.add-card:hover{border-color:#5b8df780;color:#e5e7eb;background:#5b8df70d}.add-card__plus{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#ffffff0a;font-size:22px;font-weight:300;color:inherit}.add-card__label{font-size:13px;font-weight:500}.bcard--helper{background:linear-gradient(160deg,#5b8df729,#a78bfa24 60%,#1418208c);border-color:#a78bfa40}.bcard--helper .bcard__accent{background:linear-gradient(90deg,#5b8df7,#a78bfa);opacity:1}.bcard--helper:hover{border-color:#a78bfa73}.bcard__pill--helper{background:#a78bfa2e;border-color:#a78bfa4d;color:#c4b5fd;font-size:11px;font-weight:600;letter-spacing:.2px}.bcard__helper-icon{font-size:12px;filter:grayscale(.2)}.bcard__badge--free{background:#34d39926;color:#34d399;border:1px solid rgba(52,211,153,.3)}.bcard__badge--trial{background:#fbbf2426;color:#fcd34d;border:1px solid rgba(251,191,36,.3);font-size:9.5px;letter-spacing:.3px;padding:2px 7px}.bcard__badge--local{background:#5b8df72e;color:#a5c4ff;border:1px solid rgba(91,141,247,.35);font-size:9.5px;letter-spacing:.3px;padding:2px 7px}.bcard--helper .bcard__name{color:#f3f4f6}.bcard__desc{margin:4px 0 0;font-size:11.5px;line-height:1.5;color:#c7cdd6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bcard__fineprint{margin:4px 0 0;font-size:10.5px;color:#9ca3af;opacity:.8}.bcard__cta--helper{background:linear-gradient(90deg,#5b8df7,#a78bfa);box-shadow:0 6px 18px -4px #a78bfa73}.bcard__cta--helper:hover{filter:brightness(1.1)}.helper-aside__top{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 10px;border-bottom:1px solid rgba(255,255,255,.05)}.helper-aside__title{font-size:12.5px;font-weight:600;color:#c7cdd6}.helper-aside__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:#6b7280;font-size:20px;line-height:1;width:26px;height:26px;border-radius:6px;cursor:pointer;transition:color .12s ease,background .12s ease}.helper-aside__close:hover{color:#e5e7eb;background:#ffffff0f}.helper-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:transparent;z-index:20;animation:fadein .14s ease;padding:16px;pointer-events:auto}.helper-modal{width:min(360px,100%);background:linear-gradient(180deg,#1f2733,#1a2029);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px 22px 16px;color:#e5e7eb;box-shadow:0 24px 48px -12px #0009,0 1px #ffffff14 inset;animation:fadein .18s ease}.helper-modal__title{font-size:14px;font-weight:600;color:#f3f4f6;margin-bottom:8px}.helper-modal__desc{font-size:12.5px;line-height:1.6;color:#b6bcc6;margin-bottom:18px}.helper-modal__desc code{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:11.5px;padding:1px 6px;background:#ffffff14;border:1px solid rgba(255,255,255,.08);border-radius:4px;color:#e7eaef}.helper-modal__actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.helper-modal__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff0f;color:#d2d6dd;border:1px solid rgba(255,255,255,.1);border-radius:7px;padding:7px 14px;font-size:12.5px;font-weight:500;cursor:pointer;transition:background .12s ease,color .12s ease,transform 80ms ease}.helper-modal__btn:hover{background:#ffffff1a;color:#fff}.helper-modal__btn:active{transform:translateY(1px)}.helper-modal__btn--ghost{background:transparent;border-color:transparent;color:#ffffff8c;margin-right:auto;padding-left:4px;padding-right:4px}.helper-modal__btn--ghost:hover{background:transparent;color:#ffffffd9}.helper-modal__btn--primary{background:linear-gradient(180deg,#5b8df7,#4570d8);border-color:#ffffff2e;color:#fff}.helper-modal__btn--primary:hover{background:linear-gradient(180deg,#6c9af9,#5a82e0)}.helper-modal__btn:disabled{filter:grayscale(.4) brightness(.7);cursor:default}.helper-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px 40px;text-align:center;color:#9ca3af}.helper-placeholder__mark{font-size:48px;line-height:1;filter:grayscale(.2);opacity:.85}.helper-placeholder__title{margin:0;font-size:16px;font-weight:600;color:#e5e7eb}.helper-placeholder__sub{margin:0;font-size:12.5px;line-height:1.6;color:#9ca3af;max-width:320px}.helper-placeholder__note{margin-top:8px;font-size:11px;color:#6b7280;padding:4px 10px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:999px}.helper-placeholder__note code{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:11px;color:#c7cdd6}.section{background:linear-gradient(180deg,#141820b8,#0d1016b8);border:1px solid rgba(255,255,255,.06);border-radius:14px;box-shadow:0 1px #ffffff0a inset,0 14px 30px #00000052;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:18px 18px 16px}.section-head{display:flex;align-items:center;gap:8px;padding:0 4px 14px;border-bottom:1px solid rgba(255,255,255,.04);margin-bottom:14px}.section-icon{font-size:14px;opacity:.8}.section-head h2{margin:0;font-size:13.5px;font-weight:600;color:#e5e7eb;letter-spacing:.2px}.section-sub{font-size:12px;color:#6b7280}.section-body{display:flex;flex-direction:column;gap:10px}.grid{display:grid;grid-template-columns:repeat(auto-fill,200px);gap:14px}.bcard{position:relative;width:200px;height:200px;background:#1418208c;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:16px;display:flex;flex-direction:column;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;--brand: #5b8df7;--accent-cloud: #f59e0b}.bcard:hover{transform:translateY(-2px);border-color:#ffffff24;box-shadow:0 12px 32px -10px #00000073,0 1px #ffffff0a inset}.bcard__accent{position:absolute;top:0;left:0;right:0;height:3px;background:var(--brand);opacity:.9}.bcard--cloud .bcard__accent{background:var(--accent-cloud)}.bcard--online:before{content:"";position:absolute;bottom:-40%;right:-20%;width:140%;height:100%;background:radial-gradient(circle at center,rgba(91,141,247,.22) 0%,transparent 60%);pointer-events:none;opacity:.55}.bcard--cloud.bcard--online:before{background:radial-gradient(circle at center,rgba(245,158,11,.22) 0%,transparent 60%)}.bcard__top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.bcard__pill{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background:#08090eb3;border:1px solid rgba(255,255,255,.07);border-radius:999px;color:#9ca3af}.bcard__pill svg{display:block}.bcard__dot{width:7px;height:7px;border-radius:50%;background:#6b7280;flex-shrink:0}.bcard__dot[data-tone=ok]{background:#34d399;box-shadow:0 0 0 2px #34d39940}.bcard__dot[data-tone=off]{background:#6b7280}.bcard__dot[data-tone=warn]{background:#fbbf24;box-shadow:0 0 0 2px #fbbf2440}.bcard__dot[data-tone=err]{background:#f87171;box-shadow:0 0 0 2px #f8717140}.bcard__badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;background:#fbbf241f;color:#fbbf24;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.bcard__body{flex:1;display:flex;flex-direction:column;gap:4px;padding-top:12px;padding-bottom:12px;position:relative;z-index:1;min-width:0}.bcard__name{margin:0;font-size:17px;font-weight:700;color:#e5e7eb;letter-spacing:-.015em;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bcard__host{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:11px;color:#9ca3af;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bcard__meta{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.bcard__chip{font-size:10.5px;color:#9ca3af;background:#ffffff08;border:1px solid rgba(255,255,255,.06);padding:2px 7px;border-radius:999px}.bcard__cta{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;height:38px;border:0;border-radius:9px;background:var(--brand);color:#fff;font-size:13px;font-weight:600;letter-spacing:.1px;cursor:pointer;transition:transform 80ms ease,background .16s ease,box-shadow .16s ease,filter .16s ease;box-shadow:0 4px 12px -2px #5b8df773}.bcard--cloud .bcard__cta{background:var(--accent-cloud);box-shadow:0 4px 12px -2px #f59e0b73}.bcard__cta:hover{filter:brightness(1.08)}.bcard__cta:active{transform:translateY(1px)}.bcard__cta:disabled{background:#ffffff08;color:#6b7280;cursor:not-allowed;box-shadow:none;border:1px solid rgba(255,255,255,.06)}.empty{font-size:12.5px;color:#6b7280;padding:14px 16px;background:#ffffff05;border:1px dashed rgba(255,255,255,.08);border-radius:10px}.sidecar-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px;padding:8px 12px;background:#1418208c;border:1px solid rgba(255,255,255,.08);border-radius:10px}.sidecar-bar__label{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#c7cdd6}.sidecar-bar__title{font-weight:600}.sidecar-bar__state{color:#9ca3af;font-size:11.5px}.sidecar-dot{width:8px;height:8px;border-radius:50%;background:#6b7280;flex:none}.sidecar-dot.is-on{background:#10b981;box-shadow:0 0 0 3px #10b98126}.sidecar-dot.is-off{background:#ef4444;box-shadow:0 0 0 3px #ef44441f}.sidecar-dot.is-unknown{background:#6b7280}.sidecar-bar__actions{display:flex;gap:6px;margin-left:auto}.sidecar-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.12);background:#ffffff08;color:#d1d5db;border-radius:8px;padding:5px 12px;font-size:11.5px;cursor:pointer;transition:.15s}.sidecar-btn:hover:not(:disabled){color:#fff;background:#ffffff0f;border-color:#fff3}.sidecar-btn:disabled{opacity:.4;cursor:default}.sidecar-btn--danger{color:#f7a3a3;border-color:#ef444440}.sidecar-btn--danger:hover:not(:disabled){color:#fff;background:#ef44442e;border-color:#ef444480}.sidecar-bar__msg{flex-basis:100%;font-size:11.5px;color:#9ca3af}
+*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:#07080c;color:#e5e7eb;-webkit-font-smoothing:antialiased}.shell{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;-webkit-app-region:drag}.shell--app{align-items:stretch;justify-content:stretch;flex-direction:row;background:linear-gradient(180deg,#0b0d13,#07080c);overflow:hidden;-webkit-app-region:no-drag}.shell__left{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;overflow:auto}.helper-aside{flex:0 0 auto;position:relative;background:#0f1115;border-left:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;min-width:320px;z-index:1}.helper-aside,.helper-aside *,.shell--app .main{-webkit-app-region:no-drag}.shell--app .topbar{-webkit-app-region:drag}.shell--app .topbar .user-chip,.shell--app .topbar .user-chip *,.shell--app .topbar .btn-ghost{-webkit-app-region:no-drag}.glow{position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;z-index:0;pointer-events:none;background:radial-gradient(closest-side,rgba(91,141,247,.2),transparent 60%),radial-gradient(closest-side at 30% 70%,rgba(167,139,250,.13),transparent 65%);filter:blur(30px)}.card{-webkit-app-region:no-drag;position:relative;z-index:1;width:380px;padding:36px 36px 28px;background:linear-gradient(180deg,#141820d9,#0d1016d9);border:1px solid rgba(255,255,255,.06);border-radius:16px;box-shadow:0 1px #ffffff0a inset,0 30px 60px #0006;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;flex-direction:column;align-items:center;gap:18px}.brand{display:flex;align-items:center;gap:12px;align-self:stretch}.brand-mark{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#5b8df7,#a78bfa);box-shadow:0 8px 20px #5b8df759}.brand-mark.sm{width:28px;height:28px;border-radius:8px;box-shadow:none}.brand-mark.sm svg{width:16px;height:16px}.brand-text{line-height:1.2}.brand-name{font-weight:600;font-size:15px}.brand-sub{font-size:12px;color:#9ca3af;margin-top:2px}.tagline{margin:4px 0 0;color:#c7cdd6;font-size:13.5px;text-align:center;line-height:1.55}.btn-primary{-webkit-app-region:no-drag;margin-top:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(180deg,#5b8df7,#4570d8);color:#fff;border:0;border-radius:10px;font-size:14px;font-weight:500;letter-spacing:.2px;cursor:pointer;box-shadow:0 1px #ffffff2e inset,0 -1px #0000002e inset,0 10px 22px #5b8df747;transition:transform 80ms ease,filter .12s ease}.btn-primary:hover{filter:brightness(1.08)}.btn-primary:active{transform:translateY(1px)}.btn-primary:disabled{filter:grayscale(.4) brightness(.7);cursor:default}.btn-ghost{-webkit-app-region:no-drag;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:#9ca3af;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:6px 14px;font-size:12.5px;cursor:pointer;transition:color .12s ease,border-color .12s ease,background .12s ease}.btn-ghost.sm{padding:4px 10px;font-size:11.5px}.btn-ghost:hover{color:#e5e7eb;background:#ffffff0a;border-color:#ffffff24}.btn-ghost:disabled{opacity:.4;cursor:default}.hint{margin:0;font-size:11.5px;color:#6b7280}.spinner-row{display:inline-flex;align-items:center;gap:8px;color:#c7cdd6;font-size:13px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{width:100%;font-size:12px;color:#fca5a5;background:#ef444414;border:1px solid rgba(239,68,68,.18);padding:8px 12px;border-radius:8px;text-align:center;line-height:1.5}.topbar{-webkit-app-region:drag;position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:14px 24px 12px;background:#08090e99;border-bottom:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}[data-platform=darwin][data-fullscreen="0"] .topbar{padding-left:84px}.brand-mini{display:inline-flex;align-items:center;gap:10px}.brand-mini .brand-name{font-size:14px}.user-chip{-webkit-app-region:no-drag;display:inline-flex;align-items:center;gap:10px}.welcome{font-size:12px;color:#34d399;padding:4px 10px;border-radius:999px;background:#10b9811a;border:1px solid rgba(16,185,129,.25);animation:fadein .2s ease}@keyframes fadein{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:none}}.avatar{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#5b8df7,#a78bfa);font-size:12px;font-weight:600;color:#fff}.user-name{font-size:13px;color:#c7cdd6}.glow--app{inset:-10% -10% auto -10%;height:50vh;background:radial-gradient(closest-side at 75% 0%,rgba(91,141,247,.18),transparent 65%),radial-gradient(closest-side at 20% 10%,rgba(167,139,250,.1),transparent 60%);filter:blur(40px)}.main{position:relative;z-index:1;padding:22px 32px 48px;width:100%;display:flex;flex-direction:column;gap:16px}.app__tabs{display:inline-flex;align-items:center;gap:4px;padding:4px;background:#1418208c;border:1px solid rgba(255,255,255,.06);border-radius:10px;align-self:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app__tab{-webkit-app-region:no-drag;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:#9ca3af;border:0;border-radius:7px;padding:6px 14px;font-size:12.5px;font-weight:500;letter-spacing:.15px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:color .12s ease,background .12s ease}.app__tab:hover{color:#e5e7eb;background:#ffffff0a}.app__tab.is-active{color:#fff;background:#5b8df72e;box-shadow:0 0 0 1px #5b8df74d inset}.app__tab-count{font-size:10.5px;color:#9ca3af;background:#ffffff0f;padding:1px 6px;border-radius:999px;min-width:18px;text-align:center}.app__tab.is-active .app__tab-count{background:#5b8df74d;color:#fff}.app__grid{display:grid;grid-template-columns:repeat(auto-fill,200px);gap:14px}.add-card{-webkit-app-region:no-drag;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:200px;height:200px;background:transparent;border:1.5px dashed rgba(255,255,255,.12);border-radius:14px;color:#9ca3af;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;transition:border-color .16s ease,color .16s ease,background .16s ease}.add-card:hover{border-color:#5b8df780;color:#e5e7eb;background:#5b8df70d}.add-card__plus{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#ffffff0a;font-size:22px;font-weight:300;color:inherit}.add-card__label{font-size:13px;font-weight:500}.bcard--helper{background:linear-gradient(160deg,#5b8df729,#a78bfa24 60%,#1418208c);border-color:#a78bfa40}.bcard--helper .bcard__accent{background:linear-gradient(90deg,#5b8df7,#a78bfa);opacity:1}.bcard--helper:hover{border-color:#a78bfa73}.bcard__pill--helper{background:#a78bfa2e;border-color:#a78bfa4d;color:#c4b5fd;font-size:11px;font-weight:600;letter-spacing:.2px}.bcard__helper-icon{font-size:12px;filter:grayscale(.2)}.bcard__badge--free{background:#34d39926;color:#34d399;border:1px solid rgba(52,211,153,.3)}.bcard__badge--trial{background:#fbbf2426;color:#fcd34d;border:1px solid rgba(251,191,36,.3);font-size:9.5px;letter-spacing:.3px;padding:2px 7px}.bcard__badge--local{background:#5b8df72e;color:#a5c4ff;border:1px solid rgba(91,141,247,.35);font-size:9.5px;letter-spacing:.3px;padding:2px 7px}.bcard--helper .bcard__name{color:#f3f4f6}.bcard__desc{margin:4px 0 0;font-size:11.5px;line-height:1.5;color:#c7cdd6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bcard__fineprint{margin:4px 0 0;font-size:10.5px;color:#9ca3af;opacity:.8}.bcard__cta--helper{background:linear-gradient(90deg,#5b8df7,#a78bfa);box-shadow:0 6px 18px -4px #a78bfa73}.bcard__cta--helper:hover{filter:brightness(1.1)}.helper-aside__top{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 10px;border-bottom:1px solid rgba(255,255,255,.05)}.helper-aside__title{font-size:12.5px;font-weight:600;color:#c7cdd6}.helper-aside__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:#6b7280;font-size:20px;line-height:1;width:26px;height:26px;border-radius:6px;cursor:pointer;transition:color .12s ease,background .12s ease}.helper-aside__close:hover{color:#e5e7eb;background:#ffffff0f}.helper-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:transparent;z-index:20;animation:fadein .14s ease;padding:16px;pointer-events:auto}.helper-modal{width:min(360px,100%);background:linear-gradient(180deg,#1f2733,#1a2029);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px 22px 16px;color:#e5e7eb;box-shadow:0 24px 48px -12px #0009,0 1px #ffffff14 inset;animation:fadein .18s ease}.helper-modal__title{font-size:14px;font-weight:600;color:#f3f4f6;margin-bottom:8px}.helper-modal__desc{font-size:12.5px;line-height:1.6;color:#b6bcc6;margin-bottom:18px}.helper-modal__desc code{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:11.5px;padding:1px 6px;background:#ffffff14;border:1px solid rgba(255,255,255,.08);border-radius:4px;color:#e7eaef}.helper-modal__actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.helper-modal__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff0f;color:#d2d6dd;border:1px solid rgba(255,255,255,.1);border-radius:7px;padding:7px 14px;font-size:12.5px;font-weight:500;cursor:pointer;transition:background .12s ease,color .12s ease,transform 80ms ease}.helper-modal__btn:hover{background:#ffffff1a;color:#fff}.helper-modal__btn:active{transform:translateY(1px)}.helper-modal__btn--ghost{background:transparent;border-color:transparent;color:#ffffff8c;margin-right:auto;padding-left:4px;padding-right:4px}.helper-modal__btn--ghost:hover{background:transparent;color:#ffffffd9}.helper-modal__btn--primary{background:linear-gradient(180deg,#5b8df7,#4570d8);border-color:#ffffff2e;color:#fff}.helper-modal__btn--primary:hover{background:linear-gradient(180deg,#6c9af9,#5a82e0)}.helper-modal__btn:disabled{filter:grayscale(.4) brightness(.7);cursor:default}.helper-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px 40px;text-align:center;color:#9ca3af}.helper-placeholder__mark{font-size:48px;line-height:1;filter:grayscale(.2);opacity:.85}.helper-placeholder__title{margin:0;font-size:16px;font-weight:600;color:#e5e7eb}.helper-placeholder__sub{margin:0;font-size:12.5px;line-height:1.6;color:#9ca3af;max-width:320px}.helper-placeholder__note{margin-top:8px;font-size:11px;color:#6b7280;padding:4px 10px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:999px}.helper-placeholder__note code{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:11px;color:#c7cdd6}.section{background:linear-gradient(180deg,#141820b8,#0d1016b8);border:1px solid rgba(255,255,255,.06);border-radius:14px;box-shadow:0 1px #ffffff0a inset,0 14px 30px #00000052;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:18px 18px 16px}.section-head{display:flex;align-items:center;gap:8px;padding:0 4px 14px;border-bottom:1px solid rgba(255,255,255,.04);margin-bottom:14px}.section-icon{font-size:14px;opacity:.8}.section-head h2{margin:0;font-size:13.5px;font-weight:600;color:#e5e7eb;letter-spacing:.2px}.section-sub{font-size:12px;color:#6b7280}.section-body{display:flex;flex-direction:column;gap:10px}.grid{display:grid;grid-template-columns:repeat(auto-fill,200px);gap:14px}.bcard{position:relative;width:200px;height:200px;background:#1418208c;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:16px;display:flex;flex-direction:column;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;--brand: #5b8df7;--accent-cloud: #f59e0b}.bcard:hover{transform:translateY(-2px);border-color:#ffffff24;box-shadow:0 12px 32px -10px #00000073,0 1px #ffffff0a inset}.bcard__accent{position:absolute;top:0;left:0;right:0;height:3px;background:var(--brand);opacity:.9}.bcard--cloud .bcard__accent{background:var(--accent-cloud)}.bcard--online:before{content:"";position:absolute;bottom:-40%;right:-20%;width:140%;height:100%;background:radial-gradient(circle at center,rgba(91,141,247,.22) 0%,transparent 60%);pointer-events:none;opacity:.55}.bcard--cloud.bcard--online:before{background:radial-gradient(circle at center,rgba(245,158,11,.22) 0%,transparent 60%)}.bcard__top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.bcard__pill{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background:#08090eb3;border:1px solid rgba(255,255,255,.07);border-radius:999px;color:#9ca3af}.bcard__pill svg{display:block}.bcard__dot{width:7px;height:7px;border-radius:50%;background:#6b7280;flex-shrink:0}.bcard__dot[data-tone=ok]{background:#34d399;box-shadow:0 0 0 2px #34d39940}.bcard__dot[data-tone=off]{background:#6b7280}.bcard__dot[data-tone=warn]{background:#fbbf24;box-shadow:0 0 0 2px #fbbf2440}.bcard__dot[data-tone=err]{background:#f87171;box-shadow:0 0 0 2px #f8717140}.bcard__badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;background:#fbbf241f;color:#fbbf24;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.bcard__body{flex:1;display:flex;flex-direction:column;gap:4px;padding-top:12px;padding-bottom:12px;position:relative;z-index:1;min-width:0}.bcard__name{margin:0;font-size:17px;font-weight:700;color:#e5e7eb;letter-spacing:-.015em;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bcard__host{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:11px;color:#9ca3af;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bcard__meta{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.bcard__chip{font-size:10.5px;color:#9ca3af;background:#ffffff08;border:1px solid rgba(255,255,255,.06);padding:2px 7px;border-radius:999px}.bcard__cta{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;height:38px;border:0;border-radius:9px;background:var(--brand);color:#fff;font-size:13px;font-weight:600;letter-spacing:.1px;cursor:pointer;transition:transform 80ms ease,background .16s ease,box-shadow .16s ease,filter .16s ease;box-shadow:0 4px 12px -2px #5b8df773}.bcard--cloud .bcard__cta{background:var(--accent-cloud);box-shadow:0 4px 12px -2px #f59e0b73}.bcard__cta:hover{filter:brightness(1.08)}.bcard__cta:active{transform:translateY(1px)}.bcard__cta:disabled{background:#ffffff08;color:#6b7280;cursor:not-allowed;box-shadow:none;border:1px solid rgba(255,255,255,.06)}.empty{font-size:12.5px;color:#6b7280;padding:14px 16px;background:#ffffff05;border:1px dashed rgba(255,255,255,.08);border-radius:10px}.bcard__ops{display:flex;gap:6px;margin-top:10px}.bcard__op{display:inline-flex;align-items:center;gap:5px;flex:1;justify-content:center;border:1px solid rgba(255,255,255,.12);background:#ffffff08;color:#d1d5db;border-radius:7px;padding:5px 8px;font-size:11.5px;cursor:pointer;transition:.15s}.bcard__op:hover:not(:disabled){color:#fff;background:#ffffff0f;border-color:#fff3}.bcard__op:disabled{opacity:.4;cursor:default}.bcard__op--danger{color:#f7a3a3;border-color:#ef444440}.bcard__op--danger:hover:not(:disabled){color:#fff;background:#ef44442e;border-color:#ef444480}.bcard__opmsg{margin-top:8px;font-size:11px;color:#9ca3af;word-break:break-word}

package/src/backends/homepage-react/index.html

@@ -4,8 +4,8 @@
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <title>CiCy Desktop</title>
-  <script type="module" crossorigin src="./assets/index-CmSv3AFG.js"></script>
-  <link rel="stylesheet" crossorigin href="./assets/index-U_RAjjQx.css">
+  <script type="module" crossorigin src="./assets/index-CoLaJ3o7.js"></script>
+  <link rel="stylesheet" crossorigin href="./assets/index-UOwEuHCy.css">
 </head>
 <body>
   <div id="root"></div>

package/src/sidecar/cicy-code.js

@@ -17,7 +17,7 @@ const fs = require("fs");
 const os = require("os");
 const http = require("http");
 const path = require("path");
-const { spawn } = require("child_process");
+const { spawn, execFileSync } = require("child_process");
 
 const DEFAULT_PORT = Number(process.env.CICY_CODE_PORT || 8008);
 
@@ -101,22 +101,65 @@ async function start({ logPath, port = DEFAULT_PORT, force = false, version = nu
   return child;
 }
 
-async function stop({ timeoutMs = 5000 } = {}) {
-  if (!child) return;
-  const p = child;
-  child = null;
-  // Docker-launched (win32): not a real ChildProcess — remove the container.
-  if (p && p.docker) {
-    try { await require("./docker").stop(); } catch {}
-    return;
+// PIDs currently LISTENing on `port`, via lsof. Tries a few common paths
+// because the GUI-launched Electron process often has a minimal PATH. Returns
+// [] when lsof is missing or nothing is listening.
+const LSOF_CANDIDATES = ["/usr/sbin/lsof", "/usr/bin/lsof", "lsof"];
+function listPortPids(port) {
+  for (const bin of LSOF_CANDIDATES) {
+    try {
+      const out = execFileSync(bin, ["-nP", `-tiTCP:${port}`, "-sTCP:LISTEN"], {
+        encoding: "utf8",
+        stdio: ["ignore", "pipe", "ignore"],
+      });
+      return [...new Set(out.split(/\s+/).map(s => parseInt(s, 10)).filter(n => n > 0))];
+    } catch (e) {
+      if (e && e.code === "ENOENT") continue; // wrong path → try next candidate
+      return []; // lsof ran but matched nothing (non-zero exit)
+    }
+  }
+  return [];
+}
+
+// Kill whatever is LISTENing on `port` — even a detached/orphan (PPID=1)
+// cicy-code from a prior launch that we never tracked as a child. SIGTERM,
+// wait for the port to free, then SIGKILL the stragglers.
+async function killPortListeners(port = DEFAULT_PORT, timeoutMs = 5000) {
+  const pids = listPortPids(port);
+  if (!pids.length) return 0;
+  for (const pid of pids) { try { process.kill(pid, "SIGTERM"); } catch {} }
+  const t0 = Date.now();
+  while (Date.now() - t0 < timeoutMs) {
+    if (!listPortPids(port).length) return pids.length;
+    await new Promise(r => setTimeout(r, 150));
   }
-  try { p.kill("SIGTERM"); } catch {}
-  const start = Date.now();
-  while (p.exitCode === null && Date.now() - start < timeoutMs) {
-    await new Promise(r => setTimeout(r, 100));
+  for (const pid of listPortPids(port)) { try { process.kill(pid, "SIGKILL"); } catch {} }
+  return pids.length;
+}
+
+async function stop({ timeoutMs = 5000, port = DEFAULT_PORT } = {}) {
+  // 1) The child we spawned this session (npx) or the Docker container.
+  if (child) {
+    const p = child;
+    child = null;
+    if (p.docker) {
+      try { await require("./docker").stop(); } catch {}
+      return;
+    }
+    try { p.kill("SIGTERM"); } catch {}
+    const t0 = Date.now();
+    while (p.exitCode === null && Date.now() - t0 < timeoutMs) {
+      await new Promise(r => setTimeout(r, 100));
+    }
+    if (p.exitCode === null) { try { p.kill("SIGKILL"); } catch {} }
   }
-  if (p.exitCode === null) {
-    try { p.kill("SIGKILL"); } catch {}
+
+  // 2) Anything STILL on :port we didn't spawn — a detached npx from a prior
+  //    launch, a user-run daemon, a PPID=1 orphan. The homepage 停止/重启 must
+  //    act on the REAL listener; otherwise (no tracked child) it would no-op.
+  //    Docker (win32) owns its own lifecycle, so skip the port-kill there.
+  if (process.platform !== "win32") {
+    await killPortListeners(port, timeoutMs);
   }
 }
 
@@ -145,7 +188,7 @@ function clearNpxCache() {
 // Restart: stop the running daemon, let :8008 free, then force a fresh spawn
 // (reusing the same cached version — no registry round-trip).
 async function restart({ logPath, port = DEFAULT_PORT } = {}) {
-  await stop();
+  await stop({ port });
   await new Promise(r => setTimeout(r, 300));
   return start({ logPath, port, force: true });
 }
@@ -155,7 +198,7 @@ async function restart({ logPath, port = DEFAULT_PORT } = {}) {
 //   else   → clear the npx cache + spawn `cicy-code@latest` so npx re-resolves
 //            against the registry (npmmirror for CN) and pulls a newer build.
 async function update({ logPath, port = DEFAULT_PORT } = {}) {
-  await stop();
+  await stop({ port });
   if (process.platform === "win32") {
     try { await require("./docker").loadImage(); } catch (e) {
       console.warn(`[cicy-code-sidecar] docker image reload failed: ${e.message}`);

package/workers/render/src/App.css

@@ -630,48 +630,31 @@ body {
   border-radius: 10px;
 }
 
-/* ---- 本地 cicy-code 守护进程的控制条 (SidecarControl) ---- */
-.sidecar-bar {
+/* ---- 本地团队卡片上的 cicy-code 守护进程控制 (重启/更新/停止) ---- */
+.bcard__ops {
   display: flex;
-  align-items: center;
-  gap: 12px;
-  flex-wrap: wrap;
-  margin-bottom: 12px;
-  padding: 8px 12px;
-  background: rgba(20,24,32,.55);
-  border: 1px solid rgba(255,255,255,.08);
-  border-radius: 10px;
+  gap: 6px;
+  margin-top: 10px;
 }
-.sidecar-bar__label {
-  display: flex; align-items: center; gap: 8px;
-  font-size: 12.5px; color: #c7cdd6;
-}
-.sidecar-bar__title { font-weight: 600; }
-.sidecar-bar__state { color: #9ca3af; font-size: 11.5px; }
-.sidecar-dot {
-  width: 8px; height: 8px; border-radius: 50%;
-  background: #6b7280; flex: none;
-}
-.sidecar-dot.is-on  { background: #10b981; box-shadow: 0 0 0 3px rgba(16,185,129,.15); }
-.sidecar-dot.is-off { background: #ef4444; box-shadow: 0 0 0 3px rgba(239,68,68,.12); }
-.sidecar-dot.is-unknown { background: #6b7280; }
-.sidecar-bar__actions { display: flex; gap: 6px; margin-left: auto; }
-.sidecar-btn {
-  display: inline-flex; align-items: center; gap: 6px;
+.bcard__op {
+  display: inline-flex; align-items: center; gap: 5px;
+  flex: 1;
+  justify-content: center;
   border: 1px solid rgba(255,255,255,.12);
   background: rgba(255,255,255,.03); color: #d1d5db;
-  border-radius: 8px; padding: 5px 12px; font-size: 11.5px;
+  border-radius: 7px; padding: 5px 8px; font-size: 11.5px;
   cursor: pointer; transition: .15s;
 }
-.sidecar-btn:hover:not(:disabled) {
+.bcard__op:hover:not(:disabled) {
   color: #fff; background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.2);
 }
-.sidecar-btn:disabled { opacity: .4; cursor: default; }
-.sidecar-btn--danger { color: #f7a3a3; border-color: rgba(239,68,68,.25); }
-.sidecar-btn--danger:hover:not(:disabled) {
+.bcard__op:disabled { opacity: .4; cursor: default; }
+.bcard__op--danger { color: #f7a3a3; border-color: rgba(239,68,68,.25); }
+.bcard__op--danger:hover:not(:disabled) {
   color: #fff; background: rgba(239,68,68,.18); border-color: rgba(239,68,68,.5);
 }
-.sidecar-bar__msg {
-  flex-basis: 100%;
-  font-size: 11.5px; color: #9ca3af;
+.bcard__opmsg {
+  margin-top: 8px;
+  font-size: 11px; color: #9ca3af;
+  word-break: break-word;
 }

package/workers/render/src/App.jsx

@@ -349,8 +349,6 @@ export default function App() {
           ))}
         </div>
 
-        {showLocal && <SidecarControl />}
-
         {profileError && (
           <div className="error" style={{ marginBottom: 12 }}>
             云端: {profileError}
@@ -362,7 +360,7 @@ export default function App() {
 
         <div className="app__grid">
           {showLocal && localTeams && localTeams.map((t) => (
-            <LocalTeamCard key={"local:" + t.id} team={t} onOpen={() => openLocalTeam(t.id)} onRename={renameLocalTeam} />
+            <LocalTeamCard key={"local:" + t.id} team={t} onOpen={() => openLocalTeam(t.id)} onRename={renameLocalTeam} onRefresh={fetchLocalTeams} />
           ))}
           {showCloud && teams && teams.map((t) => (
             <TeamCard
@@ -427,106 +425,7 @@ function Section({ title, subtitle, icon, children }) {
   );
 }
 
-// Lifecycle controls for the locally-run cicy-code daemon (the sidecar on
-// :8008). Polls sidecar.status and offers 重启 / 更新 / 停止. Only meaningful
-// on a desktop where this app owns the npx/Docker-launched daemon.
-function SidecarControl() {
-  const [running, setRunning] = useState(null); // null = unknown, then bool
-  const [busy, setBusy] = useState("");          // "" | "restart" | "update" | "stop"
-  const [msg, setMsg] = useState("");
-
-  const probe = useCallback(async () => {
-    if (!window.cicy?.sidecar?.status) return;
-    try {
-      const r = await window.cicy.sidecar.status();
-      setRunning(!!r?.running);
-    } catch { setRunning(false); }
-  }, []);
-
-  useEffect(() => {
-    probe();
-    const id = setInterval(probe, 4000);
-    return () => clearInterval(id);
-  }, [probe]);
-
-  // The bridge isn't there at all (old build / non-desktop) → render nothing.
-  if (!window.cicy?.sidecar?.restart) return null;
-
-  const run = async (kind, fn, doneText) => {
-    if (busy) return;
-    setBusy(kind);
-    setMsg("");
-    try {
-      const r = await fn();
-      if (r?.ok) {
-        setMsg(r.warning ? `${doneText}（${r.warning}）` : doneText);
-      } else {
-        setMsg(tr("sidecar.failed", "失败") + (r?.error ? `: ${r.error}` : ""));
-      }
-    } catch (e) {
-      setMsg(tr("sidecar.failed", "失败") + `: ${e?.message || e}`);
-    } finally {
-      setBusy("");
-      probe();
-    }
-  };
-
-  const dotClass = running == null ? "is-unknown" : running ? "is-on" : "is-off";
-  const stateText = running == null
-    ? tr("sidecar.checking", "检测中…")
-    : running ? tr("sidecar.running", "运行中") : tr("sidecar.stopped", "已停止");
-
-  return (
-    <div data-id="SidecarControl" className="sidecar-bar">
-      <div className="sidecar-bar__label">
-        <span className={`sidecar-dot ${dotClass}`} aria-hidden />
-        <span className="sidecar-bar__title">本地 cicy-code</span>
-        <span className="sidecar-bar__state">{stateText}</span>
-      </div>
-      <div className="sidecar-bar__actions">
-        <button
-          type="button"
-          data-id="SidecarControl-restart"
-          className="sidecar-btn"
-          disabled={!!busy}
-          onClick={() => run("restart",
-            () => window.cicy.sidecar.restart(),
-            tr("sidecar.restarted", "已重启"))}
-        >
-          {busy === "restart" ? <Spinner /> : null}
-          {tr("sidecar.restart", "重启")}
-        </button>
-        <button
-          type="button"
-          data-id="SidecarControl-update"
-          className="sidecar-btn"
-          disabled={!!busy}
-          onClick={() => run("update",
-            () => window.cicy.sidecar.update(),
-            tr("sidecar.updated", "已更新到最新"))}
-        >
-          {busy === "update" ? <Spinner /> : null}
-          {tr("sidecar.update", "更新")}
-        </button>
-        <button
-          type="button"
-          data-id="SidecarControl-stop"
-          className="sidecar-btn sidecar-btn--danger"
-          disabled={!!busy || running === false}
-          onClick={() => run("stop",
-            () => window.cicy.sidecar.stop(),
-            tr("sidecar.stoppedDone", "已停止"))}
-        >
-          {busy === "stop" ? <Spinner /> : null}
-          {tr("sidecar.stop", "停止")}
-        </button>
-      </div>
-      {msg && <span data-id="SidecarControl-msg" className="sidecar-bar__msg">{msg}</span>}
-    </div>
-  );
-}
-
-function LocalTeamCard({ team, onOpen, onRename }) {
+function LocalTeamCard({ team, onOpen, onRename, onRefresh }) {
   const statusInfo = LOCAL_STATUS[team.status] || LOCAL_STATUS.error;
   const tone = statusInfo.tone;
   // Inline rename: double-click the name or click ✎ → edit → Enter/blur saves.
@@ -539,6 +438,29 @@ function LocalTeamCard({ team, onOpen, onRename }) {
     const next = String(draft || "").trim();
     if (onRename && next && next !== team.name) await onRename(team.id, next);
   };
+
+  // Lifecycle of the local cicy-code daemon (the :8008 sidecar this card
+  // represents): 重启 / 更新 / 停止, inline on the card itself. Only shown when
+  // the bridge exists (desktop build that owns the daemon).
+  const [busy, setBusy] = useState("");   // "" | "restart" | "update" | "stop"
+  const [opMsg, setOpMsg] = useState("");
+  const hasOps = !!window.cicy?.sidecar?.restart;
+  const runOp = async (e, kind, fn, doneText) => {
+    e.stopPropagation();
+    if (busy) return;
+    setBusy(kind); setOpMsg("");
+    try {
+      const r = await fn();
+      setOpMsg(r?.ok
+        ? (r.warning ? `${doneText}（${r.warning}）` : doneText)
+        : tr("sidecar.failed", "失败") + (r?.error ? `: ${r.error}` : ""));
+    } catch (err) {
+      setOpMsg(tr("sidecar.failed", "失败") + `: ${err?.message || err}`);
+    } finally {
+      setBusy("");
+      onRefresh?.(); // re-probe so the status dot/chip catches up
+    }
+  };
   return (
     <div data-id="LocalTeamCard" className={`bcard bcard--local${tone === "ok" ? " bcard--online" : ""}`}>
       <div className="bcard__accent" />
@@ -579,6 +501,41 @@ function LocalTeamCard({ team, onOpen, onRename }) {
           <span className="bcard__chip">{statusInfo.label}</span>
           {team.version && <span className="bcard__chip">v{team.version}</span>}
         </div>
+        {hasOps && (
+          <div className="bcard__ops" data-id="LocalTeamCard-ops" onClick={(e) => e.stopPropagation()}>
+            <button
+              type="button"
+              data-id="LocalTeamCard-restart"
+              className="bcard__op"
+              disabled={!!busy}
+              title={tr("sidecar.restartHint", "重启本地 cicy-code")}
+              onClick={(e) => runOp(e, "restart", () => window.cicy.sidecar.restart(), tr("sidecar.restarted", "已重启"))}
+            >
+              {busy === "restart" ? <Spinner /> : null}{tr("sidecar.restart", "重启")}
+            </button>
+            <button
+              type="button"
+              data-id="LocalTeamCard-update"
+              className="bcard__op"
+              disabled={!!busy}
+              title={tr("sidecar.updateHint", "更新到最新版并重启")}
+              onClick={(e) => runOp(e, "update", () => window.cicy.sidecar.update(), tr("sidecar.updated", "已更新到最新"))}
+            >
+              {busy === "update" ? <Spinner /> : null}{tr("sidecar.update", "更新")}
+            </button>
+            <button
+              type="button"
+              data-id="LocalTeamCard-stop"
+              className="bcard__op bcard__op--danger"
+              disabled={!!busy || team.status !== "running"}
+              title={tr("sidecar.stopHint", "停止本地 cicy-code")}
+              onClick={(e) => runOp(e, "stop", () => window.cicy.sidecar.stop(), tr("sidecar.stoppedDone", "已停止"))}
+            >
+              {busy === "stop" ? <Spinner /> : null}{tr("sidecar.stop", "停止")}
+            </button>
+          </div>
+        )}
+        {opMsg && <div className="bcard__opmsg" data-id="LocalTeamCard-opmsg">{opMsg}</div>}
       </div>
       <button
         type="button"