@profoundlogic/coderflow-server 0.4.8 → 0.5.0

package/dist/web-ui/public/docs/admin/installation.md

@@ -98,6 +98,12 @@ coder-server init mycompany-coder-setup
 
 This creates a `mycompany-coder-setup` directory with the required structure and initializes it as a git repository.
 
+Then configure the server to locate the setup directory using a command like this, specifying the path to the setup directory:
+
+```bash
+coder-server config set coder_setup_path mycompany-coder-setup
+```
+
 ### Install License
 
 ```bash
@@ -107,11 +113,13 @@ coder-server license set <your-license-key>
 ### Create Admin User
 
 ```bash
-coder-server create-user --username=admin --email=admin@example.com --name="Admin User" --role=admin
+coder-server create-user --username=admin --email=admin@example.com --name="Admin User" --admin
 ```
 
 You'll be prompted to set a password.
 
+On a brand-new install, the first created account is automatically granted Server Admin even without `--admin` (this policy is enforced in the shared user service, so it applies across CLI/API/OIDC auto-provisioning paths).
+
 ### Optional: Configure Server Listen Port and SSL
 
 By default the server listens on port 3000. To configure an alternate port (e.g. 443):

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

@@ -4097,6 +4097,362 @@ code {
   border: 1px solid rgba(239, 68, 68, 0.25);
 }
 
+/* ============================================================
+   EXTERNAL CONNECTIONS
+   ============================================================ */
+
+.connections-list {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.connections-empty {
+  text-align: center;
+  padding: 24px;
+}
+
+.connection-item {
+  display: grid;
+  grid-template-columns: 1fr auto auto;
+  align-items: center;
+  gap: 16px;
+  padding: 12px 16px;
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-medium, 8px);
+  background: var(--color-surface, #fff);
+}
+
+.connection-item:hover {
+  border-color: var(--color-border-hover, var(--color-border));
+}
+
+.connection-info {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  min-width: 0;
+}
+
+.connection-name {
+  font-family: var(--font-mono, monospace);
+  font-weight: 600;
+  font-size: 14px;
+}
+
+.connection-meta {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  align-items: center;
+  font-size: 12px;
+}
+
+.connection-type-badge {
+  display: inline-block;
+  padding: 2px 8px;
+  border-radius: 4px;
+  font-size: 11px;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+}
+
+.connection-type-badge.sqlserver {
+  background: rgba(59, 130, 246, 0.15);
+  color: #3b82f6;
+}
+
+.connection-type-badge.ibmi {
+  background: rgba(139, 92, 246, 0.15);
+  color: #8b5cf6;
+}
+
+.connection-type-badge.ssh {
+  background: rgba(34, 197, 94, 0.15);
+  color: #22c55e;
+}
+
+.connection-feature-tag {
+  display: inline-block;
+  padding: 1px 6px;
+  border: 1px solid var(--color-border);
+  border-radius: 3px;
+  font-size: 11px;
+  color: var(--color-text-muted);
+}
+
+.connection-description {
+  color: var(--color-text-muted);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 250px;
+}
+
+.connection-host {
+  font-family: var(--font-mono, monospace);
+  font-size: 12px;
+  color: var(--color-text-muted);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.connection-actions {
+  display: flex;
+  gap: 4px;
+}
+
+.connection-edit,
+.connection-delete {
+  background: none;
+  border: none;
+  padding: 4px 8px;
+  cursor: pointer;
+  color: var(--color-text-muted);
+  border-radius: var(--radius-small);
+  font-size: 14px;
+  transition: all 0.2s;
+}
+
+.connection-edit:hover {
+  color: var(--color-accent);
+  background: var(--color-surface-muted);
+}
+
+.connection-delete:hover {
+  color: var(--color-error, #ef4444);
+  background: rgba(239, 68, 68, 0.1);
+}
+
+/* Connection modal styles */
+
+.modal-large {
+  max-width: 640px;
+}
+
+.radio-group {
+  display: flex;
+  gap: 16px;
+  flex-wrap: wrap;
+}
+
+.radio-label {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  cursor: pointer;
+  font-size: 14px;
+}
+
+.radio-label input[type="radio"] {
+  width: 16px;
+  height: 16px;
+  cursor: pointer;
+}
+
+.input-with-toggle {
+  display: flex;
+  gap: 4px;
+  align-items: stretch;
+}
+
+.input-with-toggle .form-input {
+  flex: 1;
+}
+
+.checkbox-group {
+  display: flex;
+  gap: 16px;
+  flex-wrap: wrap;
+}
+
+.checkbox-label {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  cursor: pointer;
+  font-size: 14px;
+}
+
+.checkbox-label input[type="checkbox"] {
+  width: 16px;
+  height: 16px;
+  cursor: pointer;
+}
+
+.checkbox-label input[type="checkbox"]:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.textarea-actions {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  margin-top: 6px;
+}
+
+#connection-ssh-settings > .form-row + .form-row,
+#connection-pui-settings > .form-row + .form-row {
+  margin-top: 16px;
+}
+
+.textarea-actions button {
+  white-space: nowrap;
+}
+
+.info-bubble {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 16px;
+  height: 16px;
+  font-size: 11px;
+  border-radius: 50%;
+  background: var(--color-surface-muted);
+  color: var(--color-text-muted);
+  cursor: help;
+  margin-left: 4px;
+}
+
+.form-help {
+  font-size: 12px;
+  margin-top: 2px;
+}
+
+.help-link {
+  font-size: 13px;
+  color: var(--color-accent);
+  text-decoration: none;
+}
+
+.help-link:hover {
+  text-decoration: underline;
+}
+
+.connection-test-actions {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+}
+
+.connection-test-actions .status-text {
+  font-size: 12px;
+  color: var(--color-text-muted);
+}
+
+.connection-test-result {
+  margin-top: 8px;
+  padding: 10px 14px;
+  border-radius: var(--radius-medium);
+  font-size: 13px;
+  background: var(--color-surface-muted);
+  border: 1px solid var(--color-border);
+}
+
+.connection-test-result.success {
+  background: var(--color-success-bg, rgba(34, 197, 94, 0.1));
+  border-color: var(--color-success, #22c55e);
+  color: var(--color-success, #22c55e);
+}
+
+.connection-test-result.error {
+  background: var(--color-error-bg, rgba(239, 68, 68, 0.1));
+  border-color: var(--color-error, #ef4444);
+  color: var(--color-error, #ef4444);
+}
+
+.connection-test-result .test-result-title {
+  font-weight: 600;
+}
+
+.connection-test-result .test-result-detail {
+  margin-top: 4px;
+  font-size: 12px;
+  font-family: var(--font-mono, monospace);
+  opacity: 0.85;
+  word-break: break-word;
+}
+
+.code-block {
+  background: var(--color-surface-muted);
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-medium, 8px);
+  padding: 8px;
+  font-family: var(--font-mono, monospace);
+  font-size: 12px;
+  line-height: 1.6;
+  overflow-x: auto;
+  margin: 12px 0;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.command-line {
+  display: flex;
+  align-items: flex-start;
+  gap: 8px;
+  padding: 6px 8px;
+  border-radius: var(--radius-small, 4px);
+  transition: background 0.15s;
+}
+
+.command-line:hover {
+  background: var(--color-surface-hover, rgba(0, 0, 0, 0.04));
+}
+
+.command-line code {
+  flex: 1;
+  white-space: pre-wrap;
+  word-break: break-word;
+  user-select: text;
+}
+
+.command-line .copy-btn {
+  flex-shrink: 0;
+  opacity: 0;
+  transition: opacity 0.15s;
+  padding: 2px;
+  color: var(--color-text-muted);
+}
+
+.command-line:hover .copy-btn {
+  opacity: 1;
+}
+
+.helper-notes {
+  font-size: 13px;
+  color: var(--color-text-muted);
+}
+
+.helper-notes ul {
+  margin: 8px 0;
+  padding-left: 20px;
+}
+
+.helper-notes li {
+  margin-bottom: 4px;
+}
+
+.connection-banner {
+  background: rgba(63, 114, 255, 0.08);
+  border: 1px solid rgba(63, 114, 255, 0.3);
+  border-left: 3px solid var(--color-accent);
+  border-radius: 6px;
+  padding: 10px 14px;
+  margin-bottom: 16px;
+  font-size: 13px;
+  color: var(--color-text-secondary);
+}
+
+.connection-hint {
+  color: var(--color-text-muted);
+  font-style: italic;
+}
+
 /* ============================================================
    AUTOMATIONS TAB
    ============================================================ */