@profoundlogic/coderflow-server 0.2.1 → 0.2.3

package/dist/web-ui/public/styles.css

@@ -2683,6 +2683,26 @@ button:disabled,
   background: var(--color-text-muted);
 }
 
+.btn-primary.btn-approved:disabled {
+  background: transparent;
+  color: var(--color-success);
+  border: none;
+  font-weight: 600;
+  box-shadow: none;
+  opacity: 1;
+  cursor: default;
+  pointer-events: auto;
+}
+
+.btn-primary.btn-approved:disabled:hover {
+  transform: none;
+  background: transparent;
+}
+
+.btn-primary.btn-approved:disabled svg {
+  color: #1e8a55;
+}
+
 .btn-secondary:disabled {
   background: rgba(31, 42, 68, 0.06);
   color: var(--color-text-muted);
@@ -2735,6 +2755,17 @@ button:disabled,
   background: rgba(63, 114, 255, 0.16);
 }
 
+.dropdown-item:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+  color: var(--color-text-secondary);
+}
+
+.dropdown-item:disabled:hover {
+  background: none;
+  color: var(--color-text-secondary);
+}
+
 .btn-ghost:disabled {
   color: rgba(31, 42, 68, 0.3);
 }
@@ -5638,6 +5669,82 @@ select option[value=""] {
   font-size: 16px;
 }
 
+/* Model Configuration section in options menu */
+.options-menu-section {
+  padding: 4px 0;
+}
+
+.options-menu-label {
+  padding: 6px 16px 4px;
+  font-size: 11px;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  color: var(--color-text-muted);
+}
+
+.options-menu-select-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 6px 16px;
+}
+
+.options-menu-select-row label {
+  font-size: 13px;
+  color: var(--color-text-secondary);
+  white-space: nowrap;
+}
+
+.options-menu-select-row select {
+  flex: 0 1 auto;
+  min-width: 130px;
+  padding: 4px 8px;
+  font-size: 12px;
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-small);
+  background: var(--color-bg);
+  color: var(--color-text);
+  cursor: pointer;
+}
+
+.options-menu-select-row select:focus {
+  outline: none;
+  border-color: var(--color-accent);
+}
+
+.options-menu-actions-row {
+  display: flex;
+  justify-content: flex-end;
+  padding: 4px 16px 8px;
+}
+
+.options-menu-link-btn {
+  background: none;
+  border: none;
+  padding: 0;
+  color: var(--color-text-muted);
+  font-size: 12px;
+  cursor: pointer;
+  text-decoration: underline;
+}
+
+.options-menu-link-btn:hover {
+  color: var(--color-text);
+}
+
+.options-menu-link-btn:focus {
+  outline: none;
+  color: var(--color-text);
+}
+
+.options-menu-link-btn:disabled {
+  opacity: 0.45;
+  cursor: default;
+  text-decoration: none;
+}
+
 .options-menu-item .option-text {
   flex: 1;
   white-space: nowrap;
@@ -8097,6 +8204,10 @@ select option[value=""] {
   animation: pulse-indicator 1s ease-in-out infinite;
 }
 
+.status-indicator.degraded {
+  background: var(--color-warning);
+}
+
 @keyframes pulse-indicator {
   0%, 100% {
     opacity: 1;
@@ -12050,6 +12161,183 @@ select option[value=""] {
   display: none;
 }
 
+.profile-section-desc {
+  font-size: 13px;
+  color: var(--color-text-muted);
+  margin-bottom: 12px;
+}
+
+/* Git Connections Section */
+.git-connections-list {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.git-connections-loading {
+  font-size: 13px;
+  color: var(--color-text-muted);
+  padding: 8px 0;
+}
+
+.git-connection-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 10px 12px;
+  background: var(--color-bg-secondary);
+  border-radius: 8px;
+  border: 1px solid var(--color-border);
+}
+
+.git-connection-info {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+
+.git-connection-icon {
+  width: 24px;
+  height: 24px;
+  color: var(--color-text-muted);
+}
+
+.git-connection-details {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+
+.git-connection-name {
+  font-size: 14px;
+  font-weight: 500;
+  color: var(--color-text);
+}
+
+.git-connection-display-name {
+  font-size: 12px;
+  color: var(--color-text-muted);
+}
+
+.git-connection-status {
+  font-size: 12px;
+  color: var(--color-text-muted);
+}
+
+.git-connection-status.connected {
+  color: var(--color-success);
+}
+
+.git-connection-actions .btn-small {
+  padding: 4px 10px;
+  font-size: 12px;
+}
+
+.git-connections-empty {
+  font-size: 13px;
+  color: var(--color-text-muted);
+  padding: 12px 0;
+  text-align: center;
+}
+
+/* Git Connections Required Modal */
+.git-connections-intro {
+  margin-bottom: 16px;
+  color: var(--color-text);
+}
+
+.git-connections-required-list {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  margin-bottom: 16px;
+}
+
+.git-provider-card {
+  padding: 16px;
+  background: var(--color-bg-secondary);
+  border-radius: 8px;
+  border: 1px solid var(--color-border);
+}
+
+.git-provider-card-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 8px;
+}
+
+.git-provider-card-info {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+
+.git-provider-card-icon {
+  width: 24px;
+  height: 24px;
+  color: var(--color-text-muted);
+}
+
+.git-provider-card-details {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+
+.git-provider-card-name {
+  font-weight: 500;
+  color: var(--color-text);
+}
+
+.git-provider-card-display-name {
+  font-size: 12px;
+  color: var(--color-text-muted);
+}
+
+.git-provider-card.connected {
+  border-color: var(--color-success);
+  background: color-mix(in srgb, var(--color-success) 5%, var(--color-bg-secondary));
+}
+
+.git-provider-card-connected {
+  font-size: 13px;
+  font-weight: 500;
+  color: var(--color-success);
+}
+
+.git-provider-card.unsupported {
+  border-color: var(--color-warning);
+  background: color-mix(in srgb, var(--color-warning) 5%, var(--color-bg-secondary));
+}
+
+.git-provider-card-unsupported {
+  font-size: 12px;
+  color: var(--color-warning);
+  font-style: italic;
+}
+
+.git-provider-card-repos {
+  font-size: 13px;
+  color: var(--color-text-muted);
+  padding-left: 34px;
+}
+
+.git-provider-card-repos ul {
+  margin: 4px 0 0 0;
+  padding-left: 16px;
+}
+
+.git-provider-card-repos li {
+  margin-bottom: 2px;
+}
+
+.git-connections-hint {
+  font-size: 13px;
+  color: var(--color-text-muted);
+  margin-top: 8px;
+}
+
 .admin-dropdown {
   min-width: 220px;
 }
@@ -17050,14 +17338,13 @@ body.task-list-open .task-list-side-trigger {
 
 #about-coderflow-modal .about-version-card {
   display: flex;
-  justify-content: space-between;
-  align-items: center;
+  flex-direction: column;
   padding: 10px 14px;
   background: var(--color-surface-muted);
   border: 1px solid var(--color-border);
   border-radius: var(--radius-small);
   text-align: left;
-  gap: 12px;
+  gap: 8px;
 }
 
 #about-coderflow-modal .about-version-label {
@@ -17089,6 +17376,68 @@ body.task-list-open .task-list-side-trigger {
   text-decoration: underline;
 }
 
+/* About modal - Update check styles */
+.btn-sm {
+  padding: 0.375rem 0.75rem;
+  font-size: 0.875rem;
+}
+
+#about-check-updates-btn:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+}
+
+.about-update-status {
+  margin-top: 0.5rem;
+  padding: 0.75rem;
+  border-radius: 4px;
+  font-size: 0.9rem;
+  line-height: 1.4;
+}
+
+.about-update-status.up-to-date {
+  background-color: rgba(72, 187, 120, 0.1);
+  border: 1px solid rgba(72, 187, 120, 0.3);
+  color: #2f855a;
+}
+
+.about-update-status.update-available {
+  background-color: rgba(66, 153, 225, 0.1);
+  border: 1px solid rgba(66, 153, 225, 0.3);
+  color: #2c5282;
+}
+
+.about-update-status.update-error {
+  background-color: rgba(245, 101, 101, 0.1);
+  border: 1px solid rgba(245, 101, 101, 0.3);
+  color: #c53030;
+}
+
+.about-update-status-icon {
+  display: inline-block;
+  margin-right: 0.5rem;
+  font-weight: bold;
+}
+
+.about-update-link {
+  display: inline-block;
+  margin-left: 0.5rem;
+  color: #3182ce;
+  text-decoration: none;
+  font-weight: 500;
+}
+
+.about-update-link:hover {
+  text-decoration: underline;
+}
+
+.about-update-status code {
+  background-color: rgba(0, 0, 0, 0.1);
+  padding: 0.125rem 0.25rem;
+  border-radius: 3px;
+  font-size: 0.85em;
+}
+
 .apikeys-list {
   display: flex;
   flex-direction: column;

package/dist/web-ui/public/task.html

@@ -177,6 +177,13 @@
                 </svg>
                 <span class="option-text">Resubmit Task...</span>
               </button>
+              <button class="dropdown-item" id="more-pull-changes" data-action="pull-changes">
+                <svg class="option-icon" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                  <path d="M12 5v14"></path>
+                  <path d="m19 12-7 7-7-7"></path>
+                </svg>
+                <span class="option-text">Pull Latest Changes</span>
+              </button>
               <button class="dropdown-item" id="more-delete-task" data-action="delete-task">
                 <svg class="option-icon" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                   <polyline points="3 6 5 6 21 6"></polyline>