MD Workspace

Initializing Platform...

MD Workspace

YOUR TEAMS

Loading...

PRO DEVELOPER

User email@example.com

Project Storage 0%

0 KB / 50 GB

Zainin AI Model

Welcome to MD Workspace

Select a team from the sidebar to open your project, or create a new one to begin building.

Quick Start Actions

Create a New Team Establish a shared dev space for your teammates.

Connect GitHub Link account to push, pull and deploy code.

Profile Settings Configure profile metadata and avatar.

Documentation Browse the platform developer guides.

SUPPORTED TECH STACKS

HTML5 CSS3 Vanilla JS Firebase GitHub API

Developer Status

Membership PRO Developer

Storage Quota 50 GB PRO Limit

Cloud Status Synchronized

Quick Shortcuts

AI Assistance Chat @zainin

Toggle Live Preview F5

Go to Line in Editor Ctrl + G

MC

Project Details

Name: Loading...

GitHub: Loading...

Workspace Path: /MDWorkspace

Team Statistics

Collaborators: Loading...

Manage team collaborators, roles, and profiles inside settings.

Active Modules

Shared Team Chat
Kanban Workspace
Monaco Code Editor

This project workspace has been archived by the administrator and is running in read-only mode.

MC

Project Name

No Repo

To Do 0

In Progress 0

Done 0

EXPLORER

SEARCH

Type to search across project files

SOURCE CONTROL

Branch

Changes 0

No changes detected

ZAININ AI ASSISTANT

Hello! I'm Zainin. I have indexed all files in this workspace. Ask me to fix a bug, refactor, explain code, or create new files.

TEMPLATES

Static Web App HTML, CSS, JS skeleton

React SPA Boilerplate Single page React project

DEPLOYMENTS

Deploy your workspace files directly to live servers using static site deployment.

EXTENSIONS

Vim Keybindings Enable Vim modal controls inside the Monaco editor workspace.

SETTINGS

Editor Theme

Tab Size

Show Minimap

Save current file

Save Whole Project

@zainin/all (Full File)

Live Preview

Page 1

No problems detected

MD Workspace Terminal v1.0.0
Type 'help' to list available commands.

developer@mdcolab:~/workspace$

main

Unsaved changes

0 0

Auto: On

Spaces: 4

UTF-8

LF

JavaScript

Ln 1, Col 1 0L 0W 0C

100%

CRM / Leads

Name	Email	Status	Action

Deployments Center

Deploy your project workspace instantly to Vercel or Netlify

Latest Live Preview: https://example.vercel.app

Ready

Vercel Integration

Checking connection status...

Project & Domain Settings

Vercel Project Name

Deployment Domain Suffix

.vercel.app

Deployment Method

Linked Repository: None

This will automatically commit your changes to GitHub and trigger a build on Vercel.

Environment Variables

Configure keys & secrets for deployment

No environment variables configured

Deployment History

Commit Message	Status	Timestamp	Subdomain / Link	Logs
No deployments found

Netlify Integration

Checking connection status...

Netlify Site Info

No site connected yet. Connect your account and deploy.

Deploy Log Viewer

                                        [Ready] Waiting for Netlify deployment...
                                    

Netlify Deploy History

Deploy ID	Status	Timestamp	Subdomain / Link
No deploys found

Project Hub Settings

Configure project properties, customize integrations, manage active members, and configure workspace controls.

General Configuration

Project Title

Repository Endpoint

Create a new GitHub repository for this project

The repo will be created on your GitHub account and linked automatically.

Brief Description

Members & Roles Management

Below are all active developers with access to this shared project workspace.

Developer	Email Address	Role / Privilege

Invite New Developer

Workspace Modules & Integrations

Toggle modular sections of MD Workspace to match your team's custom development needs.

Real-time Chat Enable collaborative team communications and AI-assistant bridges.

Kanban Board Manage agile tasks, drag-and-drop sprints, and project boards.

Workspace Code IDE Direct code editor with CodeMirror integrations and real-time syncing.

Premium Leads Center Track sales pipelines, customer interactions, and business metrics.

Active Workspace Connectors

Integrate external systems and services directly into your workspace pipeline.

GitHub Integration

Sync workspace files, pull from and deploy directly to repositories.

Figma Design Sync Coming Soon

Import styles, tokens, and components directly from Figma frame URLs to style your projects.

Vercel Deployments

Deploy workspace projects to production with native edge delivery, redirects, and CI/CD triggers.

Netlify Deployments

Deploy sandbox static sites to Netlify CDN subdomains with API-driven publishing.

Slack Notifications Coming Soon

Broadcast updates, new task announcements, and logs to Slack.

Google Stitch Coming Soon

Google's AI-powered UI expert to seamlessly create and manage your designs.

Advanced Administration & Protection

Actions here are irreversible. Please execute caution when changing critical attributes.

Transfer Workspace Ownership

Transfer ownership rights of this project to another team member.

Archive Project

Set this project workspace to read-only. Members won't be able to push code modifications.

Delete Project Workspace

Permanently wipe all code history, chat history, Kanban tasks, and project configuration records.

Create New Team

Projects

New Project

Create a new GitHub repository for this project

The repo will be created on your GitHub account and linked automatically.

Add Task

Add Lead

Pending Invitations

Invite Member

User Name

@username

Role

Core Tech Stack

user@email.com

Move File

×

Select destination folder for :

Connector Name

Not Connected

Description of the connector goes here.

Do you use GitHub?

Connect your GitHub account to directly import and manage your repositories (Public & Private) within MD Workspace.

Publish Project

×

This will commit and push all saved files to your linked GitHub repository.

Commit Message

The message — from MD Workspace will be appended automatically.

Zainin AI Assistant

×

Target File

Selected Code Block

What should Zainin AI do?