@hanzo/rooms 0.1.0

package/LICENSE-APACHE

@@ -0,0 +1,205 @@
+Apache License
+Version 2.0, January 2004
+http://www.apache.org/licenses/
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1. Definitions.
+
+"License" shall mean the terms and conditions for use, reproduction, and
+distribution as defined by Sections 1 through 9 of this document.
+
+"Licensor" shall mean the copyright owner or entity authorized by the copyright
+owner that is granting the License.
+
+"Legal Entity" shall mean the union of the acting entity and all other entities
+that control, are controlled by, or are under common control with that entity.
+For the purposes of this definition, "control" means (i) the power, direct or
+indirect, to cause the direction or management of such entity, whether by
+contract or otherwise, or (ii) ownership of fifty percent (50%) or more of the
+outstanding shares, or (iii) beneficial ownership of such entity.
+
+"You" (or "Your") shall mean an individual or Legal Entity exercising
+permissions granted by this License.
+
+"Source" form shall mean the preferred form for making modifications, including
+but not limited to software source code, documentation source, and configuration
+files.
+
+"Object" form shall mean any form resulting from mechanical transformation or
+translation of a Source form, including but not limited to compiled object code,
+generated documentation, and conversions to other media types.
+
+"Work" shall mean the work of authorship, whether in Source or Object form, made
+available under the License, as indicated by a copyright notice that is included
+in or attached to the work (an example is provided in the Appendix below).
+
+"Derivative Works" shall mean any work, whether in Source or Object form, that
+is based on (or derived from) the Work and for which the editorial revisions,
+annotations, elaborations, or other modifications represent, as a whole, an
+original work of authorship. For the purposes of this License, Derivative Works
+shall not include works that remain separable from, or merely link (or bind by
+name) to the interfaces of, the Work and Derivative Works thereof.
+
+"Contribution" shall mean any work of authorship, including the original version
+of the Work and any modifications or additions to that Work or Derivative Works
+thereof, that is intentionally submitted to Licensor for inclusion in the Work
+by the copyright owner or by an individual or Legal Entity authorized to submit
+on behalf of the copyright owner. For the purposes of this definition,
+"submitted" means any form of electronic, verbal, or written communication sent
+to the Licensor or its representatives, including but not limited to
+communication on electronic mailing lists, source code control systems, and
+issue tracking systems that are managed by, or on behalf of, the Licensor for
+the purpose of discussing and improving the Work, but excluding communication
+that is conspicuously marked or otherwise designated in writing by the copyright
+owner as "Not a Contribution."
+
+"Contributor" shall mean Licensor and any individual or Legal Entity on behalf
+of whom a Contribution has been received by Licensor and subsequently
+incorporated within the Work.
+
+2. Grant of Copyright License.
+
+Subject to the terms and conditions of this License, each Contributor hereby
+grants to You a perpetual, worldwide, non-exclusive, no-charge, royalty-free,
+irrevocable copyright license to reproduce, prepare Derivative Works of,
+publicly display, publicly perform, sublicense, and distribute the Work and such
+Derivative Works in Source or Object form.
+
+3. Grant of Patent License.
+
+Subject to the terms and conditions of this License, each Contributor hereby
+grants to You a perpetual, worldwide, non-exclusive, no-charge, royalty-free,
+irrevocable (except as stated in this section) patent license to make, have
+made, use, offer to sell, sell, import, and otherwise transfer the Work, where
+such license applies only to those patent claims licensable by such Contributor
+that are necessarily infringed by their Contribution(s) alone or by combination
+of their Contribution(s) with the Work to which such Contribution(s) was
+submitted. If You institute patent litigation against any entity (including a
+cross-claim or counterclaim in a lawsuit) alleging that the Work or a
+Contribution incorporated within the Work constitutes direct or contributory
+patent infringement, then any patent licenses granted to You under this License
+for that Work shall terminate as of the date such litigation is filed.
+
+4. Redistribution.
+
+You may reproduce and distribute copies of the Work or Derivative Works thereof
+in any medium, with or without modifications, and in Source or Object form,
+provided that You meet the following conditions:
+
+You must give any other recipients of the Work or Derivative Works a copy of
+this License; and
+You must cause any modified files to carry prominent notices stating that You
+changed the files; and
+You must retain, in the Source form of any Derivative Works that You distribute,
+all copyright, patent, trademark, and attribution notices from the Source form
+of the Work, excluding those notices that do not pertain to any part of the
+Derivative Works; and
+If the Work includes a "NOTICE" text file as part of its distribution, then any
+Derivative Works that You distribute must include a readable copy of the
+attribution notices contained within such NOTICE file, excluding those notices
+that do not pertain to any part of the Derivative Works, in at least one of the
+following places: within a NOTICE text file distributed as part of the
+Derivative Works; within the Source form or documentation, if provided along
+with the Derivative Works; or, within a display generated by the Derivative
+Works, if and wherever such third-party notices normally appear. The contents of
+the NOTICE file are for informational purposes only and do not modify the
+License. You may add Your own attribution notices within Derivative Works that
+You distribute, alongside or as an addendum to the NOTICE text from the Work,
+provided that such additional attribution notices cannot be construed as
+modifying the License.
+You may add Your own copyright statement to Your modifications and may provide
+additional or different license terms and conditions for use, reproduction, or
+distribution of Your modifications, or for any such Derivative Works as a whole,
+provided Your use, reproduction, and distribution of the Work otherwise complies
+with the conditions stated in this License.
+
+5. Submission of Contributions.
+
+Unless You explicitly state otherwise, any Contribution intentionally submitted
+for inclusion in the Work by You to the Licensor shall be under the terms and
+conditions of this License, without any additional terms or conditions.
+Notwithstanding the above, nothing herein shall supersede or modify the terms of
+any separate license agreement you may have executed with Licensor regarding
+such Contributions.
+
+6. Trademarks.
+
+This License does not grant permission to use the trade names, trademarks,
+service marks, or product names of the Licensor, except as required for
+reasonable and customary use in describing the origin of the Work and
+reproducing the content of the NOTICE file.
+
+7. Disclaimer of Warranty.
+
+Unless required by applicable law or agreed to in writing, Licensor provides the
+Work (and each Contributor provides its Contributions) on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied,
+including, without limitation, any warranties or conditions of TITLE,
+NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A PARTICULAR PURPOSE. You are
+solely responsible for determining the appropriateness of using or
+redistributing the Work and assume any risks associated with Your exercise of
+permissions under this License.
+
+8. Limitation of Liability.
+
+In no event and under no legal theory, whether in tort (including negligence),
+contract, or otherwise, unless required by applicable law (such as deliberate
+and grossly negligent acts) or agreed to in writing, shall any Contributor be
+liable to You for damages, including any direct, indirect, special, incidental,
+or consequential damages of any character arising as a result of this License or
+out of the use or inability to use the Work (including but not limited to
+damages for loss of goodwill, work stoppage, computer failure or malfunction, or
+any and all other commercial damages or losses), even if such Contributor has
+been advised of the possibility of such damages.
+
+9. Accepting Warranty or Additional Liability.
+
+While redistributing the Work or Derivative Works thereof, You may choose to
+offer, and charge a fee for, acceptance of support, warranty, indemnity, or
+other liability obligations and/or rights consistent with this License. However,
+in accepting such obligations, You may act only on Your own behalf and on Your
+sole responsibility, not on behalf of any other Contributor, and only if You
+agree to indemnify, defend, and hold each Contributor harmless for any liability
+incurred by, or claims asserted against, such Contributor by reason of your
+accepting any such warranty or additional liability.
+
+END OF TERMS AND CONDITIONS
+
+APPENDIX: How to apply the Apache License to your work
+
+To apply the Apache License to your work, attach the following boilerplate
+notice, with the fields enclosed by brackets "[]" replaced with your own
+identifying information. (Don't include the brackets!) The text should be
+enclosed in the appropriate comment syntax for the file format. We also
+recommend that a file or class name and description of purpose be included on
+the same "printed page" as the copyright notice for easier identification within
+third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+     http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.
+
+   Copyright 2026 Hanzo AI, Inc
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

package/LICENSE-MIT

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Hanzo AI, Inc
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,23 @@
+# @hanzo/rooms
+
+The Hanzo workspace — Home, Chat, Inbox, Contacts, Meet, Cal, Drive, Board,
+Work, Bots and the frame that holds them — as one package that every surface
+imports.
+
+```tsx
+import { configure, Rooms } from '@hanzo/rooms'
+import { Room } from '@hanzo/rooms/Room'
+import { CalScheduler } from '@hanzo/rooms/CalScheduler'
+
+configure({ site: '', home: '/home', signUp: '/signup' })
+
+<Rooms router={router} search={search} route={route} Link={Link}>
+  <Room mode="cal"><CalScheduler /></Room>
+</Rooms>
+```
+
+`configure()` names the host's addresses (where its own pages live, the
+gateway and IAM, the plan catalogue to paint first). `<Rooms>` carries what
+moves: the router, the query, the route and the link component. The rooms
+import nothing from a host, and their look comes from `@hanzo/appearance` and
+`@hanzo/design` through `@hanzo/ui`.

package/dist/Account.d.ts

@@ -0,0 +1,8 @@
+/** The block at the foot of the sidebar: press it for the menu. */
+export declare function Account({ onToggleCollapse, onProfile, onAppearance, }?: {
+    onToggleCollapse?: () => void;
+    /** Opens the profile beside the room. Absent, the row goes to hanzo.id. */
+    onProfile?: () => void;
+    /** Opens the appearance settings. Absent, the row is not drawn. */
+    onAppearance?: () => void;
+}): import("react").JSX.Element;

package/dist/Account.js

@@ -0,0 +1,58 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * WHO YOU ARE, at the foot of the sidebar: the person, and the person's menu.
+ *
+ * Profile, appearance, security and sign out — the account, and nothing that
+ * belongs to the workspace. Which workspace you stand in is the switcher at the
+ * TOP of the sidebar, and what it may spend is its Billing, so this card shows
+ * neither: a balance here read as the person's money when it is the workspace's.
+ */
+import { useEffect, useRef, useState } from 'react';
+import { ChevronsUpDown, LogOut, PanelLeftClose, Palette, Shield, UserRound } from 'lucide-react';
+import { XStack, YStack, Text, Box } from '@hanzo/ui';
+import { sheet } from '@hanzo/ui/glass';
+import { useIam } from '@hanzo/iam/react';
+import { useSignOut } from './lib/signout.js';
+import { useAccount } from './lib/account.js';
+import { Face } from './cast.js';
+import { iam } from './lib/api.js';
+import { link } from './lib/tags.js';
+function Row({ icon, onPress, children, }) {
+    return (_jsx(Box, { render: "button", onClick: onPress, width: "100%", px: "$3", py: "$2", rounded: "$2", hoverStyle: { bg: '$hover' }, children: _jsxs(XStack, { items: "center", gap: "$2", children: [icon, _jsx(Text, { fontSize: "$2", color: "$ink", children: children })] }) }));
+}
+/** The block at the foot of the sidebar: press it for the menu. */
+export function Account({ onToggleCollapse, onProfile, onAppearance, } = {}) {
+    const { user } = useIam();
+    const logout = useSignOut();
+    const { user: account } = useAccount();
+    const [open, setOpen] = useState(false);
+    const holder = useRef(null);
+    useEffect(() => {
+        if (!open)
+            return;
+        const away = (e) => {
+            if (holder.current && !holder.current.contains(e.target))
+                setOpen(false);
+        };
+        const esc = (e) => e.key === 'Escape' && setOpen(false);
+        document.addEventListener('mousedown', away);
+        document.addEventListener('keydown', esc);
+        return () => {
+            document.removeEventListener('mousedown', away);
+            document.removeEventListener('keydown', esc);
+        };
+    }, [open]);
+    const called = account?.name || user?.displayName || user?.name || user?.email || 'You';
+    const email = user?.email || '';
+    const face = account?.avatar ?? user?.avatar;
+    const act = (fn) => () => {
+        setOpen(false);
+        fn();
+    };
+    return (_jsxs(YStack
+    // @ts-expect-error — ref is forwarded to the DOM node by the primitive.
+    , { 
+        // @ts-expect-error — ref is forwarded to the DOM node by the primitive.
+        ref: holder, position: "relative", borderTopWidth: 1, borderColor: "$borderColor", children: [open ? (_jsxs(YStack, { role: "menu", "aria-label": "Account", position: "absolute", b: "calc(100% + 6px)", l: "$2", r: "$2", rounded: "$3", borderWidth: 1, borderColor: "$borderColor", ...sheet(2), py: "$2", gap: "$1", z: "var(--z-modal)", children: [_jsx(Row, { icon: _jsx(UserRound, { size: 15, "aria-hidden": true }), onPress: act(() => (onProfile ? onProfile() : window.location.assign(link(`${iam()}/account`)))), children: "Profile" }), onAppearance ? (_jsx(Row, { icon: _jsx(Palette, { size: 15, "aria-hidden": true }), onPress: act(onAppearance), children: "Appearance" })) : null, _jsx(Row, { icon: _jsx(Shield, { size: 15, "aria-hidden": true }), onPress: act(() => window.location.assign(link(`${iam()}/account/security`))), children: "Security" }), _jsx(Box, { height: 1, bg: "$borderColor", my: "$1" }), _jsx(Row, { icon: _jsx(LogOut, { size: 15, "aria-hidden": true }), onPress: act(() => void logout()), children: "Sign out" })] })) : null, _jsxs(XStack, { items: "center", width: "100%", children: [_jsx(Box, { render: "button", onClick: () => setOpen((v) => !v), "aria-expanded": open, "aria-haspopup": "menu", "aria-label": "Account", flex: 1, minW: 0, px: "$3", py: "$2", hoverStyle: { bg: '$hover' }, children: _jsxs(XStack, { items: "center", gap: "$2", minW: 0, children: [_jsx(Face, { src: face, name: called, size: 22 }), _jsxs(YStack, { flex: 1, minW: 0, items: "flex-start", children: [_jsx(Text, { fontSize: "$2", fontWeight: "600", color: "$color", numberOfLines: 1, children: called }), email && email !== called ? (_jsx(Text, { fontSize: "$1", color: "$soft", numberOfLines: 1, children: email })) : null] }), _jsx(ChevronsUpDown, { size: 14, "aria-hidden": true })] }) }), onToggleCollapse ? (_jsx(Box, { render: "button", onClick: onToggleCollapse, "aria-label": "Collapse sidebar", p: "$2", mr: "$1.5", rounded: "$2", hoverStyle: { bg: '$hover' }, cursor: "pointer", children: _jsx(PanelLeftClose, { size: 16, "aria-hidden": true }) })) : null] })] }));
+}

package/dist/Beluga.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Beluga Fullscreen Ocean AI Studio
+ *
+ * Built with @hanzo/gui native components and responsive CSS Grid:
+ * - Desktop (>= 1440px) / Laptop (1024px - 1439px): 3-column grid (Left Prompts, Center Ocean Canvas, Right Telemetry)
+ * - Tablet (768px - 1023px): 2-column grid (Center Ocean Canvas + Right Telemetry)
+ * - Mobile (< 768px): 1-column grid with touch drawers
+ *
+ * Uses @hanzo/gui native components exclusively (View, XStack, YStack, Text, Button, etc.).
+ */
+import React from 'react';
+export declare function BelugaStudio(): React.JSX.Element;

package/dist/Beluga.js

@@ -0,0 +1,152 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Beluga Fullscreen Ocean AI Studio
+ *
+ * Built with @hanzo/gui native components and responsive CSS Grid:
+ * - Desktop (>= 1440px) / Laptop (1024px - 1439px): 3-column grid (Left Prompts, Center Ocean Canvas, Right Telemetry)
+ * - Tablet (768px - 1023px): 2-column grid (Center Ocean Canvas + Right Telemetry)
+ * - Mobile (< 768px): 1-column grid with touch drawers
+ *
+ * Uses @hanzo/gui native components exclusively (View, XStack, YStack, Text, Button, etc.).
+ */
+import { useState, useEffect } from 'react';
+import { useRooms } from './host.js';
+import { Bot, Sparkles, Volume2, VolumeX, ArrowLeft, ArrowUp, Activity, } from 'lucide-react';
+import { View, XStack, YStack, Text, Button } from '@hanzo/gui';
+import { bearer, scope } from './lib/session.js';
+import { api } from './lib/api.js';
+import { Orgs } from './Orgs.js';
+import { mix } from './lib/mix.js';
+const EMOTIONS = {
+    happy: { name: 'Happiness', emoji: '😊', desc: 'Joyful bright clicks and radiant ocean bubbles.' },
+    playful: { name: 'Playful', emoji: '🐬', desc: 'Playful spiraling swim with rhythmic echolocation pulses.' },
+    love: { name: 'Love', emoji: '💙', desc: 'Deep empathetic resonance and social connection.' },
+    curious: { name: 'Curiosity', emoji: '🤔', desc: 'Curious sonar ping focused on analyzing data.' },
+    calm: { name: 'Calmness', emoji: '🌊', desc: 'Tranquil resting glide through deep arctic currents.' },
+    awe: { name: 'Awe', emoji: '🌟', desc: 'Wide acoustic aperture detecting novel patterns.' },
+};
+const QUICK_PROMPTS = [
+    'Origin Eggs 🥚',
+    'Endangered Species 🐅',
+    'ZenLM Neural AI 🧠',
+];
+const IDLE_THOUGHTS = [
+    'Did you know belugas use echolocation to navigate underwater caves? 🐬',
+    'I am ready when you are! Ask me anything about Hanzo Cloud or conservation! ✨',
+    'The ocean is calm today... What shall we build or discover? 🌊',
+    'Echolocation ping sent! Waiting for your signal... 📡',
+    'Hatching an Origin Egg sounds exciting today! 🥚',
+];
+/** The room's dark glass: the canvas shows through blurred, under a lit top
+ *  edge and a soft drop. The fill is each surface's own. */
+const LENS = {
+    backdropFilter: 'blur(24px) saturate(190%) contrast(102%)',
+    boxShadow: 'inset 0 1px 0 0 var(--white-14), inset 0 0 0 1px var(--white-03), 0 8px 32px -4px color-mix(in srgb, var(--pure-black) 40%, transparent)',
+};
+/** The ground under the lens: the page's darkest neutral at a share of itself. */
+const glass = (share) => mix('var(--neutral-950)', share, 'srgb');
+function BelugaStudioInner() {
+    const { Link } = useRooms();
+    const [leftOpen, setLeftOpen] = useState(true);
+    const [rightOpen, setRightOpen] = useState(true);
+    const [muted, setMuted] = useState(false);
+    const [currentEmotion, setCurrentEmotion] = useState('playful');
+    const [input, setInput] = useState('');
+    const [busy, setBusy] = useState(false);
+    const [idleThought, setIdleThought] = useState(IDLE_THOUGHTS[0]);
+    const [mobileDrawer, setMobileDrawer] = useState('none');
+    const [messages, setMessages] = useState([
+        {
+            id: '1',
+            role: 'assistant',
+            content: 'Hello! I am Blue the Beluga, powered by ZenLM on the Hanzo Cloud. How can I assist your team with agentic coding, conservation, or ocean acoustics today?',
+            emotion: 'playful',
+        },
+    ]);
+    useEffect(() => {
+        const interval = setInterval(() => {
+            const idx = Math.floor(Math.random() * IDLE_THOUGHTS.length);
+            setIdleThought(IDLE_THOUGHTS[idx]);
+        }, 12000);
+        return () => clearInterval(interval);
+    }, []);
+    const handleSend = async (textToSend) => {
+        const text = (textToSend || input).trim();
+        if (!text || busy)
+            return;
+        setInput('');
+        setBusy(true);
+        const userMsg = {
+            id: `u_${Date.now()}`,
+            role: 'user',
+            content: text,
+            emotion: 'curious',
+        };
+        setMessages((prev) => [...prev, userMsg]);
+        const nextEmotion = text.toLowerCase().includes('egg')
+            ? 'curious'
+            : text.toLowerCase().includes('build') || text.toLowerCase().includes('code')
+                ? 'awe'
+                : 'happy';
+        setCurrentEmotion(nextEmotion);
+        try {
+            const tok = bearer();
+            const res = await fetch(`${api()}/v1/chat/completions`, {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                    ...(tok ? scope() : {}),
+                },
+                body: JSON.stringify({
+                    model: 'zen',
+                    messages: [
+                        {
+                            role: 'system',
+                            content: "You are Blue the Beluga, Hanzo's bioacoustic ocean AI and neural sonar intelligence agent. You provide ocean telemetry and marine analysis. Always start with a brief italicized acoustic sensory description like *high-frequency clicks* or *curious sonar whistle* reflecting the mood.",
+                        },
+                        ...messages.slice(-6).map((m) => ({ role: m.role, content: m.content })),
+                        { role: 'user', content: text },
+                    ],
+                }),
+            });
+            if (!res.ok) {
+                const body = (await res.json().catch(() => ({})));
+                throw new Error(body?.error?.message || body?.msg || `Cluster returned HTTP ${res.status}`);
+            }
+            const data = (await res.json());
+            const reply = data?.choices?.[0]?.message?.content;
+            if (!reply)
+                throw new Error('The model returned an empty reply.');
+            const botMsg = {
+                id: `a_${Date.now()}`,
+                role: 'assistant',
+                content: reply,
+                emotion: nextEmotion,
+            };
+            setMessages((prev) => [...prev, botMsg]);
+        }
+        catch (err) {
+            const message = err instanceof Error ? err.message : String(err);
+            const botMsg = {
+                id: `a_${Date.now()}`,
+                role: 'assistant',
+                content: `*Acoustic cluster refraction*\n\n${message}`,
+                emotion: 'curious',
+            };
+            setMessages((prev) => [...prev, botMsg]);
+        }
+        finally {
+            setBusy(false);
+            setMobileDrawer('none');
+        }
+    };
+    return (_jsxs(YStack, { "data-beluga": true, flex: 1, minH: 0, height: "100vh", width: "100%", maxW: "100%", overflowX: "auto", overflowY: "hidden", bg: "var(--pure-black)", pb: 56, children: [_jsxs(XStack, { height: 50, items: "center", justify: "space-between", px: "$3.5", borderBottomWidth: 1, borderColor: "var(--white-08)", bg: "var(--neutral-950)", z: 30, shrink: 0, children: [_jsxs(XStack, { items: "center", gap: "$2.5", children: [_jsx(Link, { href: "/vibe", children: _jsx(XStack, { items: "center", justify: "center", width: 28, height: 28, rounded: 8, bg: "var(--neutral-900)", borderWidth: 1, borderColor: "var(--white-10)", hoverStyle: { bg: 'var(--neutral-800)' }, children: _jsx(ArrowLeft, { size: 14, color: "var(--neutral-400)" }) }) }), _jsxs(XStack, { items: "center", gap: "$2", children: [_jsx(Bot, { size: 15, color: "$ink" }), _jsx(Text, { render: "h1", fontSize: "$2", fontWeight: "700", color: "var(--pure-white)", children: "Blue the Beluga" }), _jsx(Text, { fontSize: 11, color: "var(--neutral-600)", children: "|" }), _jsx(Text, { fontSize: 11, color: "var(--neutral-400)", children: "ZenLM Neural Studio" })] })] }), _jsxs(XStack, { items: "center", gap: "$2", children: [_jsxs(XStack, { $md: { display: 'none' }, gap: "$1.5", children: [_jsx(Button, { size: "$2", height: 28, px: "$2", rounded: 6, bg: mobileDrawer === 'prompts' ? 'var(--neutral-800)' : 'var(--neutral-900)', onPress: () => setMobileDrawer(mobileDrawer === 'prompts' ? 'none' : 'prompts'), children: _jsx(Sparkles, { size: 12, color: "$ink" }) }), _jsx(Button, { size: "$2", height: 28, px: "$2", rounded: 6, bg: mobileDrawer === 'telemetry' ? 'var(--neutral-800)' : 'var(--neutral-900)', onPress: () => setMobileDrawer(mobileDrawer === 'telemetry' ? 'none' : 'telemetry'), children: _jsx(Activity, { size: 12, color: "$ink" }) })] }), _jsx(View, { cursor: "pointer", onPress: () => setMuted(!muted), p: 6, rounded: 8, bg: "var(--neutral-900)", borderWidth: 1, borderColor: "var(--white-08)", hoverStyle: { bg: 'var(--neutral-800)' }, children: muted ? _jsx(VolumeX, { size: 14, color: "var(--neutral-400)" }) : _jsx(Volume2, { size: 14, color: "var(--neutral-400)" }) }), _jsx(Button, { display: "none", $md: { display: 'flex' }, size: "$2", height: 28, px: "$3", rounded: 8, bg: "var(--neutral-900)", borderColor: "var(--white-10)", borderWidth: 1, onPress: () => setRightOpen(!rightOpen), children: _jsxs(XStack, { items: "center", gap: "$1.5", children: [_jsx(Activity, { size: 12, color: "$ink" }), _jsx(Text, { fontSize: 11, fontWeight: "600", color: "var(--neutral-200)", children: "Telemetry" })] }) })] })] }), _jsxs(View, { flex: 1, minH: 0, width: "100%", height: "100%", overflow: "hidden", display: "grid", gridTemplateRows: "100%", gridTemplateColumns: "100%", $md: { gridTemplateColumns: 'minmax(0, 1fr) 280px' }, $lg: { gridTemplateColumns: '280px minmax(0, 1fr) 280px' }, children: [_jsxs(YStack, { height: "100%", bg: "var(--neutral-950)", borderRightWidth: 1, borderColor: "var(--white-08)", minW: 0, display: mobileDrawer === 'prompts' ? 'flex' : 'none', "$max-md": { position: 'absolute', t: 0, r: 0, b: 0, l: 0, z: 'var(--z-dock)' }, $md: { display: 'none' }, $lg: { display: 'flex' }, children: [_jsx(XStack, { height: 40, items: "center", justify: "space-between", px: "$3.5", borderBottomWidth: 1, borderColor: "var(--white-06)", children: _jsx(Text, { fontSize: 11, fontWeight: "700", color: "var(--neutral-500)", textTransform: "uppercase", children: "Quick Ocean Prompts" }) }), _jsxs(YStack, { flex: 1, overflow: "scroll", p: "$3.5", gap: "$4", children: [_jsx(YStack, { gap: "$1.5", children: QUICK_PROMPTS.map((p, i) => (_jsx(View, { cursor: "pointer", onPress: () => handleSend(p), p: "$2.5", rounded: 8, bg: "var(--neutral-900)", borderWidth: 1, borderColor: "var(--white-06)", hoverStyle: { bg: 'var(--neutral-800)' }, children: _jsx(Text, { fontSize: 12, color: "var(--neutral-300)", children: p }) }, i))) }), _jsxs(YStack, { p: "$3", rounded: 12, bg: "var(--white-08)", borderWidth: 1, borderColor: "var(--white-20)", gap: "$1.5", children: [_jsxs(XStack, { items: "center", gap: "$1.5", children: [_jsx(Sparkles, { size: 13, color: "$ink" }), _jsx(Text, { fontSize: 11, fontWeight: "700", color: "$ink", children: "Ocean Thought" })] }), _jsx(Text, { fontSize: 11, color: "var(--neutral-300)", lineHeight: 16, children: idleThought })] })] })] }), _jsxs(YStack, { height: "100%", bg: "var(--pure-black)", position: "relative", items: "center", justify: "space-between", p: "$4", minW: 0, children: [_jsxs(YStack, { flex: 1, items: "center", justify: "center", width: "100%", children: [_jsx(YStack, { width: 220, height: 220, rounded: 110, borderWidth: 1, borderColor: "var(--white-30)", items: "center", justify: "center", shadowColor: "var(--white-20)", shadowRadius: 50, children: _jsx(Text, { fontSize: 72, children: "\uD83D\uDC2C" }) }), _jsx(View, { ...LENS, mt: "$4", maxW: 520, width: "100%", px: "$3.5", py: "$2.5", rounded: 14, bg: glass(85), borderWidth: 1, borderColor: "var(--white-10)", children: _jsx(Text, { fontSize: 12, color: "var(--neutral-200)", text: "center", fontFamily: "$mono", lineHeight: 18, children: messages[messages.length - 1]?.content }) })] }), _jsx(YStack, { width: "100%", maxW: 600, z: 20, children: _jsxs(XStack, { ...LENS, items: "center", bg: glass(90), borderWidth: 1, borderColor: "var(--white-14)", rounded: 14, p: "$2", children: [_jsx(Text, { render: _jsx("input", { type: "text", value: input, onChange: (e) => setInput(e.target.value), onKeyDown: (e) => e.key === 'Enter' && handleSend(), placeholder: "Ask Blue the Beluga anything or send acoustic signal..." }), flex: 1, bg: "transparent", borderWidth: 0, color: "var(--pure-white)", fontSize: "$2", outlineStyle: "none", px: 10, py: 4 }), _jsx(Button, { size: "$2", bg: "var(--neutral-50)", rounded: 10, height: 30, px: "$2.5", onPress: () => handleSend(), disabled: !input.trim() || busy, opacity: !input.trim() || busy ? 0.3 : 1, hoverStyle: { bg: 'var(--neutral-200)' }, children: _jsx(ArrowUp, { size: 14, color: "var(--neutral-950)" }) })] }) })] }), _jsxs(YStack, { height: "100%", bg: "var(--neutral-950)", borderLeftWidth: 1, borderColor: "var(--white-08)", minW: 0, display: mobileDrawer === 'telemetry' ? 'flex' : 'none', "$max-md": { position: 'absolute', t: 0, r: 0, b: 0, l: 0, z: 'var(--z-dock)' }, $md: { display: 'flex' }, children: [_jsxs(XStack, { height: 40, items: "center", justify: "space-between", px: "$3.5", borderBottomWidth: 1, borderColor: "var(--white-06)", children: [_jsxs(XStack, { items: "center", gap: "$2", children: [_jsx(Activity, { size: 14, color: "$ink" }), _jsx(Text, { fontSize: 12, fontWeight: "600", color: "var(--neutral-200)", children: "Bioacoustic Telemetry" })] }), _jsx(View, { px: 6, py: 2, rounded: 4, bg: "var(--white-15)", children: _jsx(Text, { fontSize: 10, color: "$ink", fontFamily: "$mono", fontWeight: "600", children: "120 kHz" }) })] }), _jsxs(YStack, { flex: 1, overflow: "scroll", p: "$3.5", gap: "$4", children: [_jsxs(YStack, { gap: "$2", children: [_jsx(Text, { fontSize: 10, fontWeight: "700", color: "var(--neutral-500)", textTransform: "uppercase", children: "Active Emotion State" }), _jsxs(YStack, { p: "$3", rounded: 12, bg: "var(--neutral-900)", borderWidth: 1, borderColor: "var(--white-06)", gap: "$1", children: [_jsxs(XStack, { items: "center", gap: "$2", children: [_jsx(Text, { fontSize: 15, children: EMOTIONS[currentEmotion]?.emoji }), _jsx(Text, { fontSize: 13, fontWeight: "700", color: "var(--pure-white)", children: EMOTIONS[currentEmotion]?.name })] }), _jsx(Text, { fontSize: 11, color: "var(--neutral-400)", lineHeight: 16, children: EMOTIONS[currentEmotion]?.desc })] })] }), _jsxs(YStack, { gap: "$2", children: [_jsx(Text, { fontSize: 10, fontWeight: "700", color: "var(--neutral-500)", textTransform: "uppercase", children: "Emotion State Matrix" }), _jsx(YStack, { gap: "$1.5", children: Object.entries(EMOTIONS).map(([key, item]) => (_jsx(View, { cursor: "pointer", onPress: () => setCurrentEmotion(key), px: "$2.5", py: "$2", rounded: 8, borderWidth: 1, borderColor: currentEmotion === key ? 'var(--white-40)' : 'var(--white-06)', bg: currentEmotion === key ? 'var(--white-14)' : 'var(--neutral-900)', children: _jsxs(XStack, { items: "center", justify: "space-between", children: [_jsxs(XStack, { items: "center", gap: "$2", children: [_jsx(Text, { fontSize: 13, children: item.emoji }), _jsx(Text, { fontSize: 12, fontWeight: currentEmotion === key ? '700' : '400', color: currentEmotion === key ? 'var(--pure-white)' : 'var(--neutral-300)', children: item.name })] }), currentEmotion === key && (_jsx(View, { width: 6, height: 6, rounded: 3, bg: "var(--pure-white)" }))] }) }, key))) })] })] })] })] })] }));
+}
+// THE GATE IS NOT A ROOM'S TO REMEMBER. This room draws its own shell rather
+// than `Room`, which is where every other room picks the organization gate up —
+// so it was reachable, and usable, by an account that had never paid. Wrapping
+// the export means the route cannot mount the room without it.
+export function BelugaStudio() {
+    return (_jsx(Orgs, { children: _jsx(BelugaStudioInner, {}) }));
+}

package/dist/Billing.d.ts

@@ -0,0 +1 @@
+export declare function Billing(): import("react").JSX.Element;

package/dist/Billing.js

@@ -0,0 +1,31 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * WHAT THE WORKSPACE BOUGHT, AND WHAT IT MAY SPEND — as Billing, not as the
+ * person's card. Credits belong to the workspace (an org-level pool), so they
+ * are read here and pressed through to billing at hanzo.ai/pay for the org this
+ * workspace is.
+ *
+ * NOTHING HERE IS DRAWN FROM A GUESS. A figure shows only when the read
+ * SUCCEEDED: a balance that could not be read is unknown, and unknown is not
+ * zero, so it renders as the plain word rather than as `$0.00`.
+ */
+import { Wallet } from 'lucide-react';
+import { Box, Text, XStack } from '@hanzo/ui';
+import { useIam } from '@hanzo/iam/react';
+import { formatCents } from '@hanzo/usage';
+import { renewal, useSubscription, useTier } from './lib/tier.js';
+import { payPage, planName } from './lib/plans.js';
+export function Billing() {
+    const { isAuthenticated } = useIam();
+    const { tier } = useTier(isAuthenticated);
+    const sub = useSubscription(isAuthenticated);
+    if (!isAuthenticated)
+        return null;
+    // WHAT THE CUSTOMER BOUGHT, not the coarser class it is served under: a
+    // Max 20x subscriber runs on `pro` limits, and printing that read as "Pro".
+    // A subscription is named with its term; its usage never draws the balance,
+    // so the balance stands beside a plan only where there is no subscription.
+    const plan = tier ? planName(tier.plan) || tier.tier.displayName || tier.tier.name : null;
+    return (_jsx(Box, { render: "button", onClick: () => window.open(payPage(), '_blank', 'noopener'), "aria-label": "Billing", px: "$2.5", py: "$1.5", rounded: "$2", hoverStyle: { bg: '$hover' }, children: _jsxs(XStack, { items: "center", gap: "$2", children: [_jsx(Wallet, { size: 15, "aria-hidden": true }), _jsx(Text, { fontSize: "$2", color: "$ink", children: plan ? `${plan} · ${sub ? renewal(sub) : `${formatCents(tier.balance.effectiveAvailable)} available`}` : 'Billing' })] }) }));
+}

package/dist/Board.d.ts

@@ -0,0 +1,9 @@
+/**
+ * The pane, and the session its reads need.
+ *
+ * SPLIT so the hooks below never run for a reader with none: every route this
+ * pane reads is org-scoped and answers 403 without one, and a hook cannot be
+ * called conditionally — so the condition is a component boundary rather than
+ * an `if` the rules forbid.
+ */
+export declare function Board(): import("react").JSX.Element;