clay-server 4.1.0-beta.6 → 4.1.0-beta.7

package/lib/public/css/issues.css

@@ -0,0 +1,101 @@
+#issues-panel { position: relative; width: 48%; max-width: 760px; min-width: 360px; height: calc(100% - 16px); margin: 8px; align-self: center; display: flex; flex-direction: column; background: var(--bg); color: var(--text); border: 1px solid var(--border); border-radius: 12px; overflow: hidden; flex-shrink: 0; }
+#issues-panel.hidden { display: none; }
+#issues-panel.issues-wide { width: 70%; max-width: 1200px; }
+#issues-panel.panel-fullscreen { width: 100%; max-width: none; height: 100%; margin: 0; }
+#issues-panel header { height: 48px; box-sizing: border-box; display: flex; align-items: center; gap: 12px; padding: 0 16px; border-bottom: 1px solid var(--border-subtle); flex: 0 0 auto; }
+#issues-panel .issues-title { display: inline-flex; align-items: center; gap: 7px; font-weight: 700; }
+#issues-panel .issues-title .lucide { width: 15px; color: var(--accent); }
+#issues-panel .issues-subtitle { flex: 1; color: var(--text-dimmer); font-size: 12px; }
+#issues-panel .issues-window-actions { display: inline-flex; align-items: center; gap: 6px; margin-left: auto; }
+#issues-panel .issues-icon-btn { width: 30px; height: 30px; display: inline-flex; align-items: center; justify-content: center; padding: 0; border-radius: 7px; background: var(--bg-alt); color: var(--text-secondary); }
+#issues-panel .issues-icon-btn .lucide { width: 15px; }
+#issues-panel .issues-icon-btn.hidden { display: none; }
+#issues-panel .issues-icon-btn[aria-pressed="true"] { border-color: var(--accent); color: var(--accent); }
+#issues-panel button, #issues-panel input, #issues-panel textarea, #issues-panel select { font: inherit; color: inherit; background: var(--bg); border: 1px solid var(--border); border-radius: 6px; padding: 8px 10px; }
+#issues-panel button { cursor: pointer; }
+#issues-panel button:hover { background: var(--bg-hover, rgba(128,128,128,.12)); }
+#issues-panel button:disabled { opacity: .5; cursor: wait; }
+#issues-panel :focus-visible { outline: 2px solid var(--accent, #b98655); outline-offset: 2px; }
+.issues-filters { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; padding: 12px 14px; border-bottom: 1px solid var(--border-subtle); background: color-mix(in srgb, var(--bg-alt) 72%, transparent); }
+.issues-search { flex: 1; min-width: 120px; height: 36px; display: flex; align-items: center; gap: 8px; padding: 0 10px; border: 1px solid var(--border); border-radius: 6px; background: var(--bg); color: var(--text-dimmer); }
+.issues-search .lucide { width: 14px; }
+#issues-panel .issues-search input { width: 100%; min-width: 0; border: 0 !important; outline: 0; background: transparent !important; padding: 0 !important; font-size: 12px; line-height: 1.6; }
+#issues-panel .issues-filters select { font-size: 12px; line-height: normal; }
+.issues-content { flex: 1; overflow: auto; padding: 0; min-height: 0; }
+.issues-notice { margin: 0; padding: 0 16px; font-size: 12px; color: var(--text-muted); }
+.issue-row { display: block; width: 100%; text-align: left; margin: 0; padding: 15px 18px 14px !important; border: 0 !important; border-bottom: 1px solid var(--border-subtle) !important; border-left: 2px solid transparent !important; border-radius: 0 !important; background: transparent !important; }
+.issue-row:hover { background: color-mix(in srgb, var(--accent) 5%, transparent) !important; border-left-color: var(--accent) !important; }
+.issue-row-head { display: flex; align-items: center; gap: 8px; margin-bottom: 7px; }
+.issue-type { padding: 2px 7px; border-radius: 999px; background: rgba(var(--overlay-rgb), .08); color: var(--text-secondary); font-size: 10px; font-weight: 700; text-transform: uppercase; }
+.issue-row strong { display: block; font-size: 14px; }
+.issue-row p { margin: 7px 0 0; color: var(--text-secondary); font-size: 12.5px; line-height: 1.55; }
+.issue-row small, .issue-detail small { color: var(--text-muted); }
+.issue-row small { font-size: 10.5px; font-family: var(--font-mono); }
+.issue-status { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; letter-spacing: .03em; }
+.issue-status::before { content: ''; width: 7px; height: 7px; border: 1px solid currentColor; border-radius: 50%; }
+[data-status="in_progress"] { color: #bd923f; }
+[data-status="resolved"] { color: #479b77; }
+[data-status="closed"] { color: var(--text-muted); }
+.issue-detail { max-width: 760px; margin: 0 auto; padding: 32px 28px 52px; }
+.issue-detail h2 { margin: 10px 0; font-family: var(--font-display); font-size: clamp(24px, 2.8vw, 34px); line-height: 1.12; }
+.issue-detail > p { font-size: 14px; line-height: 1.6; }
+.issue-detail > small { font-size: 11px; font-family: var(--font-mono); }
+.issue-detail .markdown-body { margin: 24px 0; }
+.issue-detail .markdown-body { font-size: 14px; line-height: 1.75; }
+.issue-detail section { margin-top: 24px; overflow-wrap: anywhere; }
+.issue-detail h3 { font-size: 12px; color: var(--text-muted); }
+#issues-panel .issue-discussion { border-top: 1px solid var(--border-subtle); }
+#issues-panel .issue-comment { padding: 12px 0; border-bottom: 1px solid var(--border-subtle); }
+#issues-panel .issue-comment-meta { color: var(--text-muted); font: 10.5px/1.4 var(--font-mono); }
+#issues-panel .issue-comment p { margin: 6px 0 0; font-size: 13px; line-height: 1.55; white-space: pre-wrap; overflow-wrap: anywhere; }
+#issues-panel .issue-comment small { display: block; margin-top: 7px; color: var(--text-dimmer); font-size: 11px; }
+#issues-panel .issue-discussion-empty { color: var(--text-muted); font-size: 13px; }
+#issues-panel #issue-comment-form { margin-top: 16px; }
+#issues-panel #issue-comment-form label { display: block; margin-bottom: 6px; color: var(--text-muted); font-size: 11px; }
+#issues-panel #issue-comment-input { width: 100%; box-sizing: border-box; min-height: 76px; resize: vertical; font-size: 13px; line-height: 1.55; }
+#issues-panel .issue-comment-status { min-height: 1.4em; margin: 6px 0; color: var(--text-muted); font-size: 11px; }
+#issues-panel .issues-delete-dialog { position: absolute; inset: 0; z-index: 2; display: grid; place-items: center; padding: 24px; background: rgba(0, 0, 0, .38); }
+#issues-panel .issues-delete-dialog.hidden { display: none; }
+#issues-panel .issues-delete-card { width: min(360px, 100%); box-sizing: border-box; padding: 22px; border: 1px solid var(--border); border-radius: 10px; background: var(--bg); box-shadow: 0 14px 40px rgba(0, 0, 0, .24); }
+#issues-panel .issues-delete-card h2 { margin: 0 0 8px; font-family: var(--font-display); font-size: 18px; }
+#issues-panel .issues-delete-card p { margin: 8px 0; color: var(--text-secondary); font-size: 13px; line-height: 1.5; }
+#issues-panel .issues-delete-card .issues-delete-title { color: var(--text); font-weight: 700; overflow-wrap: anywhere; }
+#issues-panel .issues-delete-status { min-height: 1.4em; color: var(--text-muted); font-size: 11px; }
+#issues-panel .issues-delete-card > div { display: flex; justify-content: flex-end; gap: 8px; margin-top: 18px; }
+.issue-actions, .issue-fields { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
+#issues-panel .issue-detail .issue-actions button { font-size: 12px; line-height: normal; }
+#issue-form label { display: flex; flex-direction: column; gap: 6px; margin-bottom: 14px; font-size: 12px; }
+#issue-form textarea { resize: vertical; min-height: 60px; }
+#issue-form input, #issue-form textarea { width: 100%; box-sizing: border-box; }
+#issues-panel [hidden] { display: none !important; }
+.issues-empty { padding: 48px 12px; text-align: center; color: var(--text-muted); }
+.issues-empty .lucide { width: 28px; color: var(--accent); }
+.issues-empty h2 { margin: 12px 0 6px; font-family: var(--font-display); color: var(--text); }
+.issues-empty p { max-width: 300px; margin: 0 auto 18px; line-height: 1.6; }
+.issues-empty button { border-color: var(--accent) !important; background: var(--accent) !important; color: #fff !important; font-weight: 700; }
+.issues-edit-note { margin: 0 0 18px; padding: 10px 12px; border-left: 2px solid var(--accent); background: rgba(var(--overlay-rgb), .04); color: var(--text-secondary); font-size: 12px; line-height: 1.55; }
+#issues-panel #issue-form { box-sizing: border-box; padding: 8px 28px 24px; }
+.issues-content > h2 { padding: 0 28px; }
+.issues-content > h2 { margin: 0 0 10px; font-family: var(--font-display); font-size: 14px; line-height: 1.2; }
+.issues-history-note { margin: 0; padding: 14px 18px; border-bottom: 1px solid var(--border-subtle); color: var(--text-dimmer); font-size: 11px; font-family: var(--font-mono); }
+.clayos-issue-link { display: inline-flex; max-width: 100%; border: 1px solid var(--border); border-radius: 5px; background: var(--bg); color: inherit; font: inherit; font-size: .85em; padding: 2px 7px; cursor: pointer; vertical-align: baseline; overflow-wrap: anywhere; }
+@media (max-width: 1023px) { #issues-panel, #issues-panel.issues-wide { position: fixed; inset: 0; z-index: 150; width: 100%; max-width: none; min-width: 0; height: 100%; margin: 0; border-radius: 0; padding-top: var(--safe-top, 0px); padding-bottom: var(--safe-bottom, 0px); box-sizing: border-box; } #issues-panel button { min-height: 36px; } }
+@media (max-width: 390px) {
+  #issues-panel header { gap: 4px; padding: 8px; }
+  #issues-panel header button { padding: 7px; }
+  #issues-panel [data-issues-wide], #issues-panel [data-issues-full] { display: none; }
+  .issues-filters { display: grid; grid-template-columns: 1fr 1fr; padding: 8px; }
+  .issues-filters .issues-search { grid-column: 1 / -1; width: 100%; box-sizing: border-box; }
+  .issues-content { padding: 10px; }
+  .issue-row { padding: 12px !important; }
+  .issue-detail h2 { font-size: 20px; }
+}
+@media (max-width: 768px) {
+  #issues-panel .issues-subtitle { display: none; }
+  #issues-panel header { gap: 8px; padding: 0 12px; }
+  .issues-filters { padding: 10px 12px; }
+  .issue-row { padding: 14px 14px 13px !important; }
+  #issues-panel #issue-form { padding-right: 18px; padding-left: 18px; }
+  .issues-content > h2 { padding-right: 18px; padding-left: 18px; }
+  .issue-detail { padding: 24px 18px 38px; }
+}

package/lib/public/css/messages.css

@@ -489,6 +489,25 @@ pre:hover .code-copy-btn { opacity: 1; }
   text-decoration: underline;
 }
 
+.clay-file-link {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  max-width: 100%;
+  padding: 2px 7px;
+  border: 1px solid var(--border-subtle);
+  border-radius: 6px;
+  background: rgba(var(--overlay-rgb), 0.05);
+  color: var(--link);
+  font: inherit;
+  cursor: pointer;
+  vertical-align: baseline;
+}
+.clay-file-link:hover, .clay-file-link:focus-visible { background: var(--accent-bg); color: var(--link-hover); }
+.clay-file-link-icon { width: 14px; height: 14px; flex: 0 0 14px; }
+.clay-file-link-label { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.clay-file-link-notice { margin-top: 5px; color: var(--text-secondary); font-size: 12px; }
+
 .md-content ul, .md-content ol {
   padding-left: 24px;
   margin: 10px 0;

package/lib/public/css/pending-message-queue.css

@@ -0,0 +1,187 @@
+#pending-message-queue {
+  margin: 0 7px 8px;
+  padding: 8px;
+  border: 1px solid color-mix(in srgb, var(--border) 82%, var(--accent));
+  border-radius: 13px;
+  background: color-mix(in srgb, var(--bg-alt) 74%, transparent);
+  box-shadow: inset 3px 0 0 color-mix(in srgb, var(--accent) 70%, transparent);
+}
+
+#pending-message-queue.hidden { display: none; }
+
+.pending-message-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  min-height: 24px;
+  padding: 0 3px 6px 8px;
+}
+
+.pending-message-eyebrow {
+  color: var(--text-muted);
+  font-size: 10px;
+  font-weight: 700;
+  letter-spacing: 0.11em;
+  text-transform: uppercase;
+}
+
+.pending-message-count {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 18px;
+  height: 18px;
+  margin-left: 7px;
+  padding: 0 5px;
+  border-radius: 9px;
+  background: rgba(var(--overlay-rgb), 0.08);
+  color: var(--text-secondary);
+  font-size: 10px;
+  font-weight: 700;
+}
+
+.pending-message-resume {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  height: 25px;
+  padding: 0 9px;
+  border: 1px solid color-mix(in srgb, var(--accent) 50%, var(--border));
+  border-radius: 8px;
+  background: color-mix(in srgb, var(--accent) 12%, transparent);
+  color: var(--accent);
+  font: inherit;
+  font-size: 11px;
+  font-weight: 650;
+  cursor: pointer;
+}
+
+.pending-message-resume .lucide { width: 12px; height: 12px; fill: currentColor; }
+.pending-message-resume:hover { background: color-mix(in srgb, var(--accent) 19%, transparent); }
+
+.pending-message-list {
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+  max-height: min(230px, 28vh);
+  overflow-y: auto;
+  overscroll-behavior: contain;
+  scrollbar-width: thin;
+}
+
+.pending-message-chip {
+  display: grid;
+  grid-template-columns: 22px 24px minmax(0, 1fr) auto;
+  align-items: center;
+  flex: 0 0 auto;
+  min-height: 46px;
+  border: 1px solid var(--border-subtle);
+  border-radius: 10px;
+  background: color-mix(in srgb, var(--bg) 90%, var(--bg-alt));
+  transition: border-color 120ms ease, background 120ms ease, transform 120ms ease;
+}
+
+.pending-message-chip:hover { border-color: var(--border); }
+.pending-message-chip.is-claimed { background: color-mix(in srgb, var(--accent) 5%, var(--bg)); }
+.pending-message-chip.is-dragging { opacity: 0.62; transform: scale(0.992); }
+.pending-message-chip.is-drop-target { border-color: var(--accent); background: color-mix(in srgb, var(--accent) 8%, var(--bg)); }
+
+.pending-message-number {
+  align-self: stretch;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-right: 1px solid var(--border-subtle);
+  color: var(--text-dimmer);
+  font-size: 10px;
+  font-variant-numeric: tabular-nums;
+}
+
+.pending-message-drag,
+.pending-message-actions button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 28px;
+  padding: 0;
+  border: 0;
+  border-radius: 7px;
+  background: transparent;
+  color: var(--text-dimmer);
+}
+
+button.pending-message-drag { cursor: grab; touch-action: none; }
+button.pending-message-drag:active { cursor: grabbing; }
+.pending-message-drag.is-static { pointer-events: none; }
+.pending-message-drag .lucide,
+.pending-message-actions .lucide { width: 14px; height: 14px; }
+.pending-message-chip.is-claimed .pending-message-drag .lucide { animation: spin 1.2s linear infinite; }
+
+.pending-message-content { min-width: 0; padding: 7px 7px 7px 3px; overflow: visible; }
+.pending-message-preview { overflow: hidden; color: var(--text); font-size: 12px; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap; }
+.pending-message-image-strip,
+.pending-message-image-editor { display: flex; flex-wrap: wrap; gap: 5px; min-height: 36px; margin-top: 6px; align-items: center; }
+.pending-message-image-thumb { display: inline-flex; width: 38px; height: 30px; padding: 0; overflow: hidden; border: 1px solid var(--border); border-radius: 6px; background: var(--bg); cursor: zoom-in; }
+.pending-message-image-thumb img { width: 100%; height: 100%; object-fit: cover; }
+.pending-message-image-item { display: inline-flex; align-items: center; gap: 3px; }
+.pending-message-image-item button:not(.pending-message-image-thumb), .pending-message-add-image { border: 1px solid var(--border); border-radius: 6px; padding: 3px 5px; background: transparent; color: var(--text-secondary); font: inherit; font-size: 9px; cursor: pointer; }
+.pending-message-image-item button:last-child { color: var(--error); }
+.pending-message-image-reading { margin-top: 4px; color: var(--text-dimmer); font-size: 10px; }
+.pending-message-image-backdrop { position: fixed; z-index: 1000; inset: 0; display: flex; align-items: center; justify-content: center; padding: 24px; background: rgba(0, 0, 0, .78); }
+.pending-message-image-backdrop img { max-width: min(92vw, 1100px); max-height: 86vh; object-fit: contain; border-radius: 8px; box-shadow: 0 18px 60px rgba(0,0,0,.4); }
+.pending-message-image-close { position: fixed; top: 18px; right: 18px; border: 1px solid rgba(255,255,255,.35); border-radius: 7px; padding: 6px 10px; background: rgba(0,0,0,.35); color: white; cursor: pointer; }
+.pending-message-meta { display: flex; gap: 8px; margin-top: 3px; color: var(--text-dimmer); font-size: 9px; line-height: 1.2; }
+.pending-message-meta span + span::before { content: "·"; margin-right: 8px; }
+.pending-message-sending { color: var(--accent); font-weight: 650; }
+
+.pending-message-actions { display: flex; align-items: center; gap: 1px; padding-right: 5px; }
+.pending-message-actions button { cursor: pointer; }
+.pending-message-actions button:hover { background: rgba(var(--overlay-rgb), 0.07); color: var(--text); }
+.pending-message-actions button:last-child:hover { color: var(--error); }
+
+.pending-message-editor {
+  display: block;
+  width: 100%;
+  min-height: 48px;
+  resize: vertical;
+  border: 1px solid var(--accent);
+  border-radius: 7px;
+  outline: 0;
+  padding: 6px 8px;
+  background: var(--bg);
+  color: var(--text);
+  font: inherit;
+  font-size: 12px;
+  line-height: 1.35;
+}
+
+.pending-message-editor:focus { box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 16%, transparent); }
+.pending-message-edit-actions { display: flex; justify-content: flex-end; gap: 5px; margin-top: 6px; }
+.pending-message-edit-actions button { border: 1px solid var(--border); border-radius: 7px; padding: 4px 8px; background: transparent; color: var(--text-secondary); font: inherit; font-size: 10px; cursor: pointer; }
+.pending-message-edit-actions button.is-primary { border-color: var(--accent); background: var(--accent); color: var(--accent-text, white); }
+.pending-message-error,
+.pending-message-banner-error { color: var(--error); font-size: 10px; line-height: 1.35; }
+.pending-message-error { margin-top: 4px; }
+.pending-message-banner-error { padding: 0 8px 6px; }
+
+.pending-message-drag:focus-visible,
+.pending-message-actions button:focus-visible,
+.pending-message-resume:focus-visible,
+.pending-message-edit-actions button:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
+
+@media (max-width: 600px) {
+  #pending-message-queue { margin: 0 3px 6px; padding: 6px; border-radius: 12px; }
+  .pending-message-head { padding-left: 6px; }
+  .pending-message-list { max-height: min(196px, 24vh); }
+  .pending-message-chip { grid-template-columns: 20px 28px minmax(0, 1fr) auto; min-height: 44px; }
+  .pending-message-drag { width: 28px; height: 34px; }
+  .pending-message-actions button { width: 30px; height: 34px; }
+  .pending-message-meta { gap: 5px; }
+  .pending-message-meta span + span::before { margin-right: 5px; }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .pending-message-chip { transition: none; }
+  .pending-message-chip.is-claimed .pending-message-drag .lucide { animation: none; }
+}

package/lib/public/css/scheduled-tasks.css

@@ -27,9 +27,8 @@
 .scheduled-tasks-create-menu.hidden { display: none; }
 .scheduled-tasks-create-menu button { width: 100%; padding: 8px 9px; border: 0; border-radius: 5px; background: transparent; color: var(--text); font: inherit; font-size: 12px; text-align: left; cursor: pointer; }
 .scheduled-tasks-create-menu button:hover, .scheduled-tasks-create-menu button:focus-visible { outline: 0; background: var(--bg-alt); }
-.scheduled-task-engine { display: grid; grid-template-columns: auto minmax(86px, .7fr) minmax(120px, 1.4fr) minmax(96px, .8fr); align-items: center; gap: 7px; padding: 8px 14px; border-bottom: 1px solid var(--border-subtle); background: var(--bg-alt); }
-.scheduled-task-engine > span { color: var(--text-dimmer); font-size: 10px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
-.scheduled-task-engine select { box-sizing: border-box; min-width: 0; height: 30px; padding: 0 26px 0 8px; border: 1px solid var(--border); border-radius: 7px; background: var(--bg); color: var(--text-secondary); font: inherit; font-size: 11px; }
+.scheduled-task-default-ai { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 14px; border-bottom: 1px solid var(--border-subtle); background: var(--bg-alt); color: var(--text-dimmer); font-size: 11px; }
+.scheduled-task-default-ai button { border: 0; background: transparent; color: var(--accent); font: inherit; font-weight: 700; cursor: pointer; }
 .scheduled-tasks-list { flex: 1; min-height: 0; overflow-y: auto; }
 .scheduled-task-row { border-bottom: 1px solid var(--border-subtle); border-left: 2px solid transparent; }
 .scheduled-task-row:not(.paused) { border-left-color: var(--brand-green); }
@@ -120,4 +119,4 @@ label.scheduled-task-checkbox small { grid-column: 2; color: var(--text-dimmer);
 .scheduled-task-delete-confirm { display: grid; gap: 7px; padding: 13px; border: 1px solid color-mix(in srgb, var(--danger) 35%, var(--border)); border-radius: 8px; background: color-mix(in srgb, var(--danger) 5%, var(--bg)); color: var(--text); font-size: 12px; }
 .scheduled-task-delete-confirm > div { display: flex; justify-content: flex-end; gap: 7px; }
 .scheduled-tasks-empty { max-width: 330px; margin: 54px auto; padding: 20px; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); color: var(--text-dimmer); font-size: 12px; text-align: center; line-height: 1.7; }
-@media (max-width: 700px) { .scheduled-tasks-topbar { gap: 6px; padding: 0 8px; } .scheduled-tasks-title { font-size: 13px; } .scheduled-tasks-new { padding: 0 8px; } .scheduled-task-engine { grid-template-columns: 1fr 1fr; padding: 8px; } .scheduled-task-engine > span { grid-column: 1 / -1; } .scheduled-task-engine [data-engine="model"] { grid-column: 1 / -1; } .scheduled-task-summary { grid-template-columns: 9px minmax(0,1fr) 18px; padding: 11px 10px; } .scheduled-task-summary-meta { display: grid; gap: 2px; } .scheduled-task-detail { padding-left: 29px; padding-right: 10px; } .scheduled-task-date-time { grid-template-columns: minmax(0, 1fr) minmax(100px, .65fr); } .scheduled-task-repeat-controls { grid-template-columns: 1fr; } .scheduled-task-repeat-controls > label, .scheduled-task-repeat-controls [data-repeat-control] { grid-column: 1 / -1; } .scheduled-task-weekdays { gap: 3px; } .scheduled-task-weekdays span { min-height: 27px; } .scheduled-task-runtime-row { grid-template-areas: "role vendor vendor" ". model effort"; grid-template-columns: 88px minmax(0,1fr) minmax(96px,.72fr); } }
+@media (max-width: 700px) { .scheduled-tasks-topbar { gap: 6px; padding: 0 8px; } .scheduled-tasks-title { font-size: 13px; } .scheduled-tasks-new { padding: 0 8px; } .scheduled-task-default-ai { padding: 8px; } .scheduled-task-summary { grid-template-columns: 9px minmax(0,1fr) 18px; padding: 11px 10px; } .scheduled-task-summary-meta { display: grid; gap: 2px; } .scheduled-task-detail { padding-left: 29px; padding-right: 10px; } .scheduled-task-date-time { grid-template-columns: minmax(0, 1fr) minmax(100px, .65fr); } .scheduled-task-repeat-controls { grid-template-columns: 1fr; } .scheduled-task-repeat-controls > label, .scheduled-task-repeat-controls [data-repeat-control] { grid-column: 1 / -1; } .scheduled-task-weekdays { gap: 3px; } .scheduled-task-weekdays span { min-height: 27px; } .scheduled-task-runtime-row { grid-template-areas: "role vendor vendor" ". model effort"; grid-template-columns: 88px minmax(0,1fr) minmax(96px,.72fr); } }

package/lib/public/index.html

@@ -32,6 +32,7 @@
 </script>
 <script>if(window.navigator.standalone||window.matchMedia("(display-mode:standalone)").matches){document.documentElement.classList.add("pwa-standalone")}</script>
   <link rel="stylesheet" href="style.css?v=20260913-scheduled-tasks4">
+  <link rel="stylesheet" href="css/default-ai.css">
 <style>
 @media(max-width:768px){
   /* User messages: vertical stack, avatar on top, right-aligned */
@@ -57,7 +58,7 @@
     <div class="top-bar-left-pills">
       <button id="pwa-install-pill" class="top-bar-install-btn hidden" title="Open as app"><i data-lucide="download"></i> Open as app</button>
       <div id="ext-pill-wrap" class="ext-pill-wrap">
-        <button id="ext-pill" class="top-bar-ext-btn" title="Chrome Extension"><i data-lucide="puzzle"></i> Extension</button>
+        <button id="ext-pill" class="top-bar-ext-btn hidden" title="Chrome Extension"><i data-lucide="puzzle"></i> Extension</button>
         <div id="ext-popover" class="ext-popover">
           <div class="ext-popover-header">
             <div class="ext-popover-title">Clay for Chrome <span class="ext-experimental">Experimental</span></div>
@@ -522,6 +523,7 @@
     <button id="new-msg-btn" class="hidden" aria-label="Scroll to bottom"></button>
     <div id="input-area">
       <div id="input-wrapper">
+        <section id="pending-message-queue" class="hidden" aria-label="Pending message queue" aria-live="polite"></section>
         <div id="autonomous-run-status" class="autonomous-run-status hidden" role="status">
           <button id="autonomous-run-toggle" type="button" class="autonomous-run-summary" aria-label="Show Loop details">
             <span class="autonomous-run-mark" aria-hidden="true"></span>
@@ -553,23 +555,30 @@
           </div>
           <div id="input-bottom">
             <div id="attach-wrap">
-              <button id="input-more-btn" type="button" aria-label="More options" title="More options" class="mobile-only"><i data-lucide="plus"></i></button>
-              <button id="attach-file-btn" type="button" aria-label="Attach file" title="Attach file" class="desktop-only"><i data-lucide="paperclip"></i></button>
-              <button id="attach-image-btn" type="button" aria-label="Attach image" title="Attach image" class="desktop-only"><i data-lucide="image"></i></button>
-              <button id="shell-command-btn" type="button" aria-label="Run shell command" aria-pressed="false" title="Run a shell command and add its output to the next agent message" class="desktop-only"><i data-lucide="square-terminal"></i></button>
-              <button id="stt-btn" type="button" aria-label="Voice input" title="Voice input"><i data-lucide="mic"></i></button>
-              <button id="schedule-btn" type="button" aria-label="Schedule message" title="Schedule message"><i data-lucide="clock"></i></button>
-              <button id="ask-mate-btn" type="button" aria-label="Ask Mate" title="Ask a Mate for advice on this session"><i data-lucide="at-sign"></i></button>
-              <div id="context-sources-btn-wrap" class="desktop-only">
-                <button id="context-sources-add" type="button" aria-label="Add context" title="Add context sources"><i data-lucide="library"></i></button>
-                <div id="context-sources-picker" class="hidden">
-                  <div class="context-picker-section" id="context-picker-email"></div>
-                  <div class="context-picker-section" id="context-picker-terminals"></div>
-                  <div class="context-picker-section" id="context-picker-tabs"></div>
+              <div class="composer-tool-group composer-tool-group-inputs" role="group" aria-label="Inputs and context">
+                <button id="input-more-btn" type="button" aria-label="More options" title="More options" class="mobile-only"><i data-lucide="plus"></i></button>
+                <button id="attach-file-btn" type="button" aria-label="Attach file" title="Attach file" class="desktop-only"><i data-lucide="paperclip"></i></button>
+                <button id="attach-image-btn" type="button" aria-label="Attach image" title="Attach image" class="desktop-only"><i data-lucide="image"></i></button>
+                <button id="stt-btn" type="button" aria-label="Voice input" title="Voice input"><i data-lucide="mic"></i></button>
+                <div id="context-sources-btn-wrap" class="desktop-only">
+                  <button id="context-sources-add" type="button" aria-label="Add context" title="Add context sources"><i data-lucide="library"></i></button>
+                  <div id="context-sources-picker" class="hidden">
+                    <div class="context-picker-section" id="context-picker-email"></div>
+                    <div class="context-picker-section" id="context-picker-terminals"></div>
+                    <div class="context-picker-section" id="context-picker-tabs"></div>
+                  </div>
                 </div>
               </div>
-              <button id="composer-add-worker-btn" type="button" class="composer-session-action desktop-only" aria-label="Add Split Worker" title="Add Split Worker"><i data-lucide="bot"></i></button>
-              <button id="composer-handoff-btn" type="button" class="composer-session-action desktop-only" aria-label="Continue in another agent" title="Continue in another agent"><i data-lucide="send"></i></button>
+              <div class="composer-tool-group composer-tool-group-collaboration" role="group" aria-label="Collaboration">
+                <button id="ask-mate-btn" type="button" aria-label="Ask Mate" title="Ask a Mate for advice on this session"><i data-lucide="at-sign"></i></button>
+                <button id="composer-add-worker-btn" type="button" class="composer-session-action desktop-only" aria-label="Add Split Worker" title="Add Split Worker"><i data-lucide="bot"></i></button>
+                <button id="composer-handoff-btn" type="button" class="composer-session-action desktop-only" aria-label="Continue in another agent" title="Continue in another agent"><i data-lucide="send"></i></button>
+              </div>
+              <div class="composer-tool-group composer-tool-group-execution" role="group" aria-label="Execution">
+                <button id="shell-command-btn" type="button" aria-label="Run shell command" aria-pressed="false" title="Run a shell command and add its output to the next agent message" class="desktop-only"><i data-lucide="square-terminal"></i></button>
+                <button id="schedule-btn" type="button" aria-label="Schedule message" title="Schedule message"><i data-lucide="clock"></i></button>
+                <button id="loop-interview-btn" type="button" class="composer-session-action hidden" aria-label="Start Loop interview" title="Start a Loop interview with the Driver"><i data-lucide="repeat-2"></i></button>
+              </div>
             </div>
             <div id="input-bottom-right">
               <div id="active-vendor-indicator" class="hidden" title="Session vendor">
@@ -626,7 +635,6 @@
                   </div>
                 </div>
               </div>
-              <button id="loop-interview-btn" type="button" class="composer-session-action hidden" aria-label="Start Loop interview" title="Start a Loop interview with the Driver"><i data-lucide="repeat-2"></i></button>
               <button id="send-btn" disabled aria-label="Send"><i data-lucide="arrow-up"></i></button>
             </div>
           </div>

package/lib/public/modules/app-connection.js

@@ -16,6 +16,7 @@ import { requestHomeDockPreference } from './home-dock.js';
 import { resumeHomeChat } from './home-mate-chat.js';
 import { requestHomeSurfacePreference } from './home-surface.js';
 import { isHomeDebatesSurface } from './home-sub-surface.js';
+import { beginDefaultAiConnection, requestDefaultAi } from './default-ai.js';
 
 var reconnectTimer = null;
 var reconnectDelay = 1000;
@@ -274,6 +275,8 @@ export function connect() {
     };
 
     onConnected();
+    beginDefaultAiConnection();
+    requestDefaultAi();
   };
 
   newWs.onclose = function (e) {

package/lib/public/modules/app-cursors.js

@@ -8,7 +8,6 @@ import { getMessagesEl } from './dom-refs.js';
 import { registerTooltip } from './tooltip.js';
 
 // --- Module-owned state ---
-var cursorSharingEnabled = localStorage.getItem("cursorSharing") !== "off";
 var remoteCursors = {}; // userId -> { el, indicator, timer, lastY, active }
 var cursorThrottleTimer = null;
 var CURSOR_THROTTLE_MS = 30;
@@ -217,7 +216,7 @@ export function initCursorToggle() {
   }
 
   function updateToggleStyle() {
-    if (cursorSharingEnabled) {
+    if (store.get("cursorSharingHydrated") && store.get("cursorSharingEnabled")) {
       btn.classList.remove("off");
       btn.classList.add("on");
       registerTooltip(btn, "Cursor sharing on");
@@ -228,18 +227,21 @@ export function initCursorToggle() {
     }
   }
 
+  store.subscribe(function (state, prev) {
+    if (state.cursorSharingEnabled !== prev.cursorSharingEnabled || state.cursorSharingHydrated !== prev.cursorSharingHydrated) {
+      updateToggleStyle();
+    }
+  });
+
   updateToggleStyle();
   lucide.createIcons({ nodes: [btn] });
 
   btn.addEventListener("click", function () {
-    cursorSharingEnabled = !cursorSharingEnabled;
-    localStorage.setItem("cursorSharing", cursorSharingEnabled ? "on" : "off");
-    updateToggleStyle();
+    if (!store.get("cursorSharingHydrated")) return;
+    var next = !store.get("cursorSharingEnabled");
     var ws = getWs();
-    if (!cursorSharingEnabled && ws && ws.readyState === 1) {
-      ws.send(JSON.stringify({ type: "cursor_leave" }));
-      ws.send(JSON.stringify({ type: "text_select", ranges: [] }));
-    }
+    if (!ws || ws.readyState !== 1) return;
+    ws.send(JSON.stringify({ type: "cursor_sharing_set", enabled: next, requestId: "cursor-sharing-" + Date.now() }));
   });
 }
 
@@ -384,11 +386,26 @@ export function clearRemoteCursors() {
 export function initCursors() {
   var messagesEl = getMessagesEl();
 
+  store.subscribe(function (state, prev) {
+    var disconnected = state.connected === false && prev.connected !== false;
+    var identityChanged = state.myUserId !== prev.myUserId;
+    if (disconnected || identityChanged) {
+      if (cursorThrottleTimer) { clearTimeout(cursorThrottleTimer); cursorThrottleTimer = null; }
+      if (selectionThrottleTimer) { clearTimeout(selectionThrottleTimer); selectionThrottleTimer = null; }
+      lastSelectionKey = "";
+      store.set({ cursorSharingEnabled: false, cursorSharingHydrated: false, cursorSharingAccountId: null });
+      if (identityChanged && state.myUserId && state.connected) {
+        var ws = getWs();
+        if (ws && ws.readyState === 1) ws.send(JSON.stringify({ type: "cursor_sharing_get", requestId: "cursor-sharing-refresh-" + Date.now() }));
+      }
+    }
+  });
+
   initCursorToggle();
 
   // Track local cursor and send to server
   messagesEl.addEventListener("mousemove", function (e) {
-    if (!cursorSharingEnabled) return;
+    if (!store.get("cursorSharingHydrated") || !store.get("cursorSharingEnabled")) return;
     var ws = getWs();
     if (!ws || ws.readyState !== 1) return;
     if (cursorThrottleTimer) return;
@@ -412,7 +429,7 @@ export function initCursors() {
   });
 
   messagesEl.addEventListener("mouseleave", function () {
-    if (!cursorSharingEnabled) return;
+    if (!store.get("cursorSharingHydrated") || !store.get("cursorSharingEnabled")) return;
     var ws = getWs();
     if (!ws || ws.readyState !== 1) return;
     ws.send(JSON.stringify({ type: "cursor_leave" }));
@@ -429,7 +446,7 @@ export function initCursors() {
 
   // Track local text selection and send to server
   document.addEventListener("selectionchange", function () {
-    if (!cursorSharingEnabled) return;
+    if (!store.get("cursorSharingHydrated") || !store.get("cursorSharingEnabled")) return;
     var ws = getWs();
     if (!ws || ws.readyState !== 1) return;
     if (selectionThrottleTimer) return;

package/lib/public/modules/app-message-router.js

@@ -1,3 +1,4 @@
+import { handleIssueReference } from './clay-issue-links.js';
 // Narrow pre-router for Home and Capsule protocol responses kept out of the legacy router.
 
 import { processMessage as processAppMessage } from './app-messages.js';
@@ -10,8 +11,12 @@ import { renderProjectWorkspaceAssignment, showProjectWorkspaceAssignmentError }
 import { isHomeWorkspaceAssignmentMessage } from './workspace-assignment-routing.js';
 import { handleSearchClayMessage } from './search-clay-chat.js';
 import { handleClaySessionTarget } from './command-palette.js';
+import { handleDefaultAiMessage } from './default-ai.js';
+import { handleCursorSharingMessage } from './cursor-sharing-preference.js';
+import { handlePendingMessageQueueMessage } from './pending-message-queue.js';
 
 export function handleHomeProtocolMessage(msg) {
+  if (handleIssueReference(msg)) return true;
   if (handleClaySessionTarget(msg)) return true;
   if (isHomeWorkspaceAssignmentMessage(msg)) {
     handleHomeWorkspaceAssignment(msg);
@@ -77,6 +82,9 @@ export function handleHomeProtocolMessage(msg) {
 }
 
 export function processMessage(msg) {
+  if (handlePendingMessageQueueMessage(msg)) return;
+  if (handleDefaultAiMessage(msg)) return;
+  if (handleCursorSharingMessage(msg)) return;
   var searchHandled = handleSearchClayMessage(msg);
   if (searchHandled && (msg.type === "home_clay_activity" || msg.type === "home_mate_stopping" || msg.type.indexOf("home_mate_permission_") === 0)) return;
   if (handleHomeProtocolMessage(msg)) return;

package/lib/public/modules/app-messages.js

@@ -1,3 +1,4 @@
+import { handleIssuesMessageInContext as handleIssuesMessage } from './issues-context.js';
 // app-messages.js - WebSocket message router
 // Extracted from app.js (PR-23)
 // All dependencies are direct imports; no context injection needed.
@@ -27,7 +28,7 @@ import { syncPaneTitles, maybeRestoreSplitGroup, openGroup } from './split-view.
 import { showPairDialog, handlePairCreated, handleSplitDelegation, showWorkerDelegationNotice, hideWorkerDelegationNotice } from './split-pair-ui.js';
 import { handleSessionActionMessage } from './session-actions.js';
 import { renderWorkerProposal, updateWorkerProposal } from './worker-proposal.js';
-import { handleInputSync, autoResize, builtinCommands, setScheduleBtnDisabled, sendShellResultToAgent } from './input.js';
+import { handleInputSync, autoResize, builtinCommands, setScheduleBtnDisabled, sendShellResultToAgent, handleAcceptedOrdinaryMessage } from './input.js';
 import { startThinking, appendThinking, stopThinking, resetThinkingGroup, createToolItem, updateToolExecuting, updateToolResult, markAllToolsDone, closeToolGroup, removeToolFromGroup, resetToolState, getTools, getPlanContent, setPlanContent, renderPlanBanner, renderPlanCard, getTodoTools, handleTodoWrite, handleTaskCreate, handleTaskUpdate, applyDeadSessionTodoCompaction, isPlanFilePath, enableMainInput, addTurnMeta, updateSubagentActivity, addSubagentToolEntry, markSubagentDone, initSubagentStop, updateSubagentProgress, updateSubagentTaskStatus, renderAskUserQuestion, markAskUserAnswered, renderPermissionRequest, markPermissionCancelled, markPermissionResolved, renderElicitationRequest, markElicitationResolved, renderUserDialogRequest, markUserDialogResolved, updateThinkingTokens } from './tools.js';
 import { finishThinkingTurn, resumeThinkingAfterReplay } from './thinking-lifecycle.js';
 import { showDoneNotification, playDoneSound, isNotifAlertEnabled, isNotifSoundEnabled } from './notifications.js';
@@ -93,6 +94,7 @@ var inputEl = document.getElementById("input");
 var connectOverlay = document.getElementById("connect-overlay");
 
 export function processMessage(msg) {
+  if (handleIssuesMessage(msg)) return;
   if (handleAutonomousRunMessage(msg)) return;
   if (handleLoopInterviewMessage(msg)) return;
   if (handleScheduledTaskMessage(msg)) return;
@@ -177,17 +179,21 @@ export function processMessage(msg) {
 
     switch (msg.type) {
       case "message_ack":
+        var acknowledgedEntry = acknowledgeMessage(msg.clientMessageId);
+        var acknowledgedContext = acknowledgedEntry && acknowledgedEntry.projectSlug === store.get('currentSlug') && String(acknowledgedEntry.sessionId) === String(store.get('activeSessionId'));
+        if (msg.projectSlug && msg.projectSlug !== store.get('currentSlug')) acknowledgedContext = false;
+        if (msg.sessionId != null && String(msg.sessionId) !== String(store.get('activeSessionId'))) acknowledgedContext = false;
         var acknowledgedEl = msg.clientMessageId
           ? messagesEl.querySelector('[data-client-message-id="' + msg.clientMessageId + '"]')
           : null;
-        acknowledgeMessage(msg.clientMessageId);
-        if (!acknowledgedEl && msg.message) {
+        if (acknowledgedContext && !acknowledgedEl && msg.message) {
           addUserMessage(msg.message.text, msg.message.images || null, msg.message.pastes || null, msg.message.from, msg.message.fromName);
           var acknowledgedUsers = messagesEl.querySelectorAll(".msg-user");
           if (acknowledgedUsers.length > 0) {
             acknowledgedUsers[acknowledgedUsers.length - 1].dataset.clientMessageId = msg.clientMessageId;
           }
         }
+        if (acknowledgedContext && msg.message) handleAcceptedOrdinaryMessage();
         break;
 
       case "history_meta":
@@ -915,6 +921,9 @@ export function processMessage(msg) {
 
       case "user_message":
         if (msg._internal) break;
+        if (msg.projectSlug && msg.projectSlug !== store.get('currentSlug')) break;
+        if (msg.sessionId != null && String(msg.sessionId) !== String(store.get('activeSessionId'))) break;
+        if (msg.clientMessageId && messagesEl.querySelector('[data-client-message-id="' + msg.clientMessageId + '"]')) break;
         if (!store.get('replayingHistory')) beginMarkdownTurn();
         resetThinkingGroup();
         if (msg.planContent) {