UI Guide — dream11 Demo

Before loading the UI, demo_dream11.py performs a full Create / Read / Update / Delete cycle on D:\Uday\Yug\dream11\demo.txt to verify core I/O works correctly against the live working directory.

CRUD Results — dream11 / demo.txt

Screenshot 09 — CRUD Results — Auto-generated by the demo script; confirms all four operations completed successfully on D:\Uday\Yug\dream11\demo.txt.

The legacy PowerShell config file is imported via the Import Config button on the Dashboard. import_legacy_config() reads dream11.config.json and converts it into a typed Project object with 2 folders and 10 services.

{
  "ProjectName": "dream11",
  "WorkDir":     "D:\\Uday\\Yug\\dream11",
  "GitDir":      "D:\\Uday\\Yug\\dream11-git",
  "RemoteOrigin": "origin",
  "Branch":      "main",
  "ExcludeDirs": ["node_modules", ...],
  "Services": {
    "dev":  [...5 services...],
    "prod": [...5 services...]
  }
}

Project(
  name="dream11",
  folders=[
    FolderConfig(
      name="Dev",
      path="D:\\Uday\\Yug\\dream11",
      type=FolderType.DEV),
    FolderConfig(
      name="Git",
      path="D:\\Uday\\Yug\\dream11-git",
      type=FolderType.STABLE),
  ],
  services=[...10 ServiceDefinition...],
)

DevOpsProjManager — Dashboard

Screenshot 00 — Dashboard — The dream11 project card appears after import. Click the card to open the full project view. The navy sidebar switches between Dashboard and Settings.

Clicking the dream11 project card opens a tabbed ProjectView dialog with five tabs: Sync / Environment / Services / FTP / Backups.

Project: dream11

Screenshot 01 — Project View — Five tabs provide access to all project functionality. The title bar shows the project name.

The Sync tab lets you preview and execute a folder-to-folder sync. Source and target are selected from the project folders (Dev and Git for dream11). Clicking Preview runs a dry-run via filecmp.dircmp; Sync Now creates a versioned backup first, then calls execute_sync().

• Select Source folder from the dropdown (e.g. Dev — D:\Uday\Yug\dream11)
• Select Target folder (e.g. Git — D:\Uday\Yug\dream11-git)
• Click Preview to see new / modified / deleted file counts without writing anything
• Review the preview list — demo.txt will appear as a new file
• Click Sync Now to execute (a versioned zip backup is created first)

Sync Panel — dream11

Screenshot 02 — Sync Panel — Source/target dropdowns at the top. The preview list shows files to be added, modified or deleted. Color coding: green = new, amber = modified, red = deleted.

The Environment tab parses every .env file in the project folders into a key/value table. Sensitive fields (passwords, tokens, keys) are automatically masked with ***. You can load, save, generate a template, or diff two .env files directly from this panel.

Environment Editor — dream11

Screenshot 03 — Environment Editor — Three-column table: Key / Value (masked for sensitive entries) / Comment. Buttons: Load .env, Save, Generate Template, Diff two files.

dream11 has 10 services (5 dev, 5 prod) defined in dream11.config.json. The Services tab lists all of them; clicking Start spawns the command in a subprocess.Popen with live stdout/stderr streamed into the console widget.

Service Panel — dream11

Screenshot 04 — Service Panel — Left list shows all 10 services. Right panel shows live console output. Start / Stop buttons control each service individually.

Every time you run Sync Now the application automatically creates a versioned .zip snapshot of the target folder (v001, v002, …). The Backup Browser lists all snapshots for each project folder with size, date, and a one-click Restore button.

Backup Browser — dream11

Screenshot 05 — Backup Browser — Table columns: Version / Size / Created / Archive path. Restore extracts the zip back to the original folder. Delete removes the archive; old archives beyond the limit are purged automatically.

Click Settings in the sidebar (or press Ctrl+,) to open the global application settings.

Settings

Screenshot 06 — Settings — Oracle Redwood theme is active (enterprise default). Log level, max backups per folder, and the auto-backup toggle.

Setting	Default
Theme	Redwood (Enterprise)
Log level	INFO
Max backups / folder	10
Auto-backup on sync	Enabled

ⓘ

Changes take effect immediately; window geometry is persisted so the app reopens at the same size and position.

The Diff Viewer provides a side-by-side file comparison powered by difflib.SequenceMatcher. Color coding matches industry convention: green for insertions, red for deletions, amber for replacements. The top folder tree lets you select any changed file across an entire directory comparison.

Diff Viewer — demo.txt

Screenshot 07 — Diff Viewer — Left pane = file A, right pane = file B. Green = inserted, Red = deleted, Amber = modified. Identical lines are shown in normal text.

The FTP panel provides a dual-pane file browser. Local files are on the left; remote files (after connecting) are on the right. Supports plain FTP, FTPS (explicit TLS), and SFTP (SSH) via paramiko. Passwords are encrypted at rest using Fernet.

FTP Panel — dream11

Screenshot 08 — FTP Panel — Enter host / port / credentials and protocol, then click Connect. The remote pane populates with directory listing. Use Upload / Download to transfer files.

• Fill in Host, Port, Username, Password
• Select protocol: FTP / FTPS / SFTP
• Click Connect (retries 3x with exponential back-off on failure)
• Browse the remote directory in the right pane
• Select a local file and click Upload to transfer
• Select a remote file and click Download to a local folder

dream11 uses branch: main, remote: origin as defined in the legacy config. The Git panel (inside Project View) lets you pull, commit, push and switch branches without leaving the app. All Git operations run in a QThread worker to keep the UI responsive.

GitConfig(
  remote="origin",
  default_branch="main",
  auto_pull=False,
  sign_commits=False,
)