@taskforcehq/taskforce 0.3.303 → 0.3.304

package/dist/Taskforce.module.css

@@ -3870,6 +3870,65 @@
   letter-spacing: 0.08em;
 }
 
+.codeHeaderDescription {
+  font-size: 11px;
+  color: var(--text-muted, #666);
+  line-height: 1.4;
+  max-width: none;
+  width: 100%;
+}
+
+.mcpTokenCardBody {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  padding: 14px 16px 10px;
+  background: color-mix(in srgb, var(--bg-secondary, #171726) 88%, transparent);
+}
+
+.mcpTokenFormGrid {
+  display: grid;
+  grid-template-columns: minmax(0, 2fr) minmax(220px, 1fr);
+  gap: 12px;
+  align-items: end;
+}
+
+.mcpTokenOutputWrap {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  padding: 0 16px;
+}
+
+.mcpTokenValueField {
+  display: flex;
+  align-items: center;
+  min-height: 44px;
+  padding: 10px 14px;
+  border: 1px solid var(--border-primary, rgba(255, 255, 255, 0.1));
+  border-radius: 12px;
+  background: var(--bg-primary, #0f0f1a);
+}
+
+.mcpTokenValueText {
+  font-family: "JetBrains Mono", "Fira Code", monospace;
+  font-size: 13px;
+  line-height: 1.5;
+  word-break: break-all;
+  width: 100%;
+}
+
+.mcpTokenValueText code {
+  font-family: inherit;
+  font-size: inherit;
+}
+
+.mcpTokenActionRow {
+  display: flex;
+  justify-content: flex-end;
+  padding: 8px 16px 14px;
+}
+
 .codeBlock {
   margin: 0;
   background: #1e1e2e !important;
@@ -4585,6 +4644,12 @@
   height: 16px;
 }
 
+@media (max-width: 900px) {
+  .mcpTokenFormGrid {
+    grid-template-columns: 1fr;
+  }
+}
+
 .marginTop12 {
   margin-top: 12px;
 }
@@ -4679,19 +4744,43 @@
 
 .aiProfilesExplorer {
   display: grid;
-  grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
+  grid-template-columns: 360px 360px;
   gap: 16px;
   align-items: start;
+  justify-content: start;
 }
 
 .aiProfilesListPane {
   min-width: 0;
+  max-height: min(72vh, 780px);
+  overflow-y: auto;
+  overscroll-behavior: contain;
+  padding-right: 6px;
+  scrollbar-gutter: stable;
+  scrollbar-width: thin;
+  scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
+}
+
+.aiProfilesListPane::-webkit-scrollbar {
+  width: 10px;
+}
+
+.aiProfilesListPane::-webkit-scrollbar-track {
+  background: var(--scrollbar-track);
+  border-radius: 999px;
+}
+
+.aiProfilesListPane::-webkit-scrollbar-thumb {
+  background: var(--scrollbar-thumb);
+  border-radius: 999px;
+  border: 2px solid var(--scrollbar-track);
 }
 
 .aiProfilesList {
   display: flex;
   flex-direction: column;
   gap: 16px;
+  min-width: 0;
 }
 
 .aiProfilesSection {
@@ -4719,7 +4808,8 @@
   color: inherit;
   background: rgba(255, 255, 255, 0.02);
   cursor: pointer;
-  transition: border-color 140ms ease, background 140ms ease, transform 140ms ease;
+  box-sizing: border-box;
+  transition: border-color 140ms ease, background 140ms ease, box-shadow 140ms ease;
 }
 
 .aiProfileGroup:hover {
@@ -4733,7 +4823,6 @@
     linear-gradient(135deg, rgba(59, 130, 246, 0.14), rgba(14, 165, 233, 0.06)),
     rgba(255, 255, 255, 0.04);
   box-shadow: inset 0 0 0 1px rgba(96, 165, 250, 0.16);
-  transform: translateY(-1px);
 }
 
 .aiProfileGroupDuplicate {
@@ -4834,11 +4923,13 @@
 }
 
 .aiProfileDetailPane {
+  min-width: 0;
   position: sticky;
   top: 16px;
 }
 
 .aiProfileDetailCard {
+  min-width: 0;
   border: 1px solid var(--border-primary, rgba(255, 255, 255, 0.08));
   border-radius: var(--radius-md);
   padding: 18px;
@@ -4884,6 +4975,7 @@
   font-size: 17px;
   line-height: 1.15;
   color: var(--text-primary, #fff);
+  overflow-wrap: anywhere;
 }
 
 .aiProfileDetailMetaRow {
@@ -5018,9 +5110,14 @@
   color: var(--text-secondary, #94a3b8);
 }
 
-@media (max-width: 980px) {
+@media (max-width: 1100px) {
   .aiProfilesExplorer {
-    grid-template-columns: 1fr;
+    grid-template-columns: minmax(0, 1fr);
+  }
+
+  .aiProfilesListPane {
+    max-height: min(52vh, 420px);
+    padding-right: 2px;
   }
 
   .aiProfileDetailPane {