@distri/react 0.3.2 → 0.3.4

package/dist/index.css

@@ -1,598 +1,3 @@
-/* ../../node_modules/.pnpm/codemirror@5.65.20/node_modules/codemirror/lib/codemirror.css */
-.CodeMirror {
-  font-family: monospace;
-  height: 300px;
-  color: black;
-  direction: ltr;
-}
-.CodeMirror-lines {
-  padding: 4px 0;
-}
-.CodeMirror pre.CodeMirror-line,
-.CodeMirror pre.CodeMirror-line-like {
-  padding: 0 4px;
-}
-.CodeMirror-scrollbar-filler,
-.CodeMirror-gutter-filler {
-  background-color: white;
-}
-.CodeMirror-gutters {
-  border-right: 1px solid #ddd;
-  background-color: #f7f7f7;
-  white-space: nowrap;
-}
-.CodeMirror-linenumbers {
-}
-.CodeMirror-linenumber {
-  padding: 0 3px 0 5px;
-  min-width: 20px;
-  text-align: right;
-  color: #999;
-  white-space: nowrap;
-}
-.CodeMirror-guttermarker {
-  color: black;
-}
-.CodeMirror-guttermarker-subtle {
-  color: #999;
-}
-.CodeMirror-cursor {
-  border-left: 1px solid black;
-  border-right: none;
-  width: 0;
-}
-.CodeMirror div.CodeMirror-secondarycursor {
-  border-left: 1px solid silver;
-}
-.cm-fat-cursor .CodeMirror-cursor {
-  width: auto;
-  border: 0 !important;
-  background: #7e7;
-}
-.cm-fat-cursor div.CodeMirror-cursors {
-  z-index: 1;
-}
-.cm-fat-cursor .CodeMirror-line::-moz-selection,
-.cm-fat-cursor .CodeMirror-line > span::-moz-selection,
-.cm-fat-cursor .CodeMirror-line > span > span::-moz-selection {
-  background: transparent;
-}
-.cm-fat-cursor .CodeMirror-line::selection,
-.cm-fat-cursor .CodeMirror-line > span::selection,
-.cm-fat-cursor .CodeMirror-line > span > span::selection {
-  background: transparent;
-}
-.cm-fat-cursor .CodeMirror-line::-moz-selection,
-.cm-fat-cursor .CodeMirror-line > span::-moz-selection,
-.cm-fat-cursor .CodeMirror-line > span > span::-moz-selection {
-  background: transparent;
-}
-.cm-fat-cursor {
-  caret-color: transparent;
-}
-@keyframes blink {
-  0% {
-  }
-  50% {
-    background-color: transparent;
-  }
-  100% {
-  }
-}
-.CodeMirror-overwrite .CodeMirror-cursor {
-}
-.cm-tab {
-  display: inline-block;
-  text-decoration: inherit;
-}
-.CodeMirror-rulers {
-  position: absolute;
-  left: 0;
-  right: 0;
-  top: -50px;
-  bottom: 0;
-  overflow: hidden;
-}
-.CodeMirror-ruler {
-  border-left: 1px solid #ccc;
-  top: 0;
-  bottom: 0;
-  position: absolute;
-}
-.cm-s-default .cm-header {
-  color: blue;
-}
-.cm-s-default .cm-quote {
-  color: #090;
-}
-.cm-negative {
-  color: #d44;
-}
-.cm-positive {
-  color: #292;
-}
-.cm-header,
-.cm-strong {
-  font-weight: bold;
-}
-.cm-em {
-  font-style: italic;
-}
-.cm-link {
-  text-decoration: underline;
-}
-.cm-strikethrough {
-  text-decoration: line-through;
-}
-.cm-s-default .cm-keyword {
-  color: #708;
-}
-.cm-s-default .cm-atom {
-  color: #219;
-}
-.cm-s-default .cm-number {
-  color: #164;
-}
-.cm-s-default .cm-def {
-  color: #00f;
-}
-.cm-s-default .cm-variable,
-.cm-s-default .cm-punctuation,
-.cm-s-default .cm-property,
-.cm-s-default .cm-operator {
-}
-.cm-s-default .cm-variable-2 {
-  color: #05a;
-}
-.cm-s-default .cm-variable-3,
-.cm-s-default .cm-type {
-  color: #085;
-}
-.cm-s-default .cm-comment {
-  color: #a50;
-}
-.cm-s-default .cm-string {
-  color: #a11;
-}
-.cm-s-default .cm-string-2 {
-  color: #f50;
-}
-.cm-s-default .cm-meta {
-  color: #555;
-}
-.cm-s-default .cm-qualifier {
-  color: #555;
-}
-.cm-s-default .cm-builtin {
-  color: #30a;
-}
-.cm-s-default .cm-bracket {
-  color: #997;
-}
-.cm-s-default .cm-tag {
-  color: #170;
-}
-.cm-s-default .cm-attribute {
-  color: #00c;
-}
-.cm-s-default .cm-hr {
-  color: #999;
-}
-.cm-s-default .cm-link {
-  color: #00c;
-}
-.cm-s-default .cm-error {
-  color: #f00;
-}
-.cm-invalidchar {
-  color: #f00;
-}
-.CodeMirror-composing {
-  border-bottom: 2px solid;
-}
-div.CodeMirror span.CodeMirror-matchingbracket {
-  color: #0b0;
-}
-div.CodeMirror span.CodeMirror-nonmatchingbracket {
-  color: #a22;
-}
-.CodeMirror-matchingtag {
-  background: rgba(255, 150, 0, .3);
-}
-.CodeMirror-activeline-background {
-  background: #e8f2ff;
-}
-.CodeMirror {
-  position: relative;
-  overflow: hidden;
-  background: white;
-}
-.CodeMirror-scroll {
-  overflow: scroll !important;
-  margin-bottom: -50px;
-  margin-right: -50px;
-  padding-bottom: 50px;
-  height: 100%;
-  outline: none;
-  position: relative;
-  z-index: 0;
-}
-.CodeMirror-sizer {
-  position: relative;
-  border-right: 50px solid transparent;
-}
-.CodeMirror-vscrollbar,
-.CodeMirror-hscrollbar,
-.CodeMirror-scrollbar-filler,
-.CodeMirror-gutter-filler {
-  position: absolute;
-  z-index: 6;
-  display: none;
-  outline: none;
-}
-.CodeMirror-vscrollbar {
-  right: 0;
-  top: 0;
-  overflow-x: hidden;
-  overflow-y: scroll;
-}
-.CodeMirror-hscrollbar {
-  bottom: 0;
-  left: 0;
-  overflow-y: hidden;
-  overflow-x: scroll;
-}
-.CodeMirror-scrollbar-filler {
-  right: 0;
-  bottom: 0;
-}
-.CodeMirror-gutter-filler {
-  left: 0;
-  bottom: 0;
-}
-.CodeMirror-gutters {
-  position: absolute;
-  left: 0;
-  top: 0;
-  min-height: 100%;
-  z-index: 3;
-}
-.CodeMirror-gutter {
-  white-space: normal;
-  height: 100%;
-  display: inline-block;
-  vertical-align: top;
-  margin-bottom: -50px;
-}
-.CodeMirror-gutter-wrapper {
-  position: absolute;
-  z-index: 4;
-  background: none !important;
-  border: none !important;
-}
-.CodeMirror-gutter-background {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  z-index: 4;
-}
-.CodeMirror-gutter-elt {
-  position: absolute;
-  cursor: default;
-  z-index: 4;
-}
-.CodeMirror-gutter-wrapper ::-moz-selection {
-  background-color: transparent;
-}
-.CodeMirror-gutter-wrapper ::selection {
-  background-color: transparent;
-}
-.CodeMirror-gutter-wrapper ::-moz-selection {
-  background-color: transparent;
-}
-.CodeMirror-lines {
-  cursor: text;
-  min-height: 1px;
-}
-.CodeMirror pre.CodeMirror-line,
-.CodeMirror pre.CodeMirror-line-like {
-  border-radius: 0;
-  border-width: 0;
-  background: transparent;
-  font-family: inherit;
-  font-size: inherit;
-  margin: 0;
-  white-space: pre;
-  word-wrap: normal;
-  line-height: inherit;
-  color: inherit;
-  z-index: 2;
-  position: relative;
-  overflow: visible;
-  -webkit-tap-highlight-color: transparent;
-  font-variant-ligatures: contextual;
-}
-.CodeMirror-wrap pre.CodeMirror-line,
-.CodeMirror-wrap pre.CodeMirror-line-like {
-  word-wrap: break-word;
-  white-space: pre-wrap;
-  word-break: normal;
-}
-.CodeMirror-linebackground {
-  position: absolute;
-  left: 0;
-  right: 0;
-  top: 0;
-  bottom: 0;
-  z-index: 0;
-}
-.CodeMirror-linewidget {
-  position: relative;
-  z-index: 2;
-  padding: 0.1px;
-}
-.CodeMirror-widget {
-}
-.CodeMirror-rtl pre {
-  direction: rtl;
-}
-.CodeMirror-code {
-  outline: none;
-}
-.CodeMirror-scroll,
-.CodeMirror-sizer,
-.CodeMirror-gutter,
-.CodeMirror-gutters,
-.CodeMirror-linenumber {
-  box-sizing: content-box;
-}
-.CodeMirror-measure {
-  position: absolute;
-  width: 100%;
-  height: 0;
-  overflow: hidden;
-  visibility: hidden;
-}
-.CodeMirror-cursor {
-  position: absolute;
-  pointer-events: none;
-}
-.CodeMirror-measure pre {
-  position: static;
-}
-div.CodeMirror-cursors {
-  visibility: hidden;
-  position: relative;
-  z-index: 3;
-}
-div.CodeMirror-dragcursors {
-  visibility: visible;
-}
-.CodeMirror-focused div.CodeMirror-cursors {
-  visibility: visible;
-}
-.CodeMirror-selected {
-  background: #d9d9d9;
-}
-.CodeMirror-focused .CodeMirror-selected {
-  background: #d7d4f0;
-}
-.CodeMirror-crosshair {
-  cursor: crosshair;
-}
-.CodeMirror-line::-moz-selection,
-.CodeMirror-line > span::-moz-selection,
-.CodeMirror-line > span > span::-moz-selection {
-  background: #d7d4f0;
-}
-.CodeMirror-line::selection,
-.CodeMirror-line > span::selection,
-.CodeMirror-line > span > span::selection {
-  background: #d7d4f0;
-}
-.CodeMirror-line::-moz-selection,
-.CodeMirror-line > span::-moz-selection,
-.CodeMirror-line > span > span::-moz-selection {
-  background: #d7d4f0;
-}
-.cm-searching {
-  background-color: #ffa;
-  background-color: rgba(255, 255, 0, .4);
-}
-.cm-force-border {
-  padding-right: .1px;
-}
-@media print {
-  .CodeMirror div.CodeMirror-cursors {
-    visibility: hidden;
-  }
-}
-.cm-tab-wrap-hack:after {
-  content: "";
-}
-span.CodeMirror-selectedtext {
-  background: none;
-}
-
-/* ../../node_modules/.pnpm/codemirror@5.65.20/node_modules/codemirror/theme/material-darker.css */
-.cm-s-material-darker.CodeMirror {
-  background-color: #212121;
-  color: #EEFFFF;
-}
-.cm-s-material-darker .CodeMirror-gutters {
-  background: #212121;
-  color: #545454;
-  border: none;
-}
-.cm-s-material-darker .CodeMirror-guttermarker,
-.cm-s-material-darker .CodeMirror-guttermarker-subtle,
-.cm-s-material-darker .CodeMirror-linenumber {
-  color: #545454;
-}
-.cm-s-material-darker .CodeMirror-cursor {
-  border-left: 1px solid #FFCC00;
-}
-.cm-s-material-darker div.CodeMirror-selected {
-  background: rgba(97, 97, 97, 0.2);
-}
-.cm-s-material-darker.CodeMirror-focused div.CodeMirror-selected {
-  background: rgba(97, 97, 97, 0.2);
-}
-.cm-s-material-darker .CodeMirror-line::-moz-selection,
-.cm-s-material-darker .CodeMirror-line > span::-moz-selection,
-.cm-s-material-darker .CodeMirror-line > span > span::-moz-selection {
-  background: rgba(128, 203, 196, 0.2);
-}
-.cm-s-material-darker .CodeMirror-line::selection,
-.cm-s-material-darker .CodeMirror-line > span::selection,
-.cm-s-material-darker .CodeMirror-line > span > span::selection {
-  background: rgba(128, 203, 196, 0.2);
-}
-.cm-s-material-darker .CodeMirror-line::-moz-selection,
-.cm-s-material-darker .CodeMirror-line > span::-moz-selection,
-.cm-s-material-darker .CodeMirror-line > span > span::-moz-selection {
-  background: rgba(128, 203, 196, 0.2);
-}
-.cm-s-material-darker .CodeMirror-activeline-background {
-  background: rgba(0, 0, 0, 0.5);
-}
-.cm-s-material-darker .cm-keyword {
-  color: #C792EA;
-}
-.cm-s-material-darker .cm-operator {
-  color: #89DDFF;
-}
-.cm-s-material-darker .cm-variable-2 {
-  color: #EEFFFF;
-}
-.cm-s-material-darker .cm-variable-3,
-.cm-s-material-darker .cm-type {
-  color: #f07178;
-}
-.cm-s-material-darker .cm-builtin {
-  color: #FFCB6B;
-}
-.cm-s-material-darker .cm-atom {
-  color: #F78C6C;
-}
-.cm-s-material-darker .cm-number {
-  color: #FF5370;
-}
-.cm-s-material-darker .cm-def {
-  color: #82AAFF;
-}
-.cm-s-material-darker .cm-string {
-  color: #C3E88D;
-}
-.cm-s-material-darker .cm-string-2 {
-  color: #f07178;
-}
-.cm-s-material-darker .cm-comment {
-  color: #545454;
-}
-.cm-s-material-darker .cm-variable {
-  color: #f07178;
-}
-.cm-s-material-darker .cm-tag {
-  color: #FF5370;
-}
-.cm-s-material-darker .cm-meta {
-  color: #FFCB6B;
-}
-.cm-s-material-darker .cm-attribute {
-  color: #C792EA;
-}
-.cm-s-material-darker .cm-property {
-  color: #C792EA;
-}
-.cm-s-material-darker .cm-qualifier {
-  color: #DECB6B;
-}
-.cm-s-material-darker .cm-variable-3,
-.cm-s-material-darker .cm-type {
-  color: #DECB6B;
-}
-.cm-s-material-darker .cm-error {
-  color: rgba(255, 255, 255, 1.0);
-  background-color: #FF5370;
-}
-.cm-s-material-darker .CodeMirror-matchingbracket {
-  text-decoration: underline;
-  color: white !important;
-}
-
-/* ../../node_modules/.pnpm/codemirror@5.65.20/node_modules/codemirror/theme/eclipse.css */
-.cm-s-eclipse span.cm-meta {
-  color: #FF1717;
-}
-.cm-s-eclipse span.cm-keyword {
-  line-height: 1em;
-  font-weight: bold;
-  color: #7F0055;
-}
-.cm-s-eclipse span.cm-atom {
-  color: #219;
-}
-.cm-s-eclipse span.cm-number {
-  color: #164;
-}
-.cm-s-eclipse span.cm-def {
-  color: #00f;
-}
-.cm-s-eclipse span.cm-variable {
-  color: black;
-}
-.cm-s-eclipse span.cm-variable-2 {
-  color: #0000C0;
-}
-.cm-s-eclipse span.cm-variable-3,
-.cm-s-eclipse span.cm-type {
-  color: #0000C0;
-}
-.cm-s-eclipse span.cm-property {
-  color: black;
-}
-.cm-s-eclipse span.cm-operator {
-  color: black;
-}
-.cm-s-eclipse span.cm-comment {
-  color: #3F7F5F;
-}
-.cm-s-eclipse span.cm-string {
-  color: #2A00FF;
-}
-.cm-s-eclipse span.cm-string-2 {
-  color: #f50;
-}
-.cm-s-eclipse span.cm-qualifier {
-  color: #555;
-}
-.cm-s-eclipse span.cm-builtin {
-  color: #30a;
-}
-.cm-s-eclipse span.cm-bracket {
-  color: #cc7;
-}
-.cm-s-eclipse span.cm-tag {
-  color: #170;
-}
-.cm-s-eclipse span.cm-attribute {
-  color: #00c;
-}
-.cm-s-eclipse span.cm-link {
-  color: #219;
-}
-.cm-s-eclipse span.cm-error {
-  color: #f00;
-}
-.cm-s-eclipse .CodeMirror-activeline-background {
-  background: #e8f2ff;
-}
-.cm-s-eclipse .CodeMirror-matchingbracket {
-  outline: 1px solid grey;
-  color: black !important;
-}
-
 /* src/globals.css */
 *,
 ::before,
@@ -962,14 +367,6 @@ body {
     max-width: 1536px;
   }
 }
-.distri-chat-editor.CodeMirror,
-.distri-chat-editor .CodeMirror-scroll {
-  background: transparent !important;
-}
-.distri-chat-editor .CodeMirror-placeholder {
-  color: hsl(var(--muted-foreground)) !important;
-  opacity: 0.7;
-}
 .sr-only {
   position: absolute;
   width: 1px;
@@ -1086,9 +483,9 @@ body {
   margin-left: -0.25rem;
   margin-right: -0.25rem;
 }
-.mx-0 {
-  margin-left: 0px;
-  margin-right: 0px;
+.mx-1 {
+  margin-left: 0.25rem;
+  margin-right: 0.25rem;
 }
 .mx-2 {
   margin-left: 0.5rem;
@@ -1110,6 +507,10 @@ body {
   margin-top: 0.25rem;
   margin-bottom: 0.25rem;
 }
+.my-2 {
+  margin-top: 0.5rem;
+  margin-bottom: 0.5rem;
+}
 .my-3 {
   margin-top: 0.75rem;
   margin-bottom: 0.75rem;
@@ -1202,6 +603,9 @@ body {
   width: 1rem;
   height: 1rem;
 }
+.h-1 {
+  height: 0.25rem;
+}
 .h-1\.5 {
   height: 0.375rem;
 }
@@ -1280,6 +684,15 @@ body {
 .max-h-\[--radix-select-content-available-height\] {
   max-height: var(--radix-select-content-available-height);
 }
+.max-h-\[300px\] {
+  max-height: 300px;
+}
+.max-h-\[85vh\] {
+  max-height: 85vh;
+}
+.max-h-\[90vh\] {
+  max-height: 90vh;
+}
 .max-h-\[var\(--radix-dropdown-menu-content-available-height\)\] {
   max-height: var(--radix-dropdown-menu-content-available-height);
 }
@@ -1289,6 +702,12 @@ body {
 .min-h-0 {
   min-height: 0px;
 }
+.min-h-\[100px\] {
+  min-height: 100px;
+}
+.min-h-\[180px\] {
+  min-height: 180px;
+}
 .min-h-\[220px\] {
   min-height: 220px;
 }
@@ -1419,6 +838,9 @@ body {
 .max-w-\[80\%\] {
   max-width: 80%;
 }
+.max-w-\[90vw\] {
+  max-width: 90vw;
+}
 .max-w-full {
   max-width: 100%;
 }
@@ -1690,9 +1112,6 @@ body {
 .rounded-2xl {
   border-radius: 1rem;
 }
-.rounded-3xl {
-  border-radius: 1.5rem;
-}
 .rounded-full {
   border-radius: 9999px;
 }
@@ -1756,6 +1175,12 @@ body {
 .border-none {
   border-style: none;
 }
+.border-black\/10 {
+  border-color: rgb(0 0 0 / 0.1);
+}
+.border-black\/5 {
+  border-color: rgb(0 0 0 / 0.05);
+}
 .border-blue-200 {
   --tw-border-opacity: 1;
   border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
@@ -1766,6 +1191,9 @@ body {
 .border-border {
   border-color: hsl(var(--border));
 }
+.border-border\/30 {
+  border-color: hsl(var(--border) / 0.3);
+}
 .border-border\/40 {
   border-color: hsl(var(--border) / 0.4);
 }
@@ -1805,6 +1233,12 @@ body {
 .border-muted {
   border-color: hsl(var(--muted));
 }
+.border-muted-foreground {
+  border-color: hsl(var(--muted-foreground));
+}
+.border-muted-foreground\/30 {
+  border-color: hsl(var(--muted-foreground) / 0.3);
+}
 .border-primary {
   border-color: hsl(var(--primary));
 }
@@ -1821,6 +1255,12 @@ body {
 .border-transparent {
   border-color: transparent;
 }
+.border-white\/20 {
+  border-color: rgb(255 255 255 / 0.2);
+}
+.border-white\/5 {
+  border-color: rgb(255 255 255 / 0.05);
+}
 .border-yellow-200 {
   --tw-border-opacity: 1;
   border-color: rgb(254 240 138 / var(--tw-border-opacity, 1));
@@ -1835,6 +1275,13 @@ body {
 .border-t-transparent {
   border-top-color: transparent;
 }
+.bg-\[\#0d0d0d\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(13 13 13 / var(--tw-bg-opacity, 1));
+}
+.bg-\[var\(--distri-accent\,\#3b82f6\)\] {
+  background-color: var(--distri-accent,#3b82f6);
+}
 .bg-amber-500 {
   --tw-bg-opacity: 1;
   background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
@@ -1842,9 +1289,6 @@ body {
 .bg-background {
   background-color: hsl(var(--background));
 }
-.bg-background\/60 {
-  background-color: hsl(var(--background) / 0.6);
-}
 .bg-background\/70 {
   background-color: hsl(var(--background) / 0.7);
 }
@@ -1858,9 +1302,15 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
 }
+.bg-black\/5 {
+  background-color: rgb(0 0 0 / 0.05);
+}
 .bg-black\/50 {
   background-color: rgb(0 0 0 / 0.5);
 }
+.bg-black\/60 {
+  background-color: rgb(0 0 0 / 0.6);
+}
 .bg-black\/80 {
   background-color: rgb(0 0 0 / 0.8);
 }
@@ -1913,6 +1363,10 @@ body {
 .bg-green-50\/20 {
   background-color: rgb(240 253 244 / 0.2);
 }
+.bg-green-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
+}
 .bg-muted {
   background-color: hsl(var(--muted));
 }
@@ -1946,8 +1400,8 @@ body {
 .bg-primary\/10 {
   background-color: hsl(var(--primary) / 0.1);
 }
-.bg-primary\/20 {
-  background-color: hsl(var(--primary) / 0.2);
+.bg-primary\/50 {
+  background-color: hsl(var(--primary) / 0.5);
 }
 .bg-red-400\/15 {
   background-color: rgb(248 113 113 / 0.15);
@@ -1974,6 +1428,9 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
 }
+.bg-white\/10 {
+  background-color: rgb(255 255 255 / 0.1);
+}
 .bg-yellow-400 {
   --tw-bg-opacity: 1;
   background-color: rgb(250 204 21 / var(--tw-bg-opacity, 1));
@@ -1985,21 +1442,6 @@ body {
 .bg-gradient-to-r {
   background-image: linear-gradient(to right, var(--tw-gradient-stops));
 }
-.from-border\/60 {
-  --tw-gradient-from: hsl(var(--border) / 0.6) var(--tw-gradient-from-position);
-  --tw-gradient-to: hsl(var(--border) / 0) var(--tw-gradient-to-position);
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
-}
-.via-border\/30 {
-  --tw-gradient-to: hsl(var(--border) / 0) var(--tw-gradient-to-position);
-  --tw-gradient-stops:
-    var(--tw-gradient-from),
-    hsl(var(--border) / 0.3) var(--tw-gradient-via-position),
-    var(--tw-gradient-to);
-}
-.to-border\/60 {
-  --tw-gradient-to: hsl(var(--border) / 0.6) var(--tw-gradient-to-position);
-}
 .fill-current {
   fill: currentColor;
 }
@@ -2055,10 +1497,6 @@ body {
   padding-left: 1rem;
   padding-right: 1rem;
 }
-.px-5 {
-  padding-left: 1.25rem;
-  padding-right: 1.25rem;
-}
 .px-8 {
   padding-left: 2rem;
   padding-right: 2rem;
@@ -2091,6 +1529,15 @@ body {
   padding-top: 1rem;
   padding-bottom: 1rem;
 }
+.pb-2 {
+  padding-bottom: 0.5rem;
+}
+.pb-3 {
+  padding-bottom: 0.75rem;
+}
+.pb-4 {
+  padding-bottom: 1rem;
+}
 .pb-\[env\(safe-area-inset-bottom\)\] {
   padding-bottom: env(safe-area-inset-bottom);
 }
@@ -2115,6 +1562,12 @@ body {
 .pt-0 {
   padding-top: 0px;
 }
+.pt-2 {
+  padding-top: 0.5rem;
+}
+.pt-3 {
+  padding-top: 0.75rem;
+}
 .pt-4 {
   padding-top: 1rem;
 }
@@ -2201,12 +1654,6 @@ body {
   --tw-numeric-spacing: tabular-nums;
   font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
 }
-.leading-6 {
-  line-height: 1.5rem;
-}
-.leading-7 {
-  line-height: 1.75rem;
-}
 .leading-none {
   line-height: 1;
 }
@@ -2228,10 +1675,23 @@ body {
 .tracking-widest {
   letter-spacing: 0.1em;
 }
+.text-\[var\(--distri-accent\,\#3b82f6\)\] {
+  color: var(--distri-accent,#3b82f6);
+}
 .text-amber-500 {
   --tw-text-opacity: 1;
   color: rgb(245 158 11 / var(--tw-text-opacity, 1));
 }
+.text-black {
+  --tw-text-opacity: 1;
+  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
+}
+.text-black\/30 {
+  color: rgb(0 0 0 / 0.3);
+}
+.text-black\/60 {
+  color: rgb(0 0 0 / 0.6);
+}
 .text-blue-500 {
   --tw-text-opacity: 1;
   color: rgb(59 130 246 / var(--tw-text-opacity, 1));
@@ -2289,9 +1749,6 @@ body {
 .text-muted-foreground {
   color: hsl(var(--muted-foreground));
 }
-.text-muted-foreground\/50 {
-  color: hsl(var(--muted-foreground) / 0.5);
-}
 .text-muted-foreground\/70 {
   color: hsl(var(--muted-foreground) / 0.7);
 }
@@ -2307,9 +1764,9 @@ body {
 .text-primary-foreground {
   color: hsl(var(--primary-foreground));
 }
-.text-red-200 {
+.text-red-400 {
   --tw-text-opacity: 1;
-  color: rgb(254 202 202 / var(--tw-text-opacity, 1));
+  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
 }
 .text-red-500 {
   --tw-text-opacity: 1;
@@ -2326,6 +1783,15 @@ body {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
 }
+.text-white\/30 {
+  color: rgb(255 255 255 / 0.3);
+}
+.text-white\/70 {
+  color: rgb(255 255 255 / 0.7);
+}
+.text-white\/90 {
+  color: rgb(255 255 255 / 0.9);
+}
 .text-yellow-400 {
   --tw-text-opacity: 1;
   color: rgb(250 204 21 / var(--tw-text-opacity, 1));
@@ -2349,6 +1815,9 @@ body {
 .underline {
   text-decoration-line: underline;
 }
+.line-through {
+  text-decoration-line: line-through;
+}
 .underline-offset-4 {
   text-underline-offset: 4px;
 }
@@ -2378,25 +1847,17 @@ body {
     var(--tw-ring-shadow, 0 0 #0000),
     var(--tw-shadow);
 }
-.shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] {
-  --tw-shadow: 0 0 0 1px hsl(var(--sidebar-border));
-  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
+.shadow-2xl {
+  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
+  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
   box-shadow:
     var(--tw-ring-offset-shadow, 0 0 #0000),
     var(--tw-ring-shadow, 0 0 #0000),
     var(--tw-shadow);
 }
-.shadow-\[0_14px_40px_rgba\(0\,0\,0\,0\.35\)\] {
-  --tw-shadow: 0 14px 40px rgba(0,0,0,0.35);
-  --tw-shadow-colored: 0 14px 40px var(--tw-shadow-color);
-  box-shadow:
-    var(--tw-ring-offset-shadow, 0 0 #0000),
-    var(--tw-ring-shadow, 0 0 #0000),
-    var(--tw-shadow);
-}
-.shadow-\[0_4px_16px_rgba\(0\,0\,0\,0\.1\)\] {
-  --tw-shadow: 0 4px 16px rgba(0,0,0,0.1);
-  --tw-shadow-colored: 0 4px 16px var(--tw-shadow-color);
+.shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] {
+  --tw-shadow: 0 0 0 1px hsl(var(--sidebar-border));
+  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
   box-shadow:
     var(--tw-ring-offset-shadow, 0 0 #0000),
     var(--tw-ring-shadow, 0 0 #0000),
@@ -2453,31 +1914,16 @@ body {
 }
 .backdrop-blur {
   --tw-backdrop-blur: blur(8px);
-  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
   backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
 }
 .backdrop-blur-sm {
   --tw-backdrop-blur: blur(4px);
-  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
   backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
 }
 .backdrop-filter {
-  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
   backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
 }
 .transition {
-  transition-property:
-    color,
-    background-color,
-    border-color,
-    text-decoration-color,
-    fill,
-    stroke,
-    opacity,
-    box-shadow,
-    transform,
-    filter,
-    -webkit-backdrop-filter;
   transition-property:
     color,
     background-color,
@@ -2490,19 +1936,6 @@ body {
     transform,
     filter,
     backdrop-filter;
-  transition-property:
-    color,
-    background-color,
-    border-color,
-    text-decoration-color,
-    fill,
-    stroke,
-    opacity,
-    box-shadow,
-    transform,
-    filter,
-    backdrop-filter,
-    -webkit-backdrop-filter;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
@@ -2711,6 +2144,12 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1));
 }
+.hover\:bg-black\/10:hover {
+  background-color: rgb(0 0 0 / 0.1);
+}
+.hover\:bg-black\/70:hover {
+  background-color: rgb(0 0 0 / 0.7);
+}
 .hover\:bg-blue-700:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
@@ -2739,6 +2178,10 @@ body {
 .hover\:bg-primary\/90:hover {
   background-color: hsl(var(--primary) / 0.9);
 }
+.hover\:bg-red-600:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
+}
 .hover\:bg-red-700:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
@@ -2749,9 +2192,19 @@ body {
 .hover\:bg-secondary\/80:hover {
   background-color: hsl(var(--secondary) / 0.8);
 }
+.hover\:bg-white\/20:hover {
+  background-color: rgb(255 255 255 / 0.2);
+}
+.hover\:bg-white\/90:hover {
+  background-color: rgb(255 255 255 / 0.9);
+}
 .hover\:text-accent-foreground:hover {
   color: hsl(var(--accent-foreground));
 }
+.hover\:text-black:hover {
+  --tw-text-opacity: 1;
+  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
+}
 .hover\:text-foreground:hover {
   color: hsl(var(--foreground));
 }
@@ -2759,6 +2212,10 @@ body {
   --tw-text-opacity: 1;
   color: rgb(75 85 99 / var(--tw-text-opacity, 1));
 }
+.hover\:text-white:hover {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
 .hover\:underline:hover {
   text-decoration-line: underline;
 }
@@ -2813,9 +2270,15 @@ body {
     var(--tw-ring-shadow),
     var(--tw-shadow, 0 0 #0000);
 }
+.focus\:ring-primary\/50:focus {
+  --tw-ring-color: hsl(var(--primary) / 0.5);
+}
 .focus\:ring-ring:focus {
   --tw-ring-color: hsl(var(--ring));
 }
+.focus\:ring-offset-1:focus {
+  --tw-ring-offset-width: 1px;
+}
 .focus\:ring-offset-2:focus {
   --tw-ring-offset-width: 2px;
 }
@@ -3185,7 +2648,7 @@ body {
 .peer[data-variant=inset] ~ .peer-data-\[variant\=inset\]\:min-h-\[calc\(100svh-theme\(spacing\.4\)\)\] {
   min-height: calc(100svh - 1rem);
 }
-@supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))) {
+@supports (backdrop-filter: var(--tw)) {
   .supports-\[backdrop-filter\]\:bg-background\/60 {
     background-color: hsl(var(--background) / 0.6);
   }
@@ -3200,10 +2663,6 @@ body {
   .sm\:top-auto {
     top: auto;
   }
-  .sm\:mx-1 {
-    margin-left: 0.25rem;
-    margin-right: 0.25rem;
-  }
   .sm\:flex {
     display: flex;
   }
@@ -3233,22 +2692,10 @@ body {
   .sm\:p-4 {
     padding: 1rem;
   }
-  .sm\:px-4 {
-    padding-left: 1rem;
-    padding-right: 1rem;
-  }
-  .sm\:px-6 {
-    padding-left: 1.5rem;
-    padding-right: 1.5rem;
-  }
   .sm\:py-4 {
     padding-top: 1rem;
     padding-bottom: 1rem;
   }
-  .sm\:py-5 {
-    padding-top: 1.25rem;
-    padding-bottom: 1.25rem;
-  }
   .sm\:py-8 {
     padding-top: 2rem;
     padding-bottom: 2rem;
@@ -3349,9 +2796,6 @@ body {
     --tw-scale-y: 1;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   }
-  .dark\:border-0 {
-    border-width: 0px;
-  }
   .dark\:bg-gray-700 {
     --tw-bg-opacity: 1;
     background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
@@ -3360,26 +2804,22 @@ body {
     --tw-bg-opacity: 1;
     background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
   }
-  .dark\:bg-muted\/50 {
-    background-color: hsl(var(--muted) / 0.5);
+  .dark\:bg-green-950\/30 {
+    background-color: rgb(5 46 22 / 0.3);
+  }
+  .dark\:bg-red-950\/30 {
+    background-color: rgb(69 10 10 / 0.3);
   }
   .dark\:bg-yellow-900\/20 {
     background-color: rgb(113 63 18 / 0.2);
   }
-  .dark\:from-primary\/40 {
-    --tw-gradient-from: hsl(var(--primary) / 0.4) var(--tw-gradient-from-position);
-    --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
-    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
-  }
-  .dark\:via-primary\/20 {
-    --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
-    --tw-gradient-stops:
-      var(--tw-gradient-from),
-      hsl(var(--primary) / 0.2) var(--tw-gradient-via-position),
-      var(--tw-gradient-to);
+  .dark\:text-green-400 {
+    --tw-text-opacity: 1;
+    color: rgb(74 222 128 / var(--tw-text-opacity, 1));
   }
-  .dark\:to-primary\/40 {
-    --tw-gradient-to: hsl(var(--primary) / 0.4) var(--tw-gradient-to-position);
+  .dark\:text-red-400 {
+    --tw-text-opacity: 1;
+    color: rgb(248 113 113 / var(--tw-text-opacity, 1));
   }
   .dark\:text-yellow-200 {
     --tw-text-opacity: 1;
@@ -3393,18 +2833,6 @@ body {
     --tw-text-opacity: 1;
     color: rgb(250 204 21 / var(--tw-text-opacity, 1));
   }
-  .dark\:shadow-lg {
-    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
-    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
-    box-shadow:
-      var(--tw-ring-offset-shadow, 0 0 #0000),
-      var(--tw-ring-shadow, 0 0 #0000),
-      var(--tw-shadow);
-  }
-  .dark\:shadow-primary\/5 {
-    --tw-shadow-color: hsl(var(--primary) / 0.05);
-    --tw-shadow: var(--tw-shadow-colored);
-  }
   .dark\:selection\:bg-primary\/40 *::-moz-selection {
     background-color: hsl(var(--primary) / 0.4);
   }
@@ -3425,6 +2853,9 @@ body {
 .\[\&\>button\]\:hidden > button {
   display: none;
 }
+.\[\&\>div\]\:flex-1 > div {
+  flex: 1 1 0%;
+}
 .\[\&\>span\:last-child\]\:truncate > span:last-child {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -3443,6 +2874,33 @@ body {
 .\[\&\>svg\]\:shrink-0 > svg {
   flex-shrink: 0;
 }
+.\[\&_\.ProseMirror\]\:h-full .ProseMirror {
+  height: 100%;
+}
+.\[\&_\.ProseMirror\]\:outline-none .ProseMirror {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+.\[\&_\.is-editor-empty\:first-child\:\:before\]\:pointer-events-none .is-editor-empty:first-child::before {
+  pointer-events: none;
+}
+.\[\&_\.is-editor-empty\:first-child\:\:before\]\:float-left .is-editor-empty:first-child::before {
+  float: left;
+}
+.\[\&_\.is-editor-empty\:first-child\:\:before\]\:h-0 .is-editor-empty:first-child::before {
+  height: 0px;
+}
+.\[\&_\.is-editor-empty\:first-child\:\:before\]\:text-gray-400 .is-editor-empty:first-child::before {
+  --tw-text-opacity: 1;
+  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
+}
+.\[\&_\.is-editor-empty\:first-child\:\:before\]\:text-white\/40 .is-editor-empty:first-child::before {
+  color: rgb(255 255 255 / 0.4);
+}
+.\[\&_\.is-editor-empty\:first-child\:\:before\]\:content-\[attr\(data-placeholder\)\] .is-editor-empty:first-child::before {
+  --tw-content: attr(data-placeholder);
+  content: var(--tw-content);
+}
 .\[\&_svg\]\:pointer-events-none svg {
   pointer-events: none;
 }
@@ -3471,5 +2929,5 @@ body {
 [data-side=right] .\[\[data-side\=right\]_\&\]\:cursor-e-resize {
   cursor: e-resize;
 }
-/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
+/*! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com
  */