cicy-desktop 2.1.45 → 2.1.47

package/src/backends/homepage-react/assets/{index-U_RAjjQx.css → index-TgJTnwYh.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__menuwrap{position:relative}.bcard__kebab{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid transparent;border-radius:8px;background:transparent;color:#8b949e;cursor:pointer;transition:.15s}.bcard__kebab:hover:not(:disabled){color:#e6edf3;background:#ffffff0f;border-color:#ffffff1f}.bcard__kebab:disabled{opacity:.5;cursor:default}.bcard__kebab.has-dot{color:#e6edf3}.bcard__kebab.has-dot:after{content:"";position:absolute;top:3px;right:3px;width:7px;height:7px;border-radius:50%;background:#f59e0b;box-shadow:0 0 0 2px #0f1115}.bcard__menu{position:absolute;top:32px;right:0;z-index:20;min-width:150px;padding:5px;background:#1b2027;border:1px solid rgba(255,255,255,.12);border-radius:10px;box-shadow:0 10px 30px #00000073;display:flex;flex-direction:column;gap:2px}.bcard__menu-item{text-align:left;width:100%;border:none;background:transparent;color:#d1d5db;border-radius:7px;padding:7px 10px;font-size:12.5px;cursor:pointer;transition:.12s}.bcard__menu-item:hover{background:#ffffff12;color:#fff}.bcard__menu-item.is-accent{color:#fbbf24;font-weight:600}.bcard__menu-item.is-accent:hover{background:#f59e0b26;color:#fcd34d}.bcard__menu-item.is-danger{color:#f7a3a3}.bcard__menu-item.is-danger:hover{background:#ef444429;color:#fff}.bcard__chip--new{color:#fbbf24;background:#f59e0b1f;border-color:#f59e0b4d}.bcard__opmsg{display:flex;align-items:center;gap:6px;margin-top:9px;font-size:11.5px;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-8G3gGQQt.js"></script>
+  <link rel="stylesheet" crossorigin href="./assets/index-TgJTnwYh.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,53 @@ body {
   border-radius: 10px;
 }
 
-/* ---- 本地 cicy-code 守护进程的控制条 (SidecarControl) ---- */
-.sidecar-bar {
-  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;
-}
-.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;
-  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;
+/* ---- 本地团队卡片：cicy-code 守护进程维护 (⋯ 菜单 + 新版提示) ---- */
+.bcard__menuwrap { position: relative; }
+.bcard__kebab {
+  display: inline-flex; align-items: center; justify-content: center;
+  width: 28px; height: 28px;
+  border: 1px solid transparent; border-radius: 8px;
+  background: transparent; color: #8b949e;
   cursor: pointer; transition: .15s;
 }
-.sidecar-btn:hover:not(:disabled) {
-  color: #fff; background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.2);
+.bcard__kebab:hover:not(:disabled) {
+  color: #e6edf3; background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.12);
 }
-.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) {
-  color: #fff; background: rgba(239,68,68,.18); border-color: rgba(239,68,68,.5);
+.bcard__kebab:disabled { opacity: .5; cursor: default; }
+/* amber dot on the ⋯ when an update is available */
+.bcard__kebab.has-dot { color: #e6edf3; }
+.bcard__kebab.has-dot::after {
+  content: ""; position: absolute; top: 3px; right: 3px;
+  width: 7px; height: 7px; border-radius: 50%;
+  background: #f59e0b; box-shadow: 0 0 0 2px #0f1115;
+}
+.bcard__menu {
+  position: absolute; top: 32px; right: 0; z-index: 20;
+  min-width: 150px; padding: 5px;
+  background: #1b2027; border: 1px solid rgba(255,255,255,.12);
+  border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,.45);
+  display: flex; flex-direction: column; gap: 2px;
+}
+.bcard__menu-item {
+  text-align: left; width: 100%;
+  border: none; background: transparent; color: #d1d5db;
+  border-radius: 7px; padding: 7px 10px; font-size: 12.5px;
+  cursor: pointer; transition: .12s;
+}
+.bcard__menu-item:hover { background: rgba(255,255,255,.07); color: #fff; }
+.bcard__menu-item.is-accent { color: #fbbf24; font-weight: 600; }
+.bcard__menu-item.is-accent:hover { background: rgba(245,158,11,.15); color: #fcd34d; }
+.bcard__menu-item.is-danger { color: #f7a3a3; }
+.bcard__menu-item.is-danger:hover { background: rgba(239,68,68,.16); color: #fff; }
+/* "新版 vX.Y.Z" chip on the card face */
+.bcard__chip--new {
+  color: #fbbf24;
+  background: rgba(245,158,11,.12);
+  border-color: rgba(245,158,11,.3);
 }
-.sidecar-bar__msg {
-  flex-basis: 100%;
+.bcard__opmsg {
+  display: flex; align-items: center; gap: 6px;
+  margin-top: 9px;
   font-size: 11.5px; 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,59 @@ function LocalTeamCard({ team, onOpen, onRename }) {
     const next = String(draft || "").trim();
     if (onRename && next && next !== team.name) await onRename(team.id, next);
   };
+
+  // The local cicy-code daemon (the :8008 sidecar) that backs this team:
+  // 启动 / 重启 / 更新 / 停止. 打开 stays the one primary action — daemon
+  // maintenance lives in a ⋯ menu so it never competes for attention. Only on
+  // a desktop build whose bridge owns the daemon.
+  const hasOps = !!window.cicy?.sidecar?.restart;
+  const running = team.status === "running";
+  const [busy, setBusy] = useState("");   // "" | start | restart | update | stop
+  const [opMsg, setOpMsg] = useState("");
+  const [menuOpen, setMenuOpen] = useState(false);
+  const [latest, setLatest] = useState(null); // newest cicy-code on the registry
+  const menuWrap = useRef(null);
+
+  // Look up the newest cicy-code once so we surface 更新 only when one actually
+  // exists (no nagging when current). Renderer-side via cloud.fetch — main
+  // proxies it, dodging CORS; no extra IPC needed.
+  useEffect(() => {
+    if (!hasOps || !window.cicy?.cloud?.fetch) return;
+    let alive = true;
+    window.cicy.cloud
+      .fetch("https://registry.npmmirror.com/cicy-code/latest")
+      .then((r) => { if (alive && r?.ok) { try { setLatest(JSON.parse(r.body)?.version || null); } catch {} } })
+      .catch(() => {});
+    return () => { alive = false; };
+  }, [hasOps]);
+
+  const updateAvailable = !!(latest && team.version && cmpVer(latest, team.version) > 0);
+  const showMenu = hasOps && (running || updateAvailable);
+
+  useEffect(() => {
+    if (!menuOpen) return;
+    const onDoc = (e) => { if (menuWrap.current && !menuWrap.current.contains(e.target)) setMenuOpen(false); };
+    document.addEventListener("mousedown", onDoc);
+    return () => document.removeEventListener("mousedown", onDoc);
+  }, [menuOpen]);
+
+  const runOp = async (kind, fn, doneText) => {
+    setMenuOpen(false);
+    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
+    }
+  };
+  const BUSY_LABEL = { start: "启动中…", restart: "重启中…", update: "更新中…", stop: "停止中…" };
   return (
     <div data-id="LocalTeamCard" className={`bcard bcard--local${tone === "ok" ? " bcard--online" : ""}`}>
       <div className="bcard__accent" />
@@ -547,6 +499,54 @@ function LocalTeamCard({ team, onOpen, onRename }) {
           <span className="bcard__dot" data-tone={tone} />
           <LaptopIcon />
         </div>
+        {showMenu && (
+          <div className="bcard__menuwrap" ref={menuWrap} onClick={(e) => e.stopPropagation()}>
+            <button
+              type="button"
+              data-id="LocalTeamCard-menu-btn"
+              className={`bcard__kebab${updateAvailable ? " has-dot" : ""}`}
+              title={tr("localTeams.manage", "管理本地 cicy-code")}
+              disabled={!!busy}
+              onClick={() => setMenuOpen((v) => !v)}
+            >
+              {busy ? <Spinner /> : <KebabIcon />}
+            </button>
+            {menuOpen && (
+              <div className="bcard__menu" data-id="LocalTeamCard-menu" role="menu">
+                {updateAvailable && (
+                  <button
+                    type="button"
+                    data-id="LocalTeamCard-update"
+                    className="bcard__menu-item is-accent"
+                    onClick={() => runOp("update", () => window.cicy.sidecar.update(), tr("sidecar.updated", "已更新到最新"))}
+                  >
+                    {tr("sidecar.updateTo", "更新到")} v{latest}
+                  </button>
+                )}
+                {running && (
+                  <>
+                    <button
+                      type="button"
+                      data-id="LocalTeamCard-restart"
+                      className="bcard__menu-item"
+                      onClick={() => runOp("restart", () => window.cicy.sidecar.restart(), tr("sidecar.restarted", "已重启"))}
+                    >
+                      {tr("sidecar.restart", "重启")}
+                    </button>
+                    <button
+                      type="button"
+                      data-id="LocalTeamCard-stop"
+                      className="bcard__menu-item is-danger"
+                      onClick={() => runOp("stop", () => window.cicy.sidecar.stop(), tr("sidecar.stoppedDone", "已停止"))}
+                    >
+                      {tr("sidecar.stop", "停止")}
+                    </button>
+                  </>
+                )}
+              </div>
+            )}
+          </div>
+        )}
       </div>
       <div className="bcard__body">
         {editing ? (
@@ -578,21 +578,58 @@ function LocalTeamCard({ team, onOpen, onRename }) {
         <div className="bcard__meta">
           <span className="bcard__chip">{statusInfo.label}</span>
           {team.version && <span className="bcard__chip">v{team.version}</span>}
+          {updateAvailable && (
+            <span
+              className="bcard__chip bcard__chip--new"
+              data-id="LocalTeamCard-newbadge"
+              title={`${tr("sidecar.updateTo", "更新到")} v${latest}`}
+            >
+              {tr("sidecar.newVersion", "新版")} v{latest}
+            </span>
+          )}
         </div>
+        {(busy || opMsg) && (
+          <div className="bcard__opmsg" data-id="LocalTeamCard-opmsg">
+            {busy ? <><Spinner />{BUSY_LABEL[busy] || tr("sidecar.working", "处理中…")}</> : opMsg}
+          </div>
+        )}
       </div>
-      <button
-        type="button"
-        className="bcard__cta"
-        onClick={onOpen}
-        disabled={team.status !== "running"}
-      >
-        <ArrowIcon />
-        <span>{team.status === "running" ? "打开" : statusInfo.cta}</span>
-      </button>
+      {running ? (
+        <button type="button" className="bcard__cta" onClick={onOpen}>
+          <ArrowIcon />
+          <span>{tr("localTeams.open", "打开")}</span>
+        </button>
+      ) : hasOps ? (
+        <button
+          type="button"
+          className="bcard__cta"
+          data-id="LocalTeamCard-start"
+          disabled={!!busy}
+          onClick={() => runOp("start", () => window.cicy.sidecar.start(), tr("sidecar.started", "已启动"))}
+        >
+          {busy === "start" ? <Spinner /> : <ArrowIcon />}
+          <span>{tr("sidecar.start", "启动")}</span>
+        </button>
+      ) : (
+        <button type="button" className="bcard__cta" onClick={onOpen} disabled>
+          <ArrowIcon />
+          <span>{statusInfo.cta}</span>
+        </button>
+      )}
     </div>
   );
 }
 
+// Compare dotted versions: >0 if a newer than b, <0 older, 0 equal.
+function cmpVer(a, b) {
+  const pa = String(a).split("."), pb = String(b).split(".");
+  for (let i = 0; i < Math.max(pa.length, pb.length); i++) {
+    const d = (parseInt(pa[i], 10) || 0) - (parseInt(pb[i], 10) || 0);
+    if (d) return d > 0 ? 1 : -1;
+  }
+  return 0;
+}
+
 const LOCAL_STATUS = {
   running:       { tone: "ok",   label: "running",    cta: "打开" },
   stopped:       { tone: "off",  label: "stopped",    cta: "未运行" },
@@ -691,6 +728,15 @@ function LaptopIcon() {
     </svg>
   );
 }
+function KebabIcon() {
+  return (
+    <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden>
+      <circle cx="12" cy="5" r="1.7" />
+      <circle cx="12" cy="12" r="1.7" />
+      <circle cx="12" cy="19" r="1.7" />
+    </svg>
+  );
+}
 function GlobeIcon() {
   return (
     <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">