stelz 0.2.0 → 0.2.1

package/skills/stelz-browser/references/bootstrap.md

@@ -0,0 +1,16 @@
+# Onboarding
+
+Read the complete [bootstrap procedure](https://github.com/souljorje/stelz/blob/main/docs/bootstrap.md) when installation, profile creation, or a client connection is missing.
+An installed package also contains `docs/bootstrap.md` at its root.
+
+Reuse the selected `STELZ_HOME`, installed browser, existing profile ID, credentials, and client entries.
+Use `stelz profile create ID --json` to create or reuse a profile. Do not write profile JSON by hand.
+Explicitly requested network settings must match an existing profile. A conflict requires a decision, not an identity reset.
+Only new profiles default to direct networking and native storage.
+
+Install the canonical skill into the selected harness's supported location. Register one MCP connection per selected profile.
+Preserve unrelated client settings and approvals. Check the current tool inventory after registration.
+If reload or restart is necessary, report that action and resume verification afterward.
+
+Report Installed, Browser ready, Client configured, and Verified separately.
+Only the target agent's successful local-page interaction and release check establish Verified.

package/dist/ui/chunk-6y88c98t.css

@@ -1 +0,0 @@
-@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./font-3b646991d30055a9.woff2)format(woff2),url(./font-828907bfd14855c8.woff)format(woff)}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(./font-0717336fb31fcdcd.woff2)format(woff2),url(./font-8d2c7b2eca91869d.woff)format(woff)}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./font-8960851d691c054e.woff2)format(woff2),url(./font-7861a349af1e925a.woff)format(woff)}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./font-08949f728dc52d52.woff2)format(woff2),url(./font-328d50b6ece9ca25.woff)format(woff)}:root{--buncss-light:initial;--buncss-dark: ;color-scheme:light;--ground:#f6f6f6;--surface:#fff;--raised:#fafafa;--hover:#f3f3f3;--active:#ebebeb;--border:#e9e9e9;--rule:#efefef;--control:#d5d5d5;--control-hover:#bcbcbc;--text:#191919;--muted:#616161;--faint:#707070;--accent:#2f70bb;--positive:#16804a;--warning:#8a5c0a;--warning-ground:#fffbef;--warning-border:#ebddb9;--danger:#b52f35;--danger-ground:#fff5f4;--danger-border:#edd3d3;--danger-hover:#98272c;--danger-active:#7d1e22;--on-danger:#fff;--primary-hover:#363636;--primary-active:#060606;--selection:#dce9f7;--idle:#aaa;--modal-backdrop:#19191955;--modal-shadow:0 16px 64px #0002;--font:"IBM Plex Sans",sans-serif;--mono:"IBM Plex Mono",monospace;--gap:24px;--radius-panel:12px;--radius-control:6px;font-family:var(--font);background:var(--ground);color:var(--text);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;scrollbar-color:var(--control)var(--surface);font-size:14px;font-weight:400;line-height:1.5}:root[data-theme=dark]{--buncss-light: ;--buncss-dark:initial;color-scheme:dark;--ground:#111112;--surface:#18181a;--raised:#202022;--hover:#252528;--active:#2d2d31;--border:#303034;--rule:#29292d;--control:#505057;--control-hover:#777780;--text:#ededee;--muted:#b5b5bd;--faint:#a0a0aa;--accent:#82b6f4;--positive:#55bd88;--warning:#e6b86b;--warning-ground:#2b2418;--warning-border:#63502d;--danger-ground:#301e22;--danger-border:#68414a;--danger-hover:#c83b49;--primary-hover:#fff;--primary-active:#d7d7db;--selection:#264f77;--idle:#85858e;--modal-backdrop:#0009;--modal-shadow:0 16px 64px #0008}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit}button,a,input,select,[tabindex]{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::selection{background:var(--selection);color:var(--text)}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4,strong{font-weight:500}h2{font-size:16px;line-height:24px}h3{font-size:14px;line-height:22px}h4{font-size:14px}code,pre,.mono{font-family:var(--mono);font-size:12px;font-weight:400}code{overflow-wrap:anywhere}[hidden]{display:none!important}.muted{color:var(--faint)}.sr-only{position:absolute;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0}.icon{vertical-align:middle;flex:none}.initial-loading{color:var(--muted);padding:24px}.skip-link{position:fixed;z-index:10;background:var(--text);color:var(--surface);border-radius:var(--radius-control);padding:8px 16px;top:-60px;left:16px}.skip-link:focus{top:8px}.app-shell{min-height:100dvh;padding:0 8px 8px}.topbar{display:flex;justify-content:space-between;align-items: center;gap:24px;height:56px;padding:0 20px}.topbar-navigation{display:flex;align-items: center;gap:32px;min-width:0}.brand{display:flex;letter-spacing:-.02em;flex:none;align-items: center;gap:8px;font-size:16px;font-weight:500}.brand-mark{color:var(--text);flex:none}.desktop-navigation nav{display:flex;align-items: center;gap:4px}.nav-item{display:flex;text-align:left;border-radius:var(--radius-control);color:var(--muted);white-space:nowrap;background:0 0;border:0;align-items: center;gap:8px;min-height:34px;padding:6px 12px}.nav-item:hover,.nav-item.is-active{color:var(--text);background:var(--active)}.menu-toggle{display:none!important}.workspace{border:1px solid var(--border);background:var(--surface);border-radius:16px;min-width:0;min-height:calc(100dvh - 64px)}.main-content{width:min(100%,800px);min-width:0;margin:0 auto;padding:40px 32px 32px}.main-content:focus{outline:none}.page-heading{display:flex;justify-content:space-between;align-items: center;gap:24px;min-height:36px;margin-bottom:28px}.page-heading h1{display:flex;letter-spacing:-.025em;white-space:nowrap;align-items: center;gap:10px;min-width:0;font-size:24px;font-weight:500;line-height:32px}.page-heading h1>span{overflow:hidden;text-overflow:ellipsis}.page-heading h1:focus{outline:none}.status-dot{display:inline-block;background:var(--idle);border-radius:50%;flex:none;width:6px;height:6px}.button,.icon-button,.text-button{display:inline-flex;border:1px solid var(--control);border-radius:var(--radius-control);background:var(--surface);color:var(--text);text-decoration:none;white-space:nowrap;justify-content:center;align-items: center;gap:7px;min-height:34px;padding:5px 12px;transition:border-color .12s;line-height:22px}.button:not(:disabled):hover,.icon-button:not(:disabled):hover{border-color:var(--control-hover);background:var(--hover)}.button:not(:disabled):active,.icon-button:not(:disabled):active{background:var(--active)}.button:disabled,.icon-button:disabled{background:var(--raised);color:var(--faint);border-color:var(--border)}.button-primary{background:var(--text);border-color:var(--text);color:var(--surface);font-weight:500}.button-primary:not(:disabled):hover{background:var(--primary-hover);color:var(--surface);border-color:var(--primary-hover)}.button-primary:not(:disabled):active{background:var(--primary-active);border-color:var(--primary-active)}.button-danger{background:var(--danger);border-color:var(--danger);color:var(--on-danger);font-weight:500}.button-danger:not(:disabled):hover{background:var(--danger-hover);color:var(--on-danger);border-color:var(--danger-hover)}.button-danger:not(:disabled):active{background:var(--danger-active);border-color:var(--danger-active)}.icon-button{color:var(--muted);background:0 0;border-color:#0000;flex:none;width:34px;padding:4px}.ui-power-button{flex:none}.text-button{color:var(--text);background:0 0;border-color:#0000;min-height:28px;padding:0}.text-button:not(:disabled):hover{text-decoration:underline;text-underline-offset:3px}.text-button:disabled{color:var(--faint)}.button-row{display:flex;align-items: center;gap:8px}.notice{display:flex;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--raised);color:var(--muted);overflow-wrap:anywhere;justify-content:space-between;align-items: center;gap:16px;margin:16px 0;padding:12px 16px}.notice-warning{border-color:var(--warning-border);background:var(--warning-ground);color:var(--text)}.notice-error{border-color:var(--danger-border);background:var(--danger-ground);color:var(--text)}.notice .text-button{flex:none}.notice .command-wrap{min-width:150px}.create-options{margin-top:24px}.create-options summary{cursor:pointer;color:var(--muted)}.profile-name{display:inline-flex;color:var(--text);text-align:left;overflow-wrap:anywhere;background:0 0;border:0;align-items: center;gap:9px;max-width:100%;padding:0;font-size:14px;line-height:22px}.profile-name>span{min-width:0}.profile-mark{flex:none;width:26px;height:26px}.profile-mark text{letter-spacing:0;font-size:9px;font-weight:500}.profile-name:hover{text-decoration:underline;text-underline-offset:4px}.cell-secondary{display:block;color:var(--faint);margin-top:3px;font-size:12px;line-height:18px}.phase{display:inline-flex;white-space:nowrap;color:var(--muted);align-items: center;gap:7px;font-size:14px}.phase-ready{color:var(--text)}.phase-ready .status-dot{background:var(--positive)}.phase-attention .status-dot{background:var(--warning)}.inline-attention{color:var(--warning)}.row-actions .button-row{flex-wrap:nowrap;justify-content:flex-end;gap:4px}.row-actions .button-row>*{flex-shrink:0}.show-window-button{color:var(--muted)}.action-with-reason{display:flex;flex-direction:column;align-items: flex-start;gap:6px;min-width:0}.action-with-reason.compact{display:inline-flex}.section-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: center;gap:8px 16px;margin-bottom:12px}.section-heading .muted{font-size:12px}.detail-view,.page-content{min-width:0}.detail-context{display:flex;justify-content:space-between;align-items: center;gap:16px;min-height:40px;margin-bottom:16px}.detail-context-right{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items: center;gap:16px}.delete-profile{color:var(--muted);font-size:12px}.tabs{display:flex;border-bottom:1px solid var(--border);overflow-x:auto;align-items:stretch;gap:24px}.tabs button{display:flex;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;flex:none;align-items: center;gap:6px;min-height:40px;padding:8px 0}.tabs button[aria-selected=true]{color:var(--text);border-bottom-color:var(--text)}.tabs button:hover{color:var(--text)}.tabs button:focus-visible{outline-offset:-3px}.dirty-dot{background:var(--warning);border-radius:50%;width:5px;height:5px}.tab-panel{padding-top:24px}.tab-panel:focus-visible{outline-offset:6px;border-radius:var(--radius-control)}.detail-view .notice{margin:16px 0}.lifecycle-toolbar{display:flex;flex-wrap:wrap;align-items: center;gap:8px;margin-bottom:24px}.unavailable-actions{margin:-8px 0 24px}.detail-section{border-top:1px solid var(--border);min-width:0;margin-top:28px;padding-top:24px}.detail-section>h2{margin-bottom:12px}.profile-windows h2{display:flex;align-items: center;gap:10px}.window-count,.window-state,.window-page-active{color:var(--muted);font-size:12px;font-weight:400}.browser-window+.browser-window{margin-top:16px}.browser-window-heading{display:flex;border-bottom:1px solid var(--rule);justify-content:space-between;align-items: center;gap:16px;padding:8px 0}.window-state{margin-left:12px}.window-pages{list-style:none;margin:0;padding:0}.window-page{display:flex;border:0;border-bottom:1px solid var(--rule);color:var(--text);text-align:left;background:0 0;align-items: center;gap:12px;width:100%;min-height:60px;padding:10px 8px}.window-page:not(:disabled):hover{background:var(--hover)}.window-page:not(:disabled):active{background:var(--active)}.window-page:disabled{color:var(--muted)}.window-page>.icon{color:var(--muted);flex:none}.window-page-copy{display:flex;flex-direction:column;flex:1;gap:2px;min-width:0}.window-page-copy>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.window-page-copy small{color:var(--muted);font-size:12px}.window-page-active{flex:none}.window-control-note{margin-top:16px}.key-values{min-width:0;margin:0}.key-value{display:grid;grid-template-columns:minmax(110px,36%)minmax(0,1fr);gap:12px;min-height:32px;padding:6px 0}.key-value dt{color:var(--muted)}.key-value dd{overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin:0;font-size:14px}.key-value dd.mono{font-size:12px}.field-help{color:var(--faint);margin-top:8px;font-size:12px;line-height:19px}.command-wrap{min-width:0}.command{display:flex;border:1px solid var(--control);border-radius:var(--radius-control);background:var(--surface);align-items: center;min-width:0}.command code{display:block;white-space:pre-wrap;overflow-wrap:anywhere;user-select:text;flex:1;min-width:0;padding:10px 12px}.command .icon-button{border:0;border-left:1px solid var(--control);border-radius:0 5px 5px 0;align-self:stretch;width:38px;height:auto;min-height:38px}.copy-status{display:block;color:var(--faint);margin-top:5px;font-size:12px}.copy-status:empty{display:none}.recovery-commands{margin:0 0 24px}.recovery-commands .field-help{margin:12px 0 8px}.network-form{max-width:100%}.form-field{margin-top:24px}.form-field label{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:8px;font-size:14px;font-weight:500}.label-note{color:var(--faint);font-size:12px;font-weight:400}input,select{display:block;border:1px solid var(--control);border-radius:var(--radius-control);background:var(--surface);color:var(--text);caret-color:var(--text);width:100%;min-height:40px;padding:8px 12px}input::placeholder{color:var(--faint);opacity:1}input:disabled,select:disabled{color:var(--faint);background:var(--raised);border-color:var(--border);cursor:not-allowed;opacity:1}.form-field select{max-width:320px}.form-actions{display:flex;justify-content:space-between;align-items: center;gap:16px;margin-top:24px;padding-top:24px}.form-actions .field-help{margin:0}.form-actions .button-row{flex:none;margin-left:auto}.log-section{margin-top:24px}.log-section h3{margin-bottom:8px}.log-output{overflow:auto;background:var(--raised);border:1px solid var(--border);border-radius:var(--radius-control);white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted);tab-size:2;min-height:80px;max-height:400px;margin:0;padding:16px;line-height:20px}.page-content .notice{margin:16px 0}.diagnostic-profiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap)}.diagnostic-profile{min-width:0;padding-top:8px}.diagnostic-profile .command-wrap{margin-top:16px}.settings-section{display:grid;grid-template-columns:160px minmax(0,1fr);border-top:1px solid var(--border);gap:32px;margin-top:28px;padding-top:28px}.mcp-list{display:grid;gap:20px}.mcp-list h3{margin-bottom:8px}.first-run{background:var(--raised);border-radius:var(--radius-panel);margin:24px 0;padding:24px}.first-run>p{color:var(--muted);margin:8px 0 16px}.first-run .command-wrap{margin-top:12px}.empty-inline,.loading-block{color:var(--muted);padding:24px 0}.empty-inline .button{margin-top:12px}.loading-text{color:var(--faint);padding:16px 0}.loading-console{padding:12px 0}.loading-labels{display:grid;grid-template-columns:2fr 1fr 1fr;color:var(--faint);padding:12px 0}.loading-row{background:var(--raised);border-bottom:1px solid var(--surface);height:60px}.loading-console p{color:var(--faint);margin-top:16px}.modal{overflow:auto;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-panel);box-shadow:var(--modal-shadow);width:min(520px,100% - 32px);max-height:calc(100dvh - 32px);padding:0}.modal::backdrop{background:var(--modal-backdrop)}.modal-heading{display:flex;border-bottom:1px solid var(--border);justify-content:space-between;align-items: center;gap:16px;padding:16px 20px}.modal-heading h2{overflow-wrap:anywhere;min-width:0;font-size:16px}.modal-body{overflow-wrap:anywhere;min-width:0;padding:20px}.modal-body p{color:var(--muted)}.modal-body .notice{margin:16px 0 0}.modal-body .muted{margin-top:16px}.modal-actions{display:flex;border-top:1px solid var(--border);flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:16px 20px}.navigation-modal nav{display:grid;gap:4px;padding:16px}.navigation-modal .field-help{margin:0 20px 24px}.ui-ended{display:grid;background:var(--surface);place-items: center;min-height:100dvh;padding:32px 20px}.ui-ended-content{width:min(100%,480px)}.ui-ended-content h1{letter-spacing:-.025em;margin:20px 0 12px;font-size:24px;line-height:32px}.ui-ended-content p{color:var(--muted);margin:8px 0}.ui-ended-content .command-wrap{margin-top:20px}.page-heading-actions{display:flex;flex:none;align-items: center;gap:8px}.profile-table-wrap{width:calc(100% + 32px);min-width:0;margin-inline-start:-16px;margin-inline-end:-16px}.profile-table{border-collapse:collapse;table-layout:fixed;text-align:left;width:100%}.profile-table th,.profile-table td{text-align:left;vertical-align:middle;overflow-wrap:anywhere;padding:16px 10px;font-weight:400}.profile-table th:first-child,.profile-table td:first-child{padding-left:16px}.profile-table th:last-child,.profile-table td:last-child{padding-right:16px}.profile-table thead th{color:var(--faint);border-bottom:1px solid var(--border);padding-top:0;padding-bottom:12px;font-size:12px}.profile-table thead th:first-child{width:32%}.profile-table thead th:nth-child(2){width:28%}.profile-table thead th:nth-child(4){width:144px}.profile-table tbody tr{border-bottom:1px solid var(--rule)}.profile-row{cursor:pointer}.profile-row:hover,.profile-row:focus-within{background:var(--raised)}.profile-issue{display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;-webkit-box-orient:vertical}.profile-table .row-actions{text-align:right}.profile-connection{color:var(--muted)}.disclosure{margin-top:24px}.disclosure>summary{cursor:pointer;color:var(--muted);width:-moz-fit-content;width:fit-content}.disclosure[open]>summary{color:var(--text);margin-bottom:16px}.disclosure>summary .label-note{margin-left:8px}.network-form>.form-field:first-child,.profile-create-fields>.form-field:first-child{margin-top:0}.network-form>.disclosure{margin-top:24px}.network-form .disclosure .form-field{margin-top:0}.settings-section:first-child{border:0;margin-top:0;padding-top:0}.log-tools{display:flex;justify-content:flex-end}.theme-select{max-width:240px}@media (max-width:900px){.topbar{gap:16px;padding:0 12px}.topbar-navigation{gap:20px}.main-content{padding-top:36px}.row-actions .button{padding-left:8px;padding-right:8px}.settings-section{grid-template-columns:160px minmax(0,1fr);gap:24px}}@media (max-width:640px){.app-shell{padding:0}.topbar{height:56px;padding:0 16px}.topbar-navigation{gap:12px}.brand{font-size:16px}.brand-mark{width:18px}.desktop-navigation{display:none}.menu-toggle{order:-1;margin-left:-8px;display:inline-flex!important}.workspace{border:0;border-top:1px solid var(--border);border-radius:0;min-height:calc(100dvh - 56px)}.main-content{padding:24px 20px}.page-heading{gap:16px}.page-heading h1{font-size:24px}.button,.icon-button,.text-button{min-height:44px}.icon-button{width:44px}.button{padding-left:12px;padding-right:12px}.ui-power-button{flex:none}.notice{flex-direction:column;align-items: flex-start;gap:8px;padding:12px}.notice .command-wrap{width:100%}.cell-secondary{margin-top:3px}.detail-context{align-items: flex-start;gap:12px;margin-bottom:12px}.detail-context-right{gap:4px 12px}.detail-context-right .delete-profile{min-height:44px}.tabs{gap:24px}.tabs button{min-height:44px;font-size:14px}.tab-panel{padding-top:20px}.key-value{grid-template-columns:minmax(100px,38%)minmax(0,1fr);gap:12px}.form-field select{max-width:none}.form-actions{flex-direction:column;align-items: flex-start}.form-actions .button-row{flex-wrap:wrap;justify-content:flex-end;width:100%}.command code{padding:10px;font-size:12px}.command .icon-button{width:44px;min-height:44px}.settings-section{grid-template-columns:minmax(0,1fr);gap:16px}.diagnostic-profiles{grid-template-columns:minmax(0,1fr)}.disclosure{margin-top:12px}.disclosure>summary,.create-options>summary{min-height:44px;padding:10px 0}.first-run{padding:20px 16px}.modal-heading{padding:12px 16px}.modal-body{padding:16px}.modal-actions{padding:12px 16px}.navigation-modal{border:0;border-radius:0;width:100%;max-width:none;height:100dvh;max-height:100dvh;margin:0}.navigation-modal .nav-item{min-height:48px;font-size:14px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}@media (max-width:640px){.profile-table,.profile-table tbody{display:block}.profile-table thead{position:absolute;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;margin:-1px}.profile-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr)auto;gap:4px 12px;padding:16px}.profile-table th,.profile-table td,.profile-table th:first-child,.profile-table td:last-child{min-width:0;padding:0}.profile-table th[scope=row]{grid-column:1;grid-row:1}.profile-name{min-height:44px}.profile-table .browser-phase{grid-column:1;grid-row:2;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px}.profile-table .browser-phase .cell-secondary{margin:0}.profile-table .profile-connection{grid-column:1;grid-row:3;font-size:12px}.profile-table .row-actions{grid-column:2;grid-row:1/4;align-self: center}.page-heading{gap:12px;margin-bottom:24px}.page-heading-actions{gap:4px}}