md-task-viewer 0.1.9 → 0.1.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +0,0 @@
1
- :root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0e14;--bg-strong:#0d1117;--panel:#131920;--panel-border:#21262d;--text:#e6edf3;--muted:#7d8590;--accent:#3fb950;--accent-strong:#2ea043;--danger:#f85149;--shadow:0 2px 8px #0006;color:var(--text);background:var(--bg);font-family:JetBrains Mono,IBM Plex Mono,Fira Code,SF Mono,Cascadia Code,monospace;line-height:1.6}*{box-sizing:border-box}body{height:100vh;margin:0;overflow:hidden}#root{height:100vh;overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{flex-direction:column;gap:12px;height:100vh;padding:12px 16px 16px;display:flex;overflow:hidden}.app-header{border-bottom:1px solid var(--panel-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding-bottom:12px;display:flex}.app-header-left{align-items:baseline;gap:12px;min-width:0;display:flex}.app-header h1{letter-spacing:-.02em;white-space:nowrap;color:var(--accent);margin:0;font-family:inherit;font-size:1.1rem;font-weight:700;line-height:1.2}.app-header h1:before{content:"> ";color:var(--muted)}.eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;white-space:nowrap;margin:0;font-size:.65rem;font-weight:600}.layout-grid{background:var(--panel-border);flex:1;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:1px;min-height:0;display:grid}.panel{background:var(--panel);border:none;border-radius:0;flex-direction:column;min-height:0;padding:14px 16px;display:flex;overflow:hidden}.panel-header{border-bottom:1px solid var(--panel-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding-bottom:8px;display:flex}.panel-header h2{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0;font-family:inherit;font-size:.85rem;font-weight:700}.panel-header span{color:var(--muted);font-size:.75rem}.panel-header-right{align-items:center;gap:12px;display:flex}.filter-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;display:flex}.filter-toggle input[type=checkbox]{accent-color:var(--accent);cursor:pointer}.sidebar-scroll{flex:1;min-height:0;margin:0 -4px;padding:0 4px;overflow-y:auto}.sidebar-scroll::-webkit-scrollbar{width:4px}.sidebar-scroll::-webkit-scrollbar-track{background:0 0}.sidebar-scroll::-webkit-scrollbar-thumb{background:var(--panel-border);border-radius:0}.task-list{gap:2px;display:grid}.empty-list{border:1px dashed var(--panel-border);color:var(--muted);background:#ffffff08;border-radius:0;margin:0;padding:14px;font-size:.82rem}.task-row{text-align:left;background:#ffffff05;border:1px solid #0000;border-left-width:2px;border-radius:0;gap:3px;width:100%;padding:8px 10px;transition:background .1s,border-color .1s;display:grid}.task-row:hover{border-left-color:var(--muted);background:#ffffff0d}.task-row-selected{border-left-color:var(--accent);border-color:#3fb95026;border-left-color:var(--accent);background:#3fb9500f}.task-row-badges{align-items:center;gap:6px;display:flex}.task-row strong{font-size:.82rem;font-weight:600;line-height:1.3}.task-row small{color:var(--muted);font-size:.72rem}.badge{letter-spacing:.06em;text-transform:uppercase;border:1px solid;border-radius:0;justify-content:center;width:fit-content;padding:1px 6px;font-size:.6rem;font-weight:700;display:inline-flex}.badge-must{color:#f85149;background:#f851491a;border-color:#f851494d}.badge-want{color:#3fb950;background:#3fb9501a;border-color:#3fb9504d}.badge-todo{color:#58a6ff;background:#58a6ff1a;border-color:#58a6ff4d}.badge-wip{color:#d29922;background:#d299221a;border-color:#d299224d}.badge-done{color:#2ea043;background:#3fb95014;border-color:#2ea0434d}.editor-panel{overflow:hidden}.editor-scroll{flex:1;min-height:0;margin:0 -4px;padding:0 4px;overflow-y:auto}.editor-scroll::-webkit-scrollbar{width:4px}.editor-scroll::-webkit-scrollbar-track{background:0 0}.editor-scroll::-webkit-scrollbar-thumb{background:var(--panel-border);border-radius:0}.task-form{flex-direction:column;gap:12px;height:100%;display:flex}.task-form label{gap:4px;display:grid}.task-form span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:600}.task-form input,.task-form select,.task-form textarea{border:1px solid var(--panel-border);background:var(--bg);width:100%;color:var(--text);border-radius:0;padding:7px 10px;font-size:.88rem;transition:border-color .1s}.task-form input:focus,.task-form select:focus,.task-form textarea:focus{border-color:var(--accent);outline:none}.task-form textarea{resize:none;flex:1;min-height:120px}.editor-label{flex-direction:column;flex:1;min-height:0;display:flex!important}.editor-label-header{align-items:center;gap:8px;display:flex}.editor-label-header .body-fullheight-button.ghost-button{align-items:center;gap:4px;padding:1px 6px;font-size:.65rem;line-height:1;display:inline-flex}.markdown-preview{border:1px solid var(--panel-border);background:var(--bg);border-radius:6px;flex:1;min-height:120px;padding:8px 12px;font-size:.85rem;line-height:1.6;overflow-y:auto}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3,.markdown-preview h4,.markdown-preview h5,.markdown-preview h6{margin-top:1em;margin-bottom:.5em;line-height:1.3}.markdown-preview h1{font-size:1.4em}.markdown-preview h2{font-size:1.2em}.markdown-preview h3{font-size:1.05em}.markdown-preview p{margin:.5em 0}.markdown-preview ul,.markdown-preview ol{margin:.5em 0;padding-left:1.5em}.markdown-preview li{margin:.25em 0}.markdown-preview li>input[type=checkbox]{pointer-events:none;margin-right:.4em}.markdown-preview code{background:var(--panel-border);border-radius:3px;padding:.15em .4em;font-size:.9em}.markdown-preview pre{background:var(--panel-border);border-radius:6px;margin:.5em 0;padding:.75em 1em;overflow-x:auto}.markdown-preview pre code{background:0 0;padding:0}.markdown-preview blockquote{border-left:3px solid var(--accent);color:var(--muted);margin:.5em 0;padding:.25em .75em}.markdown-preview hr{border:none;border-top:1px solid var(--panel-border);margin:1em 0}.markdown-preview table{border-collapse:collapse;width:100%;margin:.5em 0}.markdown-preview th,.markdown-preview td{border:1px solid var(--panel-border);text-align:left;padding:.4em .75em}.markdown-preview th{background:var(--panel-border)}.markdown-preview a{color:var(--accent)}.markdown-preview img{max-width:100%}.field-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.field-row-top{border-bottom:1px solid var(--panel-border);padding-bottom:12px}.meta-strip{color:var(--muted);gap:16px;font-size:.72rem;display:flex}.form-actions{flex-shrink:0;gap:8px;padding-top:4px;display:flex}.primary-button,.danger-button,.ghost-button{letter-spacing:.03em;text-transform:uppercase;border:1px solid;border-radius:0;padding:6px 14px;font-size:.8rem;font-weight:700;transition:background .1s,color .1s}.primary-button{color:var(--bg);background:var(--accent);border-color:var(--accent)}.primary-button:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.danger-button{color:var(--danger);background:#f851491a;border-color:#f8514966}.danger-button:hover{background:#f8514933}.ghost-button{color:var(--muted);border-color:var(--panel-border);background:0 0}.ghost-button:hover{color:var(--text);border-color:var(--muted);background:#ffffff0d}.primary-button:active,.danger-button:active,.ghost-button:active{transform:scale(.98)}.primary-button:disabled,.danger-button:disabled{opacity:.4;cursor:not-allowed}.dirty-state{color:var(--accent);white-space:nowrap;font-size:.72rem;font-weight:700}.notice{color:var(--accent);flex-shrink:0;align-items:center;gap:6px;min-height:1.5rem;margin:0;padding-top:6px;font-size:.8rem;display:flex}.notice--success{color:var(--accent)}.notice--error{color:var(--danger);background:#f851491a;border:1px solid #f8514966;border-radius:4px;margin-top:6px;padding:6px 10px;font-weight:600}.notice-icon{background:var(--danger);width:1.1rem;height:1.1rem;color:var(--bg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:inline-flex}.empty-editor{color:var(--muted);flex:1;place-items:center;font-size:.85rem;display:grid}.empty-editor p{margin:0}.error-panel{background:#f8514914;border:1px solid #f8514933;border-radius:0;flex-shrink:0;margin-top:12px;padding:10px 12px}.error-panel h3{color:var(--danger);margin:0;font-family:inherit;font-size:.82rem}.error-panel p{margin:8px 0 0;font-size:.78rem;display:grid}.app-header-actions{align-items:center;gap:8px;display:flex}.settings-button{color:var(--muted);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:6px;transition:color .1s,border-color .1s;display:inline-flex}.settings-button:hover{color:var(--text);border-color:var(--panel-border)}.settings-overlay{z-index:100;background:#0009;place-items:center;display:grid;position:fixed;inset:0}.settings-modal{background:var(--panel);border:1px solid var(--panel-border);box-shadow:var(--shadow);border-radius:0;flex-direction:column;gap:16px;width:90%;max-width:480px;padding:20px;display:flex}.settings-body{flex-direction:column;gap:10px;display:flex}.settings-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:600}.settings-hint{color:var(--muted);margin-top:2px;font-size:.72rem;display:block}.settings-dir-list{flex-direction:column;gap:6px;display:flex}.settings-dir-row{align-items:center;gap:6px;display:flex}.settings-dir-row input{border:1px solid var(--panel-border);background:var(--bg);color:var(--text);border-radius:0;flex:1;padding:7px 10px;font-size:.88rem;transition:border-color .1s}.settings-dir-row input:focus{border-color:var(--accent);outline:none}.settings-remove-button{color:var(--muted);flex-shrink:0;padding:6px!important}.settings-remove-button:disabled{opacity:.3;cursor:not-allowed}.tab-bar{border-bottom:1px solid var(--panel-border);flex-shrink:0;gap:0;margin-bottom:12px;display:flex}.tab-button{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;padding:6px 16px;font-size:.75rem;font-weight:700;transition:color .1s,border-color .1s}.tab-button:hover{color:var(--text)}.tab-button.active{color:var(--accent);border-bottom-color:var(--accent)}.execute-panel{flex-direction:column;gap:12px;height:100%;display:flex}.execute-commands{flex-direction:column;gap:6px;display:flex}.execute-command-item{background:var(--bg);border:1px solid var(--panel-border);align-items:center;gap:8px;padding:6px 10px;font-size:.82rem;display:flex}.execute-command-item .command-index{color:var(--muted);flex-shrink:0;font-size:.72rem;font-weight:700}.execute-command-item code{word-break:break-all;flex:1}.execute-command-item .pass-body-badge{color:var(--accent);text-transform:uppercase;border:1px solid #3fb9504d;flex-shrink:0;padding:1px 4px;font-size:.6rem;font-weight:700}.execute-no-commands{color:var(--muted);border:1px dashed var(--panel-border);padding:14px;font-size:.82rem}.execution-result{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.execution-result-header{flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.execution-result-meta{color:var(--muted);gap:12px;font-size:.72rem;display:flex}.execution-result-meta .exit-code-error{color:var(--danger)}.execution-result pre{background:var(--bg);border:1px solid var(--panel-border);color:var(--text);white-space:pre-wrap;word-break:break-all;flex:1;min-height:80px;margin:0;padding:10px 12px;font-size:.82rem;line-height:1.5;overflow:auto}.execution-stderr{color:var(--danger)!important;border-color:#f851494d!important}.copy-button{padding:4px 10px!important;font-size:.7rem!important}.collapsible-header{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:6px;width:100%;padding:6px 0;font-size:.75rem;font-weight:700;display:flex}.collapsible-header:hover{color:var(--text)}.collapsible-chevron{font-size:.6rem;transition:transform .15s;display:inline-block}.collapsible-chevron.open{transform:rotate(90deg)}.collapsible-body{flex-direction:column;gap:8px;padding:8px 0;display:flex}.command-step-row{align-items:center;gap:6px;display:flex}.command-step-row input,.task-form .command-step-row input{border:1px solid var(--panel-border);background:var(--bg);width:auto;min-width:0;color:var(--text);border-radius:0;flex:1;padding:7px 10px;font-size:.82rem;transition:border-color .1s}.command-step-row input:focus,.task-form .command-step-row input:focus{border-color:var(--accent);outline:none}.command-step-row select,.task-form .command-step-row select{border:1px solid var(--panel-border);background:var(--bg);width:auto;min-width:0;color:var(--text);border-radius:0;flex-shrink:0;padding:7px 6px;font-size:.75rem}.command-step-row select:focus,.task-form .command-step-row select:focus{border-color:var(--accent);outline:none}@media (width<=900px){.app-shell{height:auto;min-height:100vh;padding:10px;overflow:auto}body,#root{height:auto;overflow:auto}.layout-grid{flex:none;grid-template-columns:1fr}.panel{min-height:auto;max-height:none;overflow:visible}.sidebar-scroll,.editor-scroll{max-height:none;overflow:visible}.app-header{flex-direction:column;align-items:stretch;gap:10px}.app-header-left{flex-direction:column;gap:4px}.field-row{grid-template-columns:1fr}.task-form textarea,.markdown-preview{flex:none;min-height:200px}}