@tea-agent/loop-agent 0.39.0-beta.7 → 0.39.0-beta.9

package/dist/worker/observe/static/styles.css

@@ -3570,71 +3570,367 @@ button.copy-command:focus-visible {
 }
 
 /* Experimental prompt-override rerun tab (only rendered with the mutation token). */
+#dag-inspector-panel-prompt-restart {
+	display: flex;
+	flex-direction: column;
+}
+.prompt-restart-panel,
 .prompt-restart-box {
 	display: flex;
 	flex-direction: column;
-	gap: 0.75rem;
-	padding: 0.5rem 0.25rem;
+	gap: var(--space-3);
+	min-width: 0;
+	flex: 1;
+}
+.prompt-restart-toolbar {
+	display: grid;
+	grid-template-columns: minmax(0, 1fr) auto;
+	gap: var(--space-3);
+	align-items: start;
+}
+.prompt-restart-mode-field {
+	min-width: 12.5rem;
+}
+.prompt-restart-banner {
+	display: flex;
+	flex-wrap: wrap;
+	align-items: center;
+	gap: 6px 10px;
+	padding: 10px 12px;
+	border: 1px solid var(--hairline);
+	border-radius: var(--radius-lg);
+	background: var(--canvas-soft);
+}
+.prompt-restart-banner.is-edit {
+	border-color: color-mix(in srgb, var(--orange) 28%, var(--hairline));
+	background: color-mix(in srgb, var(--orange-soft) 55%, var(--surface));
+}
+.prompt-restart-banner-kicker {
+	width: fit-content;
+	padding: 2px 8px;
+	border-radius: var(--radius-pill);
+	background: var(--surface-muted);
+	color: var(--muted);
+	font-size: 11px;
+	font-weight: 700;
+	letter-spacing: 0.02em;
+}
+.prompt-restart-banner.is-edit .prompt-restart-banner-kicker {
+	background: var(--orange-soft);
+	color: var(--orange-active);
+}
+.prompt-restart-banner-title,
+.prompt-restart-banner-body {
+	margin: 0;
+}
+.prompt-restart-banner-title {
+	color: var(--ink);
+	font-size: 13px;
+	font-weight: 700;
+	line-height: 1.35;
+}
+.prompt-restart-banner-body {
+	flex-basis: 100%;
+	color: var(--body);
+	font-size: 12px;
+	line-height: 1.5;
 }
 .prompt-restart-field {
 	display: flex;
 	flex-direction: column;
-	gap: 0.35rem;
+	gap: 6px;
+	min-width: 0;
+}
+.prompt-restart-field.is-hidden,
+.prompt-restart-prompt-card.is-hidden {
+	display: none;
+}
+.prompt-restart-label {
+	color: var(--ink);
+	font-size: 12px;
+	font-weight: 700;
+	letter-spacing: 0.01em;
+}
+.prompt-restart-hint {
+	margin: 0;
+	color: var(--muted);
+	font-size: 12px;
+	line-height: 1.45;
+}
+.prompt-restart-candidate-select {
+	display: block;
+	width: 100%;
+	min-width: 0;
+}
+.prompt-restart-candidate-select .custom-select-trigger {
+	width: 100%;
+}
+.prompt-restart-candidate-select .custom-select-menu {
+	z-index: 6;
+}
+.prompt-restart-mode-switch {
+	display: flex;
+	width: fit-content;
+	max-width: 100%;
+	gap: 4px;
+	padding: 4px;
+	border: 1px solid var(--hairline);
+	border-radius: var(--radius-pill);
+	background: var(--surface);
+}
+#dag-inspector-panel-prompt-restart button.prompt-restart-mode-option,
+.prompt-restart-mode-option {
+	appearance: none;
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	flex: 0 0 auto;
+	width: auto;
+	min-height: 30px;
+	height: 30px;
+	padding: 0 12px;
+	border: 1px solid transparent;
+	border-radius: var(--radius-pill);
+	background: transparent;
+	color: var(--muted);
+	font-size: 12px;
+	font-weight: 700;
+	line-height: 1;
+	letter-spacing: 0;
+	white-space: nowrap;
+	box-shadow: none;
+	transform: none;
+	cursor: pointer;
+}
+#dag-inspector-panel-prompt-restart button.prompt-restart-mode-option:hover,
+#dag-inspector-panel-prompt-restart button.prompt-restart-mode-option:focus-visible,
+.prompt-restart-mode-option:hover,
+.prompt-restart-mode-option:focus-visible {
+	color: var(--ink);
+	background: var(--surface-muted);
+	border-color: transparent;
+	outline: none;
+	box-shadow: none;
+	transform: none;
+}
+#dag-inspector-panel-prompt-restart button.prompt-restart-mode-option.is-selected,
+.prompt-restart-mode-option.is-selected {
+	background: var(--ink);
+	color: #fff;
+	border-color: transparent;
+}
+.prompt-restart-prompt-card {
+	display: flex;
+	flex-direction: column;
+	min-width: 0;
+	overflow: hidden;
+	border: 1px solid var(--hairline);
+	border-radius: var(--radius-lg);
+	background: var(--surface);
+}
+.prompt-restart-prompt-head {
+	display: flex;
+	align-items: flex-start;
+	justify-content: space-between;
+	gap: var(--space-3);
+	padding: 10px 12px;
+	border-bottom: 1px solid var(--hairline);
+	background: var(--canvas-soft);
+}
+.prompt-restart-prompt-titles {
+	display: flex;
+	flex-wrap: wrap;
+	align-items: center;
+	gap: 6px 8px;
+	min-width: 0;
+}
+.prompt-restart-prompt-title {
+	color: var(--ink);
+	font-size: 13px;
+	font-weight: 700;
+	line-height: 1.3;
+}
+.prompt-restart-prompt-badge {
+	padding: 2px 8px;
+	border-radius: var(--radius-pill);
+	background: var(--surface-muted);
+	color: var(--muted);
+	font-size: 11px;
+	font-weight: 700;
+}
+.prompt-restart-prompt-meta {
+	flex-basis: 100%;
+	color: var(--muted);
+	font-size: 11px;
+	line-height: 1.3;
+}
+.prompt-restart-copy-icon {
+	flex: 0 0 auto;
+	margin-top: 1px;
+}
+.prompt-restart-prompt-actions {
+	display: flex;
+	align-items: center;
+	gap: 6px;
+	flex: 0 0 auto;
+}
+#dag-inspector-panel-prompt-restart button.prompt-restart-prompt-fold,
+.prompt-restart-prompt-fold {
+	appearance: none;
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	min-height: 30px;
+	height: 30px;
+	padding: 0 10px;
+	border: 1px solid var(--hairline);
+	border-radius: var(--radius-pill);
+	background: var(--surface);
+	color: var(--body);
+	font-size: 12px;
+	font-weight: 700;
+	line-height: 1;
+	box-shadow: none;
+	transform: none;
+	cursor: pointer;
+}
+#dag-inspector-panel-prompt-restart button.prompt-restart-prompt-fold:hover,
+.prompt-restart-prompt-fold:hover {
+	border-color: var(--hairline-strong);
+	background: var(--surface-muted);
+	color: var(--ink);
+	transform: none;
+}
+.prompt-restart-prompt-card.is-collapsed .prompt-restart-readonly {
+	display: none;
+}
+.prompt-restart-readonly {
+	margin: 0;
+	padding: 14px 16px;
+	max-height: min(36vh, 18rem);
+	overflow: auto;
+	background: var(--canvas-soft);
+	color: var(--ink);
+	font-family: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;
+	font-size: 12px;
+	line-height: 1.65;
+	white-space: pre-wrap;
+	overflow-wrap: anywhere;
+	tab-size: 2;
 }
 .prompt-restart-textarea {
 	width: 100%;
 	min-height: 8rem;
 	resize: vertical;
 	box-sizing: border-box;
-	font-family: var(--mono-font, ui-monospace, SFMono-Regular, Menlo, monospace);
-	font-size: 12.5px;
-	line-height: 1.5;
-	white-space: pre;
-	overflow-wrap: normal;
+	padding: 12px 14px;
+	border: 1px solid var(--hairline);
+	border-radius: var(--radius-lg);
+	background: var(--canvas-soft);
+	color: var(--ink);
+	font-family: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;
+	font-size: 12px;
+	line-height: 1.65;
+	white-space: pre-wrap;
+	overflow-wrap: anywhere;
 	overflow-x: auto;
 }
-.prompt-restart-actions {
+.prompt-restart-textarea-work {
+	min-height: 10rem;
+}
+.prompt-restart-textarea:hover {
+	border-color: var(--hairline-strong);
+}
+.prompt-restart-textarea:focus-visible {
+	outline: 2px solid color-mix(in srgb, var(--orange) 55%, transparent);
+	outline-offset: 1px;
+	border-color: color-mix(in srgb, var(--orange) 35%, var(--hairline));
+}
+.prompt-restart-textarea-compact {
+	min-height: 4.5rem;
+}
+.prompt-restart-actions,
+.prompt-restart-footer {
 	display: flex;
-	gap: 0.5rem;
+	flex-wrap: wrap;
+	gap: var(--space-2);
 	align-items: center;
+	justify-content: flex-end;
+}
+.prompt-restart-footer {
+	position: sticky;
+	bottom: calc(-1 * var(--space-4));
+	z-index: 2;
+	margin-top: auto;
+	padding: 10px 0 2px;
+	border-top: 1px solid var(--hairline);
+	background: var(--surface);
+}
+.prompt-restart-footer .prompt-restart-status {
+	flex: 1 1 12rem;
+	min-width: 0;
+	margin-right: auto;
 }
+#dag-inspector-panel-prompt-restart button.prompt-restart-submit,
 .prompt-restart-submit {
-	padding: 0.35rem 0.9rem;
-	font-size: 13.5px;
+	appearance: none;
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	min-height: 34px;
+	height: 34px;
+	padding: 0 16px;
+	border: 1px solid var(--orange);
+	border-radius: var(--radius-pill);
+	background: var(--orange);
+	color: #fff;
+	font-size: 13px;
+	font-weight: 700;
+	line-height: 1;
+	letter-spacing: 0.01em;
+	box-shadow: none;
+	transform: none;
 	cursor: pointer;
 }
+#dag-inspector-panel-prompt-restart button.prompt-restart-submit:hover,
+#dag-inspector-panel-prompt-restart button.prompt-restart-submit:focus-visible,
+.prompt-restart-submit:hover,
+.prompt-restart-submit:focus-visible {
+	background: var(--orange-active);
+	border-color: var(--orange-active);
+	color: #fff;
+	outline: none;
+	box-shadow: none;
+	transform: none;
+}
+#dag-inspector-panel-prompt-restart button.prompt-restart-submit.is-secondary,
+.prompt-restart-submit.is-secondary {
+	border-color: var(--hairline);
+	background: var(--surface);
+	color: var(--ink);
+}
+#dag-inspector-panel-prompt-restart button.prompt-restart-submit.is-secondary:hover,
+#dag-inspector-panel-prompt-restart button.prompt-restart-submit.is-secondary:focus-visible,
+.prompt-restart-submit.is-secondary:hover,
+.prompt-restart-submit.is-secondary:focus-visible {
+	border-color: var(--orange);
+	background: var(--orange-soft);
+	color: var(--orange-active);
+}
+#dag-inspector-panel-prompt-restart button.prompt-restart-submit:disabled,
 .prompt-restart-submit:disabled {
 	opacity: 0.55;
 	cursor: wait;
+	transform: none;
 }
 .prompt-restart-status {
 	margin: 0;
-	font-size: 13px;
 	min-height: 1.2em;
+	color: var(--body);
+	font-size: 13px;
 	white-space: pre-wrap;
 	word-break: break-word;
 }
 .prompt-restart-status.prompt-restart-error {
-	color: var(--red, #c0392b);
-}
-.prompt-restart-readonly {
-	margin: 0;
-	padding: 0.5rem 0.6rem;
-	font-family: var(--mono-font, ui-monospace, SFMono-Regular, Menlo, monospace);
-	font-size: 12.5px;
-	line-height: 1.5;
-	white-space: pre;
-	overflow: auto;
-	border: 1px solid var(--border-color, rgba(125, 125, 125, 0.35));
-	border-radius: 6px;
-	max-height: 60vh;
-}
-.prompt-restart-mode {
-	display: flex;
-	align-items: center;
-	gap: 0.5rem;
-}
-.prompt-restart-mode-select {
-	max-width: 100%;
-	font-size: 13px;
+	color: var(--red);
 }