@design.estate/dees-catalog 9.3.0 → 9.4.0

package/dist_ts_web/elements/00group-simple/dees-simple-appdash/dees-simple-appdash.demo.js

@@ -32,440 +32,281 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
     }
     return useValue ? value : void 0;
 };
-import { html, DeesElement, customElement, css, cssManager } from '@design.estate/dees-element';
+import { html, DeesElement, customElement, property, state, css, cssManager } from '@design.estate/dees-element';
+import { themeDefaultStyles } from '../../00theme.js';
+import { demoApp } from '../../../demos/templates.js';
+import { WebContainerEnvironment } from '../../00group-runtime/index.js';
 import '../../00group-form/dees-form/dees-form.js';
-import '../../00group-input/dees-input-text/dees-input-text.js';
-import '../../00group-input/dees-input-checkbox/dees-input-checkbox.js';
-import '../../00group-input/dees-input-dropdown/dees-input-dropdown.js';
-import '../../00group-input/dees-input-radiogroup/dees-input-radiogroup.js';
 import '../../00group-form/dees-form-submit/dees-form-submit.js';
+import '../../00group-input/dees-input-text/dees-input-text.js';
+import '../../00group-input/dees-input-toggle/dees-input-toggle.js';
 import '../../00group-dataview/dees-statsgrid/dees-statsgrid.js';
-// Create demo view components
-let DemoViewDashboard = (() => {
-    let _classDecorators = [customElement('demo-view-dashboard')];
+import '../../00group-dataview/dees-table/dees-table.js';
+const initialState = () => ({ name: 'Studio', notifications: true, projects: [
+        { id: 'atlas', name: 'Atlas identity', client: 'Atlas', state: 'In progress' },
+        { id: 'field', name: 'Field notes', client: 'Fieldwork', state: 'Ready for review' },
+        { id: 'mono', name: 'Mono storefront', client: 'Mono', state: 'Completed' },
+    ], activity: ['Alex shared the first Atlas concepts.', 'Field notes is ready for a final review.', 'Mono storefront was delivered to the client.'] });
+let DeesDemoSimpleView = (() => {
+    let _classSuper = DeesElement;
+    let _model_decorators;
+    let _model_initializers = [];
+    let _model_extraInitializers = [];
+    return class DeesDemoSimpleView extends _classSuper {
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _model_decorators = [property({ attribute: false })];
+            __esDecorate(this, null, _model_decorators, { kind: "accessor", name: "model", static: false, private: false, access: { has: obj => "model" in obj, get: obj => obj.model, set: (obj, value) => { obj.model = value; } }, metadata: _metadata }, _model_initializers, _model_extraInitializers);
+            if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        #model_accessor_storage = __runInitializers(this, _model_initializers, initialState());
+        get model() { return this.#model_accessor_storage; }
+        set model(value) { this.#model_accessor_storage = value; }
+        page = (__runInitializers(this, _model_extraInitializers), 'Overview');
+        action(detail) { this.dispatchEvent(new CustomEvent('studio-action', { detail, bubbles: true, composed: true })); }
+        static styles = [themeDefaultStyles, cssManager.defaultStyles, css `
+    :host { display: block; container-type: inline-size; font: 13px/1.5 var(--dees-font-family); color: var(--dees-color-text-primary); }
+    main { display: grid; gap: 28px; max-width: 1040px; margin: auto; padding: 32px; }
+    h1 { font-size: 28px; line-height: 1.2; font-weight: 600; letter-spacing: -.035em; margin: 0 0 8px; }
+    h2 { font-size: 15px; font-weight: 600; margin: 0; }
+    p { margin: 0; color: var(--dees-color-text-secondary); }
+    .eyebrow { font-size: 12px; color: var(--dees-color-text-secondary); margin-bottom: 12px; }
+    .sectionHeader { display: flex; gap: 12px; align-items: center; justify-content: space-between; margin-bottom: 12px; }
+    .project { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; padding: 20px; border: 1px solid var(--dees-color-border-subtle); border-radius: var(--dees-radius-xl); background: var(--dees-color-bg-primary); }
+    .project > dees-icon { color: var(--dees-color-text-secondary); }
+    .project .text { flex: 1 1 140px; }
+    .project p { font-size: 12px; margin-top: 4px; }
+    .activity { list-style: none; padding: 0; margin: 0; }
+    .activity li { display: flex; align-items: baseline; gap: 12px; padding: 14px 0; border-bottom: 1px solid var(--dees-color-border-subtle); }
+    .activity li::before { content: ''; width: 5px; height: 5px; flex-shrink: 0; background: var(--dees-color-text-muted); border-radius: 50%; }
+    dees-form { display: grid; gap: 24px; max-width: 440px; }
+    .settings { padding: 20px; border-radius: var(--dees-radius-xl); border: 1px solid var(--dees-color-border-subtle); background: var(--dees-color-bg-primary); }
+    @container (max-width: 600px) { main { padding: 24px 20px; gap: 24px; } h1 { font-size: 24px; } }
+  `];
+        render() {
+            const model = this.model;
+            if (this.page === 'Projects') {
+                const columns = [{ key: 'name', header: 'Project' }, { key: 'client', header: 'Client' }, { key: 'state', header: 'Status' }];
+                const actions = [{ name: 'Archive project', iconName: 'lucide:Archive', type: ['inRow', 'contextmenu'], actionFunc: async ({ item }) => this.action({ type: 'archive', id: item.id }) }];
+                return html `<main><header><h1>Projects</h1><p>Everything your studio is working on.</p></header>
+        <dees-table heading1="Studio projects" heading2="Archive a delivered project to clear space." dataName="projects" .data=${model.projects} .columns=${columns} rowKey="id" .dataActions=${actions}></dees-table></main>`;
+            }
+            if (this.page === 'Profile')
+                return html `<main><header><h1>Make it yours.</h1><p>A name for the space you work in.</p></header>
+      <dees-form @formData=${(event) => this.action({ type: 'profile', name: String(event.detail.data.name).trim() })}>
+        <dees-input-text key="name" label="Workspace name" .value=${model.name} required></dees-input-text>
+        <dees-form-submit type="accent" icon="lucide:check">Save changes</dees-form-submit>
+      </dees-form></main>`;
+            if (this.page === 'Notifications')
+                return html `<main><header><h1>Stay in the loop.</h1><p>Choose how this workspace keeps you informed.</p></header><div class="settings">
+      <dees-input-toggle label="Project updates" description="Show a notice when a project is archived." .value=${model.notifications}
+        @newValue=${(event) => this.action({ type: 'notifications', enabled: event.detail })}></dees-input-toggle>
+    </div></main>`;
+            return html `<main><header><div class="eyebrow">Your workspace</div><h1>Room for good work.</h1><p>A clear view of your projects, people, and progress.</p></header>
+      <dees-statsgrid .minTileWidth=${160} .tiles=${[
+                { id: 'projects', title: 'Open projects', value: model.projects.length, type: 'number', icon: 'lucide:Layers', description: 'Across the studio' },
+                { id: 'review', title: 'Ready for review', value: model.projects.filter(project => project.state === 'Ready for review').length, type: 'number', icon: 'lucide:CircleCheck', description: 'Waiting for your feedback' },
+                { id: 'people', title: 'Collaborators', value: 4, type: 'number', icon: 'lucide:Users', description: 'One shared workspace' },
+            ]}></dees-statsgrid>
+      <section><div class="sectionHeader"><h2>On your desk</h2><dees-button type="ghost" size="sm" text="View projects" icon="lucide:arrowUpRight" @clicked=${() => this.action({ type: 'navigate', page: 'Projects' })}></dees-button></div>
+        <div class="project"><dees-icon icon="lucide:folderOpen" iconSize="28"></dees-icon><div class="text"><h2>${model.projects[0]?.name || 'A fresh start'}</h2><p>${model.projects[0]?.state || 'All projects are archived. Reset the demo to start again.'}</p></div>
+          ${model.projects.length ? html `<dees-button type="outline" text="Open projects" @clicked=${() => this.action({ type: 'navigate', page: 'Projects' })}></dees-button>` : ''}</div>
+      </section><section><div class="sectionHeader"><h2>Recent activity</h2></div><ul class="activity">${model.activity.map(entry => html `<li>${entry}</li>`)}</ul></section>
+    </main>`;
+        }
+    };
+})();
+let DeesDemoSimpleOverview = (() => {
+    let _classDecorators = [customElement('dees-demo-simple-overview')];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
-    let _classSuper = DeesElement;
-    var DemoViewDashboard = class extends _classSuper {
+    let _classSuper = DeesDemoSimpleView;
+    var DeesDemoSimpleOverview = class extends _classSuper {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
             __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
-            DemoViewDashboard = _classThis = _classDescriptor.value;
+            DeesDemoSimpleOverview = _classThis = _classDescriptor.value;
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
         }
-        static styles = [
-            cssManager.defaultStyles,
-            css `
-      :host {
-        display: block;
-        padding: 40px;
-      }
-      h1 {
-        margin: 0 0 20px 0;
-        color: ${cssManager.bdTheme('#000', '#fff')};
-      }
-      dees-statsgrid {
-        margin-top: 20px;
-      }
-    `
-        ];
-        statsTiles = [
-            {
-                id: 'users',
-                title: 'Active Users',
-                value: 1234,
-                type: 'number',
-                icon: 'faUsers',
-                description: '+15% from last week',
-                color: '#22c55e'
-            },
-            {
-                id: 'pageviews',
-                title: 'Page Views',
-                value: 56700,
-                type: 'number',
-                icon: 'faEye',
-                description: '56.7k total views',
-                color: '#3b82f6'
-            },
-            {
-                id: 'uptime',
-                title: 'System Uptime',
-                value: 89,
-                unit: '%',
-                type: 'gauge',
-                icon: 'faServer',
-                description: 'Last 30 days',
-                color: '#10b981',
-                gaugeOptions: {
-                    min: 0,
-                    max: 100,
-                    thresholds: [
-                        { value: 80, color: '#ef4444' },
-                        { value: 90, color: '#f59e0b' },
-                        { value: 100, color: '#10b981' }
-                    ]
-                }
-            },
-            {
-                id: 'response',
-                title: 'Avg Response Time',
-                value: 3.2,
-                unit: 's',
-                type: 'number',
-                icon: 'faClock',
-                description: '-0.5s improvement',
-                color: '#f59e0b'
-            },
-            {
-                id: 'revenue',
-                title: 'Monthly Revenue',
-                value: 48520,
-                unit: '$',
-                type: 'trend',
-                icon: 'faDollarSign',
-                description: '+8.2% growth',
-                color: '#22c55e',
-                trendData: [35000, 38000, 37500, 41000, 39800, 42000, 44100, 43200, 45600, 47100, 46800, 48520]
-            },
-            {
-                id: 'traffic',
-                title: 'Traffic Trend',
-                value: 1680,
-                type: 'trend',
-                icon: 'faChartLine',
-                description: 'Last 7 days',
-                color: '#3b82f6',
-                trendData: [1200, 1350, 1100, 1450, 1600, 1550, 1680]
-            }
-        ];
-        render() {
-            return html `
-      <h1>Dashboard</h1>
-      <p>Welcome to your application dashboard. Here's an overview of your metrics:</p>
-      <dees-statsgrid
-        .tiles=${this.statsTiles}
-        @tile-action=${(e) => {
-                console.log('Tile action:', e.detail);
-            }}
-      ></dees-statsgrid>
-
-      <h2 style="margin-top: 40px;">Recent Activity</h2>
-      <p>Below is a log of recent system events and user activity to demonstrate scrollable content.</p>
-
-      ${[
-                { time: '2 min ago', event: 'User john@example.com logged in from 192.168.1.42', type: 'info' },
-                { time: '5 min ago', event: 'Deployment v3.52.1 completed successfully on production', type: 'success' },
-                { time: '12 min ago', event: 'Database backup finished — 2.4 GB compressed', type: 'info' },
-                { time: '18 min ago', event: 'SSL certificate renewed for api.example.com (expires 2027-04-03)', type: 'success' },
-                { time: '25 min ago', event: 'Memory usage spike on worker-03 (92%) — auto-scaled to 4 instances', type: 'warning' },
-                { time: '31 min ago', event: 'New user registration: sarah@company.io', type: 'info' },
-                { time: '45 min ago', event: 'Scheduled job "cleanup-temp-files" completed — removed 1,247 files', type: 'info' },
-                { time: '1 hour ago', event: 'API rate limit reached for client app-mobile-client (429 responses)', type: 'warning' },
-                { time: '1.5 hours ago', event: 'CDN cache purged for /assets/* — 340 objects invalidated', type: 'info' },
-                { time: '2 hours ago', event: 'Failed login attempt for admin@example.com from 203.0.113.50 (blocked)', type: 'error' },
-                { time: '2.5 hours ago', event: 'Webhook delivery to https://hooks.slack.com succeeded (200 OK)', type: 'info' },
-                { time: '3 hours ago', event: 'Cron job "generate-reports" started — processing Q1 2026 data', type: 'info' },
-                { time: '3.5 hours ago', event: 'Load balancer health check: all 8 nodes healthy', type: 'success' },
-                { time: '4 hours ago', event: 'DNS propagation complete for new subdomain staging.example.com', type: 'success' },
-            ].map(item => html `
-        <div style="
-          display: flex;
-          align-items: baseline;
-          gap: 12px;
-          padding: 10px 0;
-          border-bottom: 1px solid ${cssManager.bdTheme('hsl(0 0% 90%)', 'hsl(0 0% 12%)')};
-          font-size: 13px;
-        ">
-          <span style="
-            flex-shrink: 0;
-            width: 100px;
-            font-size: 11px;
-            color: ${cssManager.bdTheme('hsl(0 0% 55%)', 'hsl(0 0% 45%)')};
-          ">${item.time}</span>
-          <span style="
-            color: ${item.type === 'error' ? cssManager.bdTheme('hsl(0 72% 50%)', 'hsl(0 72% 65%)') :
-                item.type === 'warning' ? cssManager.bdTheme('hsl(25 95% 50%)', 'hsl(25 95% 63%)') :
-                    item.type === 'success' ? cssManager.bdTheme('hsl(142 70% 40%)', 'hsl(142 70% 55%)') :
-                        cssManager.bdTheme('hsl(0 0% 30%)', 'hsl(0 0% 75%)')};
-          ">${item.event}</span>
-        </div>
-      `)}
-    `;
-        }
+    };
+    return DeesDemoSimpleOverview = _classThis;
+})();
+let DeesDemoSimpleProjects = (() => {
+    let _classDecorators = [customElement('dees-demo-simple-projects')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = DeesDemoSimpleView;
+    var DeesDemoSimpleProjects = class extends _classSuper {
+        static { _classThis = this; }
         static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            DeesDemoSimpleProjects = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
             __runInitializers(_classThis, _classExtraInitializers);
         }
+        page = 'Projects';
     };
-    return DemoViewDashboard = _classThis;
+    return DeesDemoSimpleProjects = _classThis;
 })();
-let DemoViewAnalytics = (() => {
-    let _classDecorators = [customElement('demo-view-analytics')];
+let DeesDemoSimpleProfile = (() => {
+    let _classDecorators = [customElement('dees-demo-simple-profile')];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
-    let _classSuper = DeesElement;
-    var DemoViewAnalytics = class extends _classSuper {
+    let _classSuper = DeesDemoSimpleView;
+    var DeesDemoSimpleProfile = class extends _classSuper {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
             __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
-            DemoViewAnalytics = _classThis = _classDescriptor.value;
+            DeesDemoSimpleProfile = _classThis = _classDescriptor.value;
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
         }
-        static styles = [
-            cssManager.defaultStyles,
-            css `
-      :host {
-        display: block;
-        padding: 40px;
-      }
-      h1 {
-        margin: 0 0 20px 0;
-        color: ${cssManager.bdTheme('#000', '#fff')};
-      }
-    `
-        ];
-        render() {
-            return html `
-      <h1>Analytics</h1>
-      <p>This is the analytics view. You can add charts and metrics here.</p>
-    `;
-        }
+        page = 'Profile';
+    };
+    return DeesDemoSimpleProfile = _classThis;
+})();
+let DeesDemoSimpleNotifications = (() => {
+    let _classDecorators = [customElement('dees-demo-simple-notifications')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = DeesDemoSimpleView;
+    var DeesDemoSimpleNotifications = class extends _classSuper {
+        static { _classThis = this; }
         static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            DeesDemoSimpleNotifications = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
             __runInitializers(_classThis, _classExtraInitializers);
         }
+        page = 'Notifications';
     };
-    return DemoViewAnalytics = _classThis;
+    return DeesDemoSimpleNotifications = _classThis;
 })();
-let DemoViewSettings = (() => {
-    let _classDecorators = [customElement('demo-view-settings')];
+let DeesDemoSimpleStudio = (() => {
+    let _classDecorators = [customElement('dees-demo-simple-studio')];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
     let _classSuper = DeesElement;
-    var DemoViewSettings = class extends _classSuper {
+    let _model_decorators;
+    let _model_initializers = [];
+    let _model_extraInitializers = [];
+    let _signedOut_decorators;
+    let _signedOut_initializers = [];
+    let _signedOut_extraInitializers = [];
+    let _message_decorators;
+    let _message_initializers = [];
+    let _message_extraInitializers = [];
+    var DeesDemoSimpleStudio = class extends _classSuper {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _model_decorators = [state()];
+            _signedOut_decorators = [state()];
+            _message_decorators = [state()];
+            __esDecorate(this, null, _model_decorators, { kind: "accessor", name: "model", static: false, private: false, access: { has: obj => "model" in obj, get: obj => obj.model, set: (obj, value) => { obj.model = value; } }, metadata: _metadata }, _model_initializers, _model_extraInitializers);
+            __esDecorate(this, null, _signedOut_decorators, { kind: "accessor", name: "signedOut", static: false, private: false, access: { has: obj => "signedOut" in obj, get: obj => obj.signedOut, set: (obj, value) => { obj.signedOut = value; } }, metadata: _metadata }, _signedOut_initializers, _signedOut_extraInitializers);
+            __esDecorate(this, null, _message_decorators, { kind: "accessor", name: "message", static: false, private: false, access: { has: obj => "message" in obj, get: obj => obj.message, set: (obj, value) => { obj.message = value; } }, metadata: _metadata }, _message_initializers, _message_extraInitializers);
             __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
-            DemoViewSettings = _classThis = _classDescriptor.value;
+            DeesDemoSimpleStudio = _classThis = _classDescriptor.value;
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         }
-        static styles = [
-            cssManager.defaultStyles,
-            css `
-      :host {
-        display: block;
-        padding: 40px;
-      }
-      h1 {
-        margin: 0 0 20px 0;
-        color: ${cssManager.bdTheme('#000', '#fff')};
-      }
-      .settings-section {
-        margin-top: 30px;
-      }
-      .settings-section h2 {
-        font-size: 18px;
-        margin: 0 0 15px 0;
-        color: ${cssManager.bdTheme('#333', '#ccc')};
-      }
-      .horizontal-form-section {
-        background: ${cssManager.bdTheme('#f5f5f5', '#1a1a1a')};
-        padding: 20px;
-        border-radius: 8px;
-        margin: 15px 0;
-      }
-    `
+        #model_accessor_storage = __runInitializers(this, _model_initializers, initialState());
+        get model() { return this.#model_accessor_storage; }
+        set model(value) { this.#model_accessor_storage = value; }
+        #signedOut_accessor_storage = (__runInitializers(this, _model_extraInitializers), __runInitializers(this, _signedOut_initializers, false));
+        get signedOut() { return this.#signedOut_accessor_storage; }
+        set signedOut(value) { this.#signedOut_accessor_storage = value; }
+        #message_accessor_storage = (__runInitializers(this, _signedOut_extraInitializers), __runInitializers(this, _message_initializers, 'Local sample workspace. Archive a project or change its settings.'));
+        get message() { return this.#message_accessor_storage; }
+        set message(value) { this.#message_accessor_storage = value; }
+        environment = (__runInitializers(this, _message_extraInitializers), new WebContainerEnvironment());
+        views = [
+            { name: 'Overview', iconName: 'layoutGrid', element: DeesDemoSimpleOverview },
+            { name: 'Projects', iconName: 'folder', element: DeesDemoSimpleProjects },
+            { name: 'Settings', iconName: 'settings2', subViews: [
+                    { name: 'Profile', iconName: 'contact', element: DeesDemoSimpleProfile },
+                    { name: 'Notifications', iconName: 'bell', element: DeesDemoSimpleNotifications },
+                ] },
         ];
+        get app() { return this.shadowRoot?.querySelector('dees-simple-appdash') || null; }
+        static styles = [themeDefaultStyles, cssManager.defaultStyles, css `
+    :host { display: grid; height: 100%; min-height: 600px; grid-template-rows: auto minmax(0, 1fr) auto; gap: 16px; font: 12px/1.5 var(--dees-font-family); }
+    .toolbar { display: flex; gap: 12px; align-items: center; justify-content: space-between; flex-wrap: wrap; color: var(--dees-color-text-secondary); }
+    .toolbar div { display: flex; flex-wrap: wrap; gap: 8px; }
+    .frame { min-height: 0; overflow: hidden; border-radius: var(--dees-radius-2xl); corner-shape: var(--dees-corner-shape); border: 1px solid var(--dees-color-border-default); }
+    output { color: var(--dees-color-text-secondary); }
+    .signedOut { height: 100%; display: grid; place-content: center; justify-items: center; gap: 16px; }
+    .signedOut h2 { margin: 0; font-size: 24px; letter-spacing: -.025em; }
+  `];
+        syncView() {
+            const view = this.app?.shadowRoot?.querySelector('.appcontent')?.firstElementChild;
+            if (view)
+                view.model = this.model;
+        }
+        updated(changes) { super.updated(changes); this.syncView(); }
+        async resetDemo() {
+            this.model = initialState();
+            this.signedOut = false;
+            this.message = 'Workspace reset.';
+            await this.updateComplete;
+            this.app?.clearMessages();
+            await this.app?.loadView(this.views[0]);
+        }
+        navigate(page) {
+            const view = this.views.flatMap(entry => [entry, ...(entry.subViews || [])]).find(entry => entry.name === page);
+            if (view)
+                void this.app?.loadView(view);
+        }
+        handleAction(event) {
+            const action = event.detail;
+            if (action.type === 'navigate') {
+                this.navigate(action.page);
+                return;
+            }
+            if (action.type === 'archive') {
+                const project = this.model.projects.find(project => project.id === action.id);
+                if (!project)
+                    return;
+                this.message = `${project.name} archived.`;
+                this.model = { ...this.model, projects: this.model.projects.filter(project => project.id !== action.id), activity: [this.message, ...this.model.activity].slice(0, 6) };
+                this.app?.removeMessage('storage');
+                if (this.model.notifications)
+                    this.app?.addMessage({ id: 'project-update', type: 'success', message: this.message });
+            }
+            else if (action.type === 'profile' && action.name) {
+                this.model = { ...this.model, name: action.name };
+                this.message = 'Workspace name saved.';
+                this.app?.addMessage({ id: 'settings-update', type: 'success', message: this.message });
+            }
+            else if (action.type === 'notifications') {
+                this.model = { ...this.model, notifications: action.enabled };
+                this.message = `Project notices ${action.enabled ? 'enabled' : 'disabled'}.`;
+            }
+        }
         render() {
-            return html `
-      <h1>Settings</h1>
-      <p>Configure your application settings below:</p>
-      
-      <div class="settings-section">
-        <h2>General Settings</h2>
-        <dees-form>
-          <dees-input-text key="appName" label="Application Name" value="My App"></dees-input-text>
-          <dees-input-text key="apiEndpoint" label="API Endpoint" value="https://api.example.com"></dees-input-text>
-          <dees-input-dropdown
-            key="environment"
-            label="Environment"
-            .options=${[
-                { option: 'Development', key: 'dev' },
-                { option: 'Staging', key: 'staging' },
-                { option: 'Production', key: 'prod' }
-            ]}
-            .selectedOption=${{ option: 'Production', key: 'prod' }}
-          ></dees-input-dropdown>
-          <dees-input-checkbox key="enableNotifications" label="Enable Notifications" value="true"></dees-input-checkbox>
-          <dees-input-checkbox key="enableAnalytics" label="Enable Analytics" value="false"></dees-input-checkbox>
-          <dees-form-submit>Save General Settings</dees-form-submit>
-        </dees-form>
-      </div>
-      
-      <div class="settings-section">
-        <h2>Display Preferences</h2>
-        <div class="horizontal-form-section">
-          <p style="margin-top: 0; margin-bottom: 16px;">Quick display settings using horizontal layout:</p>
-          <dees-form horizontal-layout>
-            <dees-input-dropdown
-              key="theme"
-              label="Theme"
-              .enableSearch=${false}
-              .options=${[
-                { option: 'Light', key: 'light' },
-                { option: 'Dark', key: 'dark' },
-                { option: 'Auto', key: 'auto' }
-            ]}
-              .selectedOption=${{ option: 'Dark', key: 'dark' }}
-            ></dees-input-dropdown>
-            <dees-input-dropdown
-              key="language"
-              label="Language"
-              .enableSearch=${false}
-              .options=${[
-                { option: 'English', key: 'en' },
-                { option: 'German', key: 'de' },
-                { option: 'Spanish', key: 'es' },
-                { option: 'French', key: 'fr' }
-            ]}
-              .selectedOption=${{ option: 'English', key: 'en' }}
-            ></dees-input-dropdown>
-            <dees-input-checkbox key="compactMode" label="Compact Mode"></dees-input-checkbox>
-          </dees-form>
-        </div>
-      </div>
-      
-      <div class="settings-section">
-        <h2>Notification Settings</h2>
-        <dees-form>
-          <dees-input-radiogroup
-            .label=${'Email Frequency'}
-            .options=${['Real-time', 'Daily Digest', 'Weekly Summary', 'Never']}
-            .selectedOption=${'Real-time'}
-            .key=${'emailFrequency'}
-          ></dees-input-radiogroup>
-          <dees-input-checkbox key="pushNotifications" label="Enable Push Notifications" value="true"></dees-input-checkbox>
-          <dees-input-checkbox key="soundAlerts" label="Play Sound for Alerts" value="true"></dees-input-checkbox>
-          <dees-form-submit>Update Notifications</dees-form-submit>
-        </dees-form>
-      </div>
-    `;
+            return html `<div class="toolbar"><span>Simple app · One connected studio</span><div>
+      <dees-button type="outline" size="sm" text="Show storage notice" @clicked=${() => this.app?.addMessage({ id: 'storage', type: 'warning', message: 'Your workspace is nearly full. Archive a delivered project to make room.', dismissible: false, actions: [{ name: 'Review projects', action: async () => this.navigate('Projects') }] })}></dees-button>
+      <dees-button type="ghost" size="sm" text="Reset demo" @clicked=${this.resetDemo}></dees-button>
+    </div></div><div class="frame">${this.signedOut ? html `<div class="signedOut"><dees-icon icon="lucide:layers" iconSize="32"></dees-icon><h2>See you soon.</h2><dees-button type="accent" text="Return to Studio" @clicked=${() => { this.signedOut = false; }}></dees-button></div>` : html `
+      <dees-simple-appdash .name=${this.model.name} .viewTabs=${this.views} .executionEnvironment=${this.environment}
+        @view-select=${this.syncView} @studio-action=${this.handleAction} @logout=${() => { this.signedOut = true; this.message = 'Signed out of the sample workspace.'; }}></dees-simple-appdash>`}
+    </div><output role="status">${this.message}</output>`;
         }
         static {
             __runInitializers(_classThis, _classExtraInitializers);
         }
     };
-    return DemoViewSettings = _classThis;
+    return DeesDemoSimpleStudio = _classThis;
 })();
-export const demoFunc = () => html `
-  <style>
-    body {
-      margin: 0;
-      padding: 0;
-    }
-    .demo-container {
-      width: 100%;
-      height: 100%;
-      position: absolute;
-      top: 0;
-      left: 0;
-    }
-  </style>
-  <div class="demo-container">
-    <dees-simple-appdash
-      name="My Application"
-      terminalSetupCommand="echo 'Welcome to the terminal!'"
-      .globalMessages=${[
-    {
-        id: 'update',
-        type: 'info',
-        message: 'A new version (v3.50.0) is available with performance improvements and bug fixes.',
-        dismissible: true,
-        actions: [
-            {
-                name: 'Update Now',
-                iconName: 'lucide:download',
-                action: () => alert('Updating...'),
-            },
-            {
-                name: 'Release Notes',
-                action: () => alert('Opening release notes...'),
-            },
-        ],
-    },
-    {
-        id: 'maintenance',
-        type: 'warning',
-        message: 'Scheduled maintenance window: April 5, 2026 02:00–06:00 UTC. Some services may be temporarily unavailable.',
-        dismissible: true,
-    },
-    {
-        id: 'critical',
-        type: 'error',
-        message: 'Your SSL certificate expires in 3 days. Renew now to avoid service disruption.',
-        dismissible: false,
-        actions: [
-            {
-                name: 'Renew Certificate',
-                iconName: 'lucide:shieldCheck',
-                action: () => alert('Renewing certificate...'),
-            },
-        ],
-    },
-]}
-      .viewTabs=${[
-    {
-        name: 'Dashboard',
-        iconName: 'lucide:home',
-        element: DemoViewDashboard,
-    },
-    {
-        name: 'Analytics',
-        iconName: 'lucide:lineChart',
-        element: DemoViewAnalytics,
-        subViews: [
-            {
-                name: 'Overview',
-                iconName: 'lucide:activity',
-                element: DemoViewAnalytics,
-            },
-            {
-                name: 'Reports',
-                iconName: 'lucide:fileText',
-                element: DemoViewDashboard,
-            },
-        ],
-    },
-    {
-        name: 'Settings',
-        iconName: 'lucide:settings',
-        subViews: [
-            {
-                name: 'Profile',
-                iconName: 'lucide:user',
-                element: DemoViewSettings,
-            },
-            {
-                name: 'Billing',
-                iconName: 'lucide:creditCard',
-                element: DemoViewSettings,
-            },
-        ],
-    },
-]}
-      @logout=${() => {
-    console.log('Logout event triggered');
-    alert('Logout clicked!');
-}}
-      @view-select=${(e) => {
-    console.log('View selected:', e.detail.view.name);
-}}
-    ></dees-simple-appdash>
-  </div>
-`;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1zaW1wbGUtYXBwZGFzaC5kZW1vLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vdHNfd2ViL2VsZW1lbnRzLzAwZ3JvdXAtc2ltcGxlL2RlZXMtc2ltcGxlLWFwcGRhc2gvZGVlcy1zaW1wbGUtYXBwZGFzaC5kZW1vLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRSxhQUFhLEVBQUUsR0FBRyxFQUFFLFVBQVUsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBRWhHLE9BQU8sMkNBQTJDLENBQUM7QUFDbkQsT0FBTyx3REFBd0QsQ0FBQztBQUNoRSxPQUFPLGdFQUFnRSxDQUFDO0FBQ3hFLE9BQU8sZ0VBQWdFLENBQUM7QUFDeEUsT0FBTyxvRUFBb0UsQ0FBQztBQUM1RSxPQUFPLHlEQUF5RCxDQUFDO0FBQ2pFLE9BQU8seURBQXlELENBQUM7QUFHakUsOEJBQThCO0lBRXhCLGlCQUFpQjs0QkFEdEIsYUFBYSxDQUFDLHFCQUFxQixDQUFDOzs7O3NCQUNMLFdBQVc7aUNBQW5CLFNBQVEsV0FBVzs7OztZQUEzQyw2S0ErSUM7Ozs7UUE5SUMsTUFBTSxDQUFDLE1BQU0sR0FBRztZQUNkLFVBQVUsQ0FBQyxhQUFhO1lBQ3hCLEdBQUcsQ0FBQTs7Ozs7OztpQkFPVSxVQUFVLENBQUMsT0FBTyxDQUFDLE1BQU0sRUFBRSxNQUFNLENBQUM7Ozs7O0tBSzlDO1NBQ0YsQ0FBQztRQUVNLFVBQVUsR0FBaUI7WUFDakM7Z0JBQ0UsRUFBRSxFQUFFLE9BQU87Z0JBQ1gsS0FBSyxFQUFFLGNBQWM7Z0JBQ3JCLEtBQUssRUFBRSxJQUFJO2dCQUNYLElBQUksRUFBRSxRQUFRO2dCQUNkLElBQUksRUFBRSxTQUFTO2dCQUNmLFdBQVcsRUFBRSxxQkFBcUI7Z0JBQ2xDLEtBQUssRUFBRSxTQUFTO2FBQ2pCO1lBQ0Q7Z0JBQ0Us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
+export const demoFunc = () => demoApp(html `<dees-demo-simple-studio></dees-demo-simple-studio>`);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1zaW1wbGUtYXBwZGFzaC5kZW1vLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vdHNfd2ViL2VsZW1lbnRzLzAwZ3JvdXAtc2ltcGxlL2RlZXMtc2ltcGxlLWFwcGRhc2gvZGVlcy1zaW1wbGUtYXBwZGFzaC5kZW1vLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRSxhQUFhLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxHQUFHLEVBQUUsVUFBVSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFFakgsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDdEQsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3RELE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ3pFLE9BQU8sMkNBQTJDLENBQUM7QUFDbkQsT0FBTyx5REFBeUQsQ0FBQztBQUNqRSxPQUFPLHdEQUF3RCxDQUFDO0FBQ2hFLE9BQU8sNERBQTRELENBQUM7QUFDcEUsT0FBTyx5REFBeUQsQ0FBQztBQUNqRSxPQUFPLGlEQUFpRCxDQUFDO0FBS3pELE1BQU0sWUFBWSxHQUFHLEdBQWlCLEVBQUUsQ0FBQyxDQUFDLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxhQUFhLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRTtRQUN6RixFQUFFLEVBQUUsRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLGdCQUFnQixFQUFFLE1BQU0sRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLGFBQWEsRUFBRTtRQUM5RSxFQUFFLEVBQUUsRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLGFBQWEsRUFBRSxNQUFNLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxrQkFBa0IsRUFBRTtRQUNwRixFQUFFLEVBQUUs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