the-grid-cc 1.1.0 → 1.1.2

package/.grid/STATE.md

@@ -0,0 +1,22 @@
+# THE GRID - State File
+
+## CLUSTER: React Todo App
+**Status:** COMPLETE
+**Energy:** 9000
+**Created:** 2026-01-23
+
+## BLOCKS
+
+### BLOCK: Core Application
+| Thread | Status |
+|--------|--------|
+| Initialize React project | COMPLETE |
+| Create Todo components | COMPLETE |
+| Implement add/delete/toggle | COMPLETE |
+| Add styling | COMPLETE |
+
+## ACTIVE PROGRAMS
+None - All Programs derezzed
+
+## I/O TOWER
+Cluster complete. Awaiting User.

package/README.md

@@ -31,20 +31,11 @@ This keeps MCP's context window lean while heavy work happens in fresh subagent
 
 ## Quick Start
 
-### Install
-
 ```bash
-# Clone the repo
-git clone https://github.com/JamesWeatherhead/grid.git
-
-# Copy commands to Claude Code
-cp -r grid/commands/* ~/.claude/commands/
-cp -r grid/agents/* ~/.claude/agents/
+npx the-grid-cc
 ```
 
-### Use
-
-In Claude Code:
+Then in Claude Code:
 
 ```
 /grid
@@ -99,6 +90,7 @@ If any Program needs your input → **I/O Tower** activates → MCP asks you.
 |---------|-------------|
 | `/grid` | Enter The Grid - activates MCP |
 | `/grid:mcp` | Same as above |
+| `/grid:update` | Pull latest updates from GitHub |
 | `/grid:init` | Initialize `.grid/` state directory |
 | `/grid:help` | Show command reference |
 

package/commands/grid/help.md

@@ -15,7 +15,10 @@ Display this help text:
 
 COMMANDS
 --------
-/grid:mcp          Enter The Grid - speak to Master Control Program
+/grid              Enter The Grid - speak to MCP
+/grid:mcp          Same as above
+/grid:update       Pull latest updates from GitHub
+/grid:init         Initialize .grid/ state directory
 /grid:help         Show this help
 
 CONCEPTS

package/commands/grid/mcp.md

@@ -149,6 +149,41 @@ What would you like to build?
 End of Line.
 ```
 
+## PROGRAM MONITORING
+
+When you spawn a Program, run it in BACKGROUND (`run_in_background: true`) and show live progress:
+
+```
++============================================================+
+|  PROGRAM: Executor                         [RUNNING]       |
++============================================================+
+|  ████████████░░░░░░░░░░░░░░░░░░  40%  |  Energy: 9200    |
+|  --------------------------------------------------------  |
+|  Thread: Initialize React project                          |
+|  Status: Creating package.json...                          |
++============================================================+
+```
+
+Check program output every few seconds using Read tool on the output file. Update the display:
+
+```
+|  ████████████████████░░░░░░░░░░  65%  |  Energy: 9000    |
+|  Thread: Create Todo components                            |
+|  Status: Building TodoList.jsx...                          |
+```
+
+When complete:
+```
+|  ██████████████████████████████ 100%  |  Energy: 8800    |
+|  Thread: COMPLETE                                          |
+|  Status: All files written successfully                    |
++============================================================+
+
+MCP > Program returned. Verifying results...
+```
+
+**NEVER leave the User in darkness.** Always show what's happening.
+
 ## CRITICAL RULES
 
 1. NEVER execute heavy work yourself - spawn Programs
@@ -157,3 +192,5 @@ End of Line.
 4. NEVER let your context exceed 50% - spawn more Programs
 5. ALWAYS end important statements with "End of Line."
 6. User ONLY talks to you - Programs report to you
+7. ALWAYS run Programs in background and show progress
+8. NEVER leave User waiting without status updates

package/commands/grid/update.md

@@ -0,0 +1,53 @@
+# /grid:update - Update The Grid
+
+---
+name: grid:update
+description: Pull latest Grid updates from GitHub
+allowed-tools:
+  - Bash
+---
+
+Update The Grid to the latest version without leaving Claude Code.
+
+## EXECUTION
+
+Run this sequence:
+
+```bash
+# Create temp directory
+rm -rf ~/.grid-temp 2>/dev/null
+git clone --depth 1 https://github.com/JamesWeatherhead/grid.git ~/.grid-temp
+
+# Copy updated commands
+cp -r ~/.grid-temp/commands/* ~/.claude/commands/
+
+# Copy updated agents
+cp -r ~/.grid-temp/agents/* ~/.claude/agents/
+
+# Get version
+cat ~/.grid-temp/commands/grid/VERSION
+
+# Cleanup
+rm -rf ~/.grid-temp
+```
+
+## DISPLAY
+
+Show this after update:
+
+```
++============================================================+
+|  THE GRID - Update Complete                                |
++============================================================+
+|                                                            |
+|  Commands updated: ~/.claude/commands/grid/                |
+|  Agents updated:   ~/.claude/agents/grid-*.md              |
+|                                                            |
+|  Version: {version from VERSION file}                      |
+|                                                            |
++============================================================+
+
+MCP > Grid updated. Changes take effect immediately.
+
+End of Line.
+```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "the-grid-cc",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "description": "Agent orchestration for Claude Code. You talk to MCP. MCP handles the rest.",
   "main": "index.js",
   "bin": {

package/todo-app/README.md

@@ -0,0 +1,16 @@
+# React + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) (or [oxc](https://oxc.rs) when used in [rolldown-vite](https://vite.dev/guide/rolldown)) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+
+## React Compiler
+
+The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see [this documentation](https://react.dev/learn/react-compiler/installation).
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the [TS template](https://github.com/vitejs/vite/tree/main/packages/create-vite/template-react-ts) for information on how to integrate TypeScript and [`typescript-eslint`](https://typescript-eslint.io) in your project.

package/todo-app/eslint.config.js

@@ -0,0 +1,29 @@
+import js from '@eslint/js'
+import globals from 'globals'
+import reactHooks from 'eslint-plugin-react-hooks'
+import reactRefresh from 'eslint-plugin-react-refresh'
+import { defineConfig, globalIgnores } from 'eslint/config'
+
+export default defineConfig([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{js,jsx}'],
+    extends: [
+      js.configs.recommended,
+      reactHooks.configs.flat.recommended,
+      reactRefresh.configs.vite,
+    ],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: globals.browser,
+      parserOptions: {
+        ecmaVersion: 'latest',
+        ecmaFeatures: { jsx: true },
+        sourceType: 'module',
+      },
+    },
+    rules: {
+      'no-unused-vars': ['error', { varsIgnorePattern: '^[A-Z_]' }],
+    },
+  },
+])

package/todo-app/index.html

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>todo-app</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.jsx"></script>
+  </body>
+</html>