From 5640dc23089c359748fdc3b2d12919a48faa863e Mon Sep 17 00:00:00 2001 From: Richie Varghese Date: Fri, 8 May 2026 00:29:14 +0530 Subject: [PATCH 1/4] feat(landing-page): redesign hero section with immersive two-column layout and enhanced UI elements - Implemented a new two-column layout for the landing page, featuring a narrative and call-to-action buttons on the left, and a mini workbench preview on the right. - Added decorative elements such as context nodes and command palette overlays to improve user engagement. - Updated styles for a cohesive dark theme experience, including new color schemes and UI enhancements across various components. - Enhanced the .gitignore file to exclude additional generated directories. --- .gitignore | 3 +- docs/html/minimized-overview.html | 218 ++++++--- docs/index.html | 41 ++ docs/js/bootstrap.js | 9 + docs/js/visuals.js | 20 +- docs/js/workbench.js | 32 +- docs/styles/base-theme.css | 744 +++++++++++++++++++++++++++--- docs/styles/content-panels.css | 13 +- docs/styles/interactive.css | 148 +++--- docs/styles/workbench-layout.css | 403 +++++++++++++--- 10 files changed, 1329 insertions(+), 302 deletions(-) diff --git a/.gitignore b/.gitignore index 7f9b52d..370aa7a 100644 --- a/.gitignore +++ b/.gitignore @@ -31,4 +31,5 @@ FIXES_APPLIED.md .cursor/ .agents/ skills-lock.json -graphify-out/ \ No newline at end of file +graphify-out/ +.superpowers/ \ No newline at end of file diff --git a/docs/html/minimized-overview.html b/docs/html/minimized-overview.html index faa7f58..48eadb5 100644 --- a/docs/html/minimized-overview.html +++ b/docs/html/minimized-overview.html @@ -10,39 +10,155 @@ -
-

VS Code Marketplace --

-
- + + +
+ + +
+
+ + Live demo-first product site +
+ +

+ PostgreSQL work
+ without + context + switching. +

+ +

Turn the homepage into a living VS Code workspace: connect + to a demo database, run a notebook query, watch results chart, and ask the AI assistant why the query + is slow.

+ +
+ + Install from Marketplace +
+ +
+
+ 5.9K + Marketplace installs +
+
+ -- + Current release +
+
+ AI + SQL + Schema aware workflows +
+
-

Powerful PostgreSQL Management Inside VS Code

-

Write SQL, manage PostgreSQL databases, and leverage AI — all without - leaving VS Code. Interactive SQL notebooks (.pgsql), live dashboards, schema explorer, and AI-assisted query - optimization with OpenAI, Anthropic Claude, Gemini, and GitHub Models.

-
-
- ⬇ Install Now - -
-
-
- - - - - + + +
+ +
- 
-- Real-time database insights
-SELECT
-  date_trunc('day', created_at) AS day,
-  COUNT(*) AS users,
-  SUM(amount) AS revenue
-FROM orders
-WHERE created_at >= NOW() - INTERVAL '7 days'
-GROUP BY day ORDER BY day;
-
✓ 7 rows in 45ms
-
+ +
+ +
Documentation @@ -54,35 +170,19 @@

Powerful PostgreSQL Management Inside VS Code

rel="noopener noreferrer">GitHub Home
+ +

PgStudio helps developers query PostgreSQL in VS Code with notebooks, explorer navigation, schema tools, AI-assisted SQL generation, EXPLAIN analysis, and performance optimization workflows.

@@ -96,4 +196,4 @@

PgStudio capabilities

  • Production safety controls with environment labels and read-only mode
    • - \ No newline at end of file + diff --git a/docs/index.html b/docs/index.html index 284924e..ab2366a 100644 --- a/docs/index.html +++ b/docs/index.html @@ -109,6 +109,24 @@

    The VS Code-native PostgreSQL workspace

    Connect, explore, query, and optimize - without leaving your editor. Powered by AI, built for teams.

    + + + + + + + + + -
    -

    Execution Insight

    -

    Suggestion: add an index on orders(created_at) and keep daily aggregation in a materialized - view for dashboard latency under 100ms.

    -
    -
    - 📊 Revenue by Day — Bar Chart - Chart.js -
    -
    - +
    +

    Click Run to execute this cell — the results table and chart appear below.

    +
    +
    +
    ✓ 7 rows · demo_db
    + + + + + + + + + +
    day ↕orders ↕revenue ↕
    +
    +
    +

    Execution Insight

    +

    Suggestion: add an index on orders(created_at) and keep daily aggregation in a materialized + view for dashboard latency under 100ms.

    +
    +
    +
    + 📊 Revenue by Day — Bar Chart + Chart.js +
    +
    + +
    +
    diff --git a/docs/html/minimized-overview.html b/docs/html/minimized-overview.html index 48eadb5..4f577c9 100644 --- a/docs/html/minimized-overview.html +++ b/docs/html/minimized-overview.html @@ -3,6 +3,7 @@ + @@ -11,26 +12,20 @@
    - -
    + +
    -
    -
    - - Live demo-first product site -
    -

    +

    PostgreSQL work
    - without - context - switching. -

    + without + context + switching. + -

    Turn the homepage into a living VS Code workspace: connect - to a demo database, run a notebook query, watch results chart, and ask the AI assistant why the query - is slow.

    +

    Connect to a demo database, run a notebook query, watch results chart, + and ask the AI assistant why the query is slow — all inside VS Code.

    @@ -39,13 +34,13 @@

    rel="noopener noreferrer">Install from Marketplace

    -
    +
    - 5.9K + — Marketplace installs
    - -- + — Current release
    @@ -55,17 +50,48 @@

    -
    -