clay-server 2.27.1 → 2.28.0-beta.2

package/lib/public/css/filebrowser.css

@@ -227,6 +227,210 @@
   margin: -8px 0 20px;
 }
 
+/* MCP Servers Modal */
+#mcp-modal { position: fixed; inset: 0; z-index: 300; display: flex; align-items: center; justify-content: center; }
+#mcp-modal.hidden { display: none; }
+.mcp-dialog {
+  width: 480px;
+  max-width: 94vw;
+  max-height: 70vh;
+  display: flex;
+  flex-direction: column;
+  padding: 0;
+  overflow: hidden;
+}
+.mcp-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 16px 20px;
+  border-bottom: 1px solid var(--border);
+}
+.mcp-title {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 16px;
+  font-weight: 700;
+  color: var(--text);
+}
+.mcp-title .lucide { width: 18px; height: 18px; }
+.mcp-content {
+  padding: 16px 20px;
+  overflow-y: auto;
+  flex: 1;
+}
+.mcp-desc {
+  font-size: 13px;
+  color: var(--text-muted);
+  margin: 0 0 16px;
+  line-height: 1.5;
+}
+.mcp-empty {
+  text-align: center;
+  padding: 32px 16px;
+  color: var(--text-muted);
+}
+.mcp-empty .lucide { width: 32px; height: 32px; margin-bottom: 12px; opacity: 0.4; }
+.mcp-empty-title {
+  font-size: 15px;
+  font-weight: 600;
+  color: var(--text-secondary);
+  margin: 0 0 6px;
+}
+.mcp-empty-desc {
+  font-size: 13px;
+  color: var(--text-muted);
+  margin: 0;
+  line-height: 1.5;
+}
+.mcp-ext-setup-btn {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  padding: 7px 14px;
+  margin-top: 14px;
+  font-size: 13px;
+  font-weight: 500;
+  color: var(--text);
+  background: var(--bg-hover, rgba(255,255,255,0.06));
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  cursor: pointer;
+  transition: background 0.15s;
+}
+.mcp-ext-setup-btn:hover {
+  background: var(--bg-active, rgba(255,255,255,0.1));
+}
+.mcp-ext-setup-btn .lucide {
+  width: 14px;
+  height: 14px;
+}
+.mcp-install-cmd-row {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  margin-top: 12px;
+  max-width: 100%;
+}
+.mcp-install-cmd {
+  flex: 1;
+  padding: 8px 10px;
+  background: var(--bg-deep, rgba(0,0,0,0.25));
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  font-family: "SF Mono", Monaco, "Cascadia Code", monospace;
+  font-size: 12px;
+  color: var(--text);
+  overflow-x: auto;
+  white-space: nowrap;
+  line-height: 1.4;
+}
+.mcp-install-copy-btn {
+  flex-shrink: 0;
+  padding: 6px 8px;
+  background: var(--bg-hover, rgba(255,255,255,0.06));
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  color: var(--text-muted);
+  cursor: pointer;
+  transition: background 0.15s;
+}
+.mcp-install-copy-btn:hover {
+  background: var(--bg-active, rgba(255,255,255,0.1));
+}
+.mcp-install-copy-btn .lucide {
+  width: 14px;
+  height: 14px;
+}
+.mcp-steps {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+.mcp-step {
+  display: flex;
+  gap: 12px;
+  padding: 12px 14px;
+  border-radius: 8px;
+  transition: opacity 0.15s;
+}
+.mcp-step.disabled {
+  opacity: 0.4;
+  pointer-events: none;
+}
+.mcp-step-icon {
+  flex-shrink: 0;
+  width: 22px;
+  height: 22px;
+  margin-top: 1px;
+  color: var(--text-muted);
+}
+.mcp-step-icon.done {
+  color: var(--green, #2ecc71);
+}
+.mcp-step-icon .lucide {
+  width: 20px;
+  height: 20px;
+}
+.mcp-step-body {
+  flex: 1;
+  min-width: 0;
+}
+.mcp-step-title {
+  font-size: 13px;
+  font-weight: 600;
+  color: var(--text);
+  margin-bottom: 2px;
+}
+.mcp-step-desc {
+  font-size: 12px;
+  color: var(--text-muted);
+  line-height: 1.4;
+}
+.mcp-step.done .mcp-step-desc {
+  color: var(--green, #2ecc71);
+}
+.mcp-divider {
+  height: 1px;
+  background: var(--border);
+  margin: 12px 0;
+}
+.mcp-server-row {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding: 10px 0;
+  border-bottom: 1px solid var(--border);
+  cursor: pointer;
+  transition: background 0.1s;
+}
+.mcp-server-row:last-child { border-bottom: none; }
+.mcp-server-row:hover { background: var(--bg-dim); margin: 0 -20px; padding: 10px 20px; }
+.mcp-server-row input[type="checkbox"] {
+  width: 16px;
+  height: 16px;
+  margin: 0;
+  cursor: pointer;
+  flex-shrink: 0;
+}
+.mcp-server-info {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  flex: 1;
+  min-width: 0;
+}
+.mcp-server-name {
+  font-size: 14px;
+  font-weight: 500;
+  color: var(--text);
+}
+.mcp-server-meta {
+  font-size: 12px;
+  color: var(--text-muted);
+}
+
 /* Beta toggle row inside settings card */
 .ps-beta-toggle-row,
 .ss-beta-toggle-row {

package/lib/public/css/scheduler-modal.css

@@ -598,6 +598,161 @@
   text-align: center;
 }
 
+#sched-create-desc-row.hidden { display: none; }
+
+.sched-create-row-icon-spacer {
+  width: 15px;
+  flex-shrink: 0;
+}
+
+.sched-review-toggle {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-top: 10px;
+  font-size: 13px;
+  color: var(--text-secondary);
+  cursor: pointer;
+}
+
+.sched-review-toggle input[type="checkbox"] {
+  accent-color: var(--accent);
+}
+
+.sched-review-label {
+  flex-shrink: 0;
+}
+
+.sched-review-count {
+  display: inline-flex;
+  align-items: center;
+  gap: 2px;
+}
+
+.sched-review-count.hidden {
+  display: none;
+}
+
+.sched-create-desc-wrap {
+  margin-top: 10px;
+}
+
+.sched-create-desc-wrap .sched-create-row-textarea {
+  width: 100%;
+}
+
+/* --- Accordion sections --- */
+.sched-accordion-divider {
+  height: 1px;
+  background: var(--border);
+  margin: 4px 14px 0;
+  opacity: 0.5;
+}
+
+.sched-accordion-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  padding: 8px 14px;
+  background: none;
+  border: none;
+  cursor: pointer;
+  color: var(--text);
+  transition: background 0.12s;
+  text-align: left;
+}
+
+.sched-accordion-header:hover {
+  background: var(--hover);
+}
+
+.sched-accordion-header-left {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+
+.sched-accordion-icon {
+  width: 15px;
+  height: 15px;
+  color: var(--text-dimmer);
+  flex-shrink: 0;
+}
+
+.sched-accordion.has-value .sched-accordion-icon {
+  color: var(--accent);
+}
+
+.sched-accordion-text {
+  display: flex;
+  flex-direction: column;
+}
+
+.sched-accordion-title {
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 1.2;
+}
+
+.sched-accordion-subtitle {
+  font-size: 11px;
+  color: var(--text-dimmer);
+  line-height: 1.3;
+  margin-top: 1px;
+}
+
+.sched-accordion-header-right {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+
+.sched-accordion-clear {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+  color: var(--text-dimmer);
+  transition: background 0.12s, color 0.12s;
+}
+
+.sched-accordion-clear:hover {
+  background: var(--hover);
+  color: var(--text);
+}
+
+.sched-accordion-clear .lucide {
+  width: 12px;
+  height: 12px;
+}
+
+.sched-accordion-clear.hidden {
+  display: none;
+}
+
+.sched-accordion-chevron {
+  width: 14px;
+  height: 14px;
+  color: var(--text-dimmer);
+  flex-shrink: 0;
+  transition: transform 0.2s ease;
+}
+
+.sched-accordion.open .sched-accordion-chevron {
+  transform: rotate(90deg);
+}
+
+.sched-accordion-body {
+  padding: 4px 14px 10px 39px;
+}
+
+.sched-accordion-body.hidden {
+  display: none;
+}
+
 /* --- Bottom bar --- */
 .sched-create-bottom {
   display: flex;
@@ -1061,7 +1216,7 @@
   max-width: 100px;
 }
 
-.sched-custom-repeat-panel .sched-field-select {
+.sched-accordion-body .sched-field-select {
   padding: 5px 26px 5px 8px;
   font-size: 12px;
   border-radius: 6px;

package/lib/public/css/scheduler.css

@@ -1103,6 +1103,12 @@
   overflow-y: auto;
   padding: 20px 24px;
 }
+
+.scheduler-detail-body:has(.scheduler-file-editor) {
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
 .scheduler-detail-loading {
   padding: 32px;
   text-align: center;
@@ -1114,6 +1120,81 @@
   line-height: 1.6;
   color: var(--text);
 }
+
+.scheduler-file-toolbar {
+  display: flex;
+  justify-content: flex-end;
+  gap: 8px;
+  margin-bottom: 12px;
+}
+
+.scheduler-file-edit-btn,
+.scheduler-file-save-btn,
+.scheduler-file-cancel-btn {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  padding: 4px 10px;
+  font-size: 12px;
+  border-radius: 6px;
+  border: 1px solid var(--border);
+  background: var(--bg-secondary);
+  color: var(--text-secondary);
+  cursor: pointer;
+  transition: background 0.15s, border-color 0.15s;
+}
+
+.scheduler-file-edit-btn:hover,
+.scheduler-file-cancel-btn:hover {
+  border-color: var(--text-dimmer);
+  background: var(--hover);
+}
+
+.scheduler-file-save-btn {
+  background: var(--accent);
+  color: #fff;
+  border-color: var(--accent);
+}
+
+.scheduler-file-save-btn:hover {
+  opacity: 0.9;
+}
+
+.scheduler-file-edit-btn .lucide,
+.scheduler-file-save-btn .lucide,
+.scheduler-file-cancel-btn .lucide {
+  width: 12px;
+  height: 12px;
+}
+
+.scheduler-file-editor {
+  width: 100%;
+  flex: 1;
+  min-height: 0;
+  padding: 12px;
+  font-family: "SF Mono", "Fira Code", "Consolas", monospace;
+  font-size: 13px;
+  line-height: 1.6;
+  color: var(--text);
+  background: var(--bg-secondary);
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  resize: none;
+  outline: none;
+}
+
+.scheduler-file-editor:focus {
+  border-color: var(--accent);
+}
+
+.scheduler-model-settings {
+  max-width: 640px;
+  margin: 0 auto;
+}
+
+.scheduler-model-settings .settings-card {
+  margin-bottom: 16px;
+}
 .scheduler-detail-meta {
   display: grid;
   grid-template-columns: auto 1fr;