@surething/cockpit 1.0.272 → 1.0.273

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@surething/cockpit",
-  "version": "1.0.272",
+  "version": "1.0.273",
   "description": "OpenCockpit is the open-source Claude Code GUI — an IDE-like workbench for parallel AI coding. Drive Claude (default), Codex, DeepSeek, Kimi, or local Ollama in tabs. Terminal, browser & DB bubbles, code review. Self-host on a shared dev box — a seat for every teammate. Local-first, MIT.",
   "author": "Robert",
   "license": "MIT",

package/public/html-lib/markdown.css

@@ -15,16 +15,9 @@
     --text-xs--line-height: calc(1 / 0.75);
     --text-sm: 0.875rem;
     --text-sm--line-height: calc(1.25 / 0.875);
-    --text-base: 1rem;
-    --text-base--line-height: calc(1.5 / 1);
-    --text-lg: 1.125rem;
-    --text-lg--line-height: calc(1.75 / 1.125);
-    --text-xl: 1.25rem;
-    --text-xl--line-height: calc(1.75 / 1.25);
     --font-weight-medium: 500;
     --font-weight-semibold: 600;
     --font-weight-bold: 700;
-    --leading-relaxed: 1.625;
     --radius-lg: 0.5rem;
     --default-transition-duration: 150ms;
     --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -67,21 +60,6 @@
   .my-3 {
     margin-block: calc(var(--spacing) * 3);
   }
-  .my-4 {
-    margin-block: calc(var(--spacing) * 4);
-  }
-  .mt-3 {
-    margin-top: calc(var(--spacing) * 3);
-  }
-  .mt-4 {
-    margin-top: calc(var(--spacing) * 4);
-  }
-  .mb-2 {
-    margin-bottom: calc(var(--spacing) * 2);
-  }
-  .mb-3 {
-    margin-bottom: calc(var(--spacing) * 3);
-  }
   .block {
     display: block;
   }
@@ -133,9 +111,6 @@
   .flex-shrink-0 {
     flex-shrink: 0;
   }
-  .list-inside {
-    list-style-position: inside;
-  }
   .list-decimal {
     list-style-type: decimal;
   }
@@ -151,13 +126,6 @@
   .justify-between {
     justify-content: space-between;
   }
-  .space-y-1 {
-    :where(& > :not(:last-child)) {
-      --tw-space-y-reverse: 0;
-      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
-      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
-    }
-  }
   .truncate {
     overflow: hidden;
     text-overflow: ellipsis;
@@ -187,9 +155,9 @@
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 1px;
   }
-  .border-l-4 {
+  .border-l-2 {
     border-left-style: var(--tw-border-style);
-    border-left-width: 4px;
+    border-left-width: 2px;
   }
   .border-border {
     border-color: var(--border);
@@ -239,30 +207,14 @@
   .font-mono {
     font-family: var(--font-mono);
   }
-  .text-base {
-    font-size: var(--text-base);
-    line-height: var(--tw-leading, var(--text-base--line-height));
-  }
-  .text-lg {
-    font-size: var(--text-lg);
-    line-height: var(--tw-leading, var(--text-lg--line-height));
-  }
   .text-sm {
     font-size: var(--text-sm);
     line-height: var(--tw-leading, var(--text-sm--line-height));
   }
-  .text-xl {
-    font-size: var(--text-xl);
-    line-height: var(--tw-leading, var(--text-xl--line-height));
-  }
   .text-xs {
     font-size: var(--text-xs);
     line-height: var(--tw-leading, var(--text-xs--line-height));
   }
-  .leading-relaxed {
-    --tw-leading: var(--leading-relaxed);
-    line-height: var(--leading-relaxed);
-  }
   .font-bold {
     --tw-font-weight: var(--font-weight-bold);
     font-weight: var(--font-weight-bold);
@@ -310,16 +262,6 @@
     --tw-duration: 200ms;
     transition-duration: 200ms;
   }
-  .first\:mt-0 {
-    &:first-child {
-      margin-top: calc(var(--spacing) * 0);
-    }
-  }
-  .last\:mb-0 {
-    &:last-child {
-      margin-bottom: calc(var(--spacing) * 0);
-    }
-  }
   .hover\:text-foreground {
     &:hover {
       @media (hover: hover) {
@@ -380,20 +322,123 @@
     display: block;
   }
 }
-@property --tw-space-y-reverse {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0;
+:root {
+  --reading-measure: 43rem;
+  --reading-measure-wide: 58rem;
+  --reading-gutter-max: 6rem;
+}
+.markdown-body {
+  line-height: 1.75;
+  overflow-wrap: break-word;
+}
+.markdown-body > :is(p, h1, h2, h3, h4, h5, h6, ul, ol, blockquote, hr, .md-tail),
+.reading-measure {
+  max-width: var(--reading-measure);
+  margin-left: clamp(0px, calc((100% - var(--reading-measure)) / 2), var(--reading-gutter-max));
+  margin-right: auto;
+}
+.reading-measure {
+  line-height: 1.75;
+}
+.markdown-body > pre,
+.markdown-body > .md-figure {
+  max-width: var(--reading-measure-wide);
+  margin-left: clamp(0px, calc((100% - var(--reading-measure)) / 2), var(--reading-gutter-max));
+  margin-right: auto;
+}
+.markdown-body > .md-tail {
+  display: block;
+}
+.markdown-body > * {
+  margin-top: 0;
+  margin-bottom: 1.35em;
+}
+.markdown-body > :first-child {
+  margin-top: 0;
+}
+.markdown-body > :last-child {
+  margin-bottom: 0;
+}
+.markdown-body :is(h1, h2, h3, h4, h5, h6) {
+  margin-top: 1.9em;
+  margin-bottom: 0.6em;
+  font-weight: 600;
+  text-wrap: balance;
+}
+.markdown-body h1 {
+  font-size: 1.625rem;
+  line-height: 1.25;
+  margin-top: 1.3em;
+  font-weight: 700;
+  letter-spacing: -0.011em;
+}
+.markdown-body h2 {
+  font-size: 1.375rem;
+  line-height: 1.3;
+  margin-top: 1.5em;
+  font-weight: 700;
+  letter-spacing: -0.008em;
+}
+.markdown-body h3 {
+  font-size: 1.125rem;
+  line-height: 1.35;
+}
+.markdown-body h4 {
+  font-size: 1rem;
+  line-height: 1.4;
+}
+.markdown-body :is(h5, h6) {
+  font-size: 0.9375rem;
+  line-height: 1.45;
+}
+.markdown-body h6 {
+  color: var(--muted-foreground);
+}
+.markdown-body p {
+  text-wrap: pretty;
+}
+.markdown-body :is(ul, ol) {
+  list-style-position: outside;
+  padding-left: 1.6em;
+}
+.markdown-body li {
+  margin-bottom: 0.35em;
+}
+.markdown-body li:last-child {
+  margin-bottom: 0;
+}
+.markdown-body li > :is(ul, ol) {
+  margin-top: 0.35em;
+  margin-bottom: 0;
+}
+.markdown-body p {
+  margin-bottom: 1.35em;
+}
+.markdown-body li > p {
+  margin-bottom: 0.35em;
+}
+.markdown-body :is(li, blockquote) > p:last-child {
+  margin-bottom: 0;
+}
+.markdown-body blockquote {
+  margin-top: 1.5em;
+  margin-bottom: 1.5em;
+}
+.markdown-body hr {
+  margin-top: 2.6em;
+  margin-bottom: 2.6em;
+}
+.markdown-body table {
+  border-collapse: collapse;
+}
+.markdown-body code {
+  font-size: 0.92em;
 }
 @property --tw-border-style {
   syntax: "*";
   inherits: false;
   initial-value: solid;
 }
-@property --tw-leading {
-  syntax: "*";
-  inherits: false;
-}
 @property --tw-font-weight {
   syntax: "*";
   inherits: false;
@@ -405,11 +450,10 @@
 @layer properties {
   @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
     *, ::before, ::after, ::backdrop {
-      --tw-space-y-reverse: 0;
       --tw-border-style: solid;
-      --tw-leading: initial;
       --tw-font-weight: initial;
       --tw-duration: initial;
     }
   }
 }
+