comparing eb2eef60e0b43d96156b3a2b08285f3f6a5a398f and main on nekomimi.pet/bunsite

.tangled/workflows/deploy.yml

···

       14
       14
        
           - coreutils

     

       15
       15
        
           - curl

     

       16
       16
        
           - nodejs

     

       17
       17
       +
           - glibc

     

       17
       18
        
         github:NixOS/nixpkgs/nixpkgs-unstable:

     

       18
       19
        
           - bun

     

       20
       20
       +
       

     

       19
       21
        
       

     

       20
       22
        
       environment:

     

       21
       23
        
         SITE_PATH: 'dist'  # Copy entire repo

     
···

       36
       38
        
           command: |

     

       37
       39
        
             # Download Wisp CLI

     

       38
       40
        
             curl https://sites.wisp.place/nekomimi.pet/wisp-cli-binaries/wisp-cli-x86_64-linux -o wisp-cli

     

       41
       41
       +
             

     

       39
       42
        
             chmod +x wisp-cli

     

       40
       43
        
       

     

       41
       44
        
             # Deploy to Wisp

-184

CRUSH.md

···

       1
       1
       -
       # CRUSH.md

     

       2
       2
       -
       

     

       3
       3
       -
       ## Project Overview

     

       4
       4
       -
       

     

       5
       5
       -
       This is a personal portfolio website built with Bun, React, TypeScript, and Tailwind CSS. It uses the shadcn/ui component library and serves as both a portfolio and development environment for AT Protocol-related projects. The project demonstrates modern web development practices with a focus on decentralized technologies.

     

       6
       6
       -
       

     

       7
       7
       -
       ## Development Commands

     

       8
       8
       -
       

     

       9
       9
       -
       ### Core Commands

     

       10
       10
       -
       - `bun install` - Install dependencies

     

       11
       11
       -
       - `bun dev` - Start development server with hot reload and HMR

     

       12
       12
       -
       - `bun start` - Run production server

     

       13
       13
       -
       - `bun run build.ts` - Build for production (outputs to `dist/`)

     

       14
       14
       -
       - `bun run build.ts --help` - Show all build options

     

       15
       15
       -
       

     

       16
       16
       -
       ### Build System

     

       17
       17
       -
       The custom build script (`build.ts`) supports various options:

     

       18
       18
       -
       - `--outdir <path>` - Output directory (default: "dist")

     

       19
       19
       -
       - `--minify` - Enable minification

     

       20
       20
       -
       - `--sourcemap <type>` - Sourcemap type (none|linked|inline|external)

     

       21
       21
       -
       - `--external <list>` - External packages (comma separated)

     

       22
       22
       -
       

     

       23
       23
       -
       The build automatically:

     

       24
       24
       -
       - Processes all HTML files in `src/` as entrypoints

     

       25
       25
       -
       - Copies `public/` folder to dist

     

       26
       26
       -
       - Uses Tailwind plugin for CSS processing

     

       27
       27
       -
       - Includes linked sourcemaps by default

     

       28
       28
       -
       

     

       29
       29
       -
       ## Architecture

     

       30
       30
       -
       

     

       31
       31
       -
       ### Project Structure

     

       32
       32
       -
       ```

     

       33
       33
       -
       src/

     

       34
       34
       -
       ├── components/

     

       35
       35
       -
       │   ├── ui/           # shadcn/ui components (Button, Card, Input, etc.)

     

       36
       36
       -
       │   ├── sections/     # Main page sections (Header, Work, Connect)

     

       37
       37
       -
       │   └── ...           # Other React components

     

       38
       38
       -
       ├── data/

     

       39
       39
       -
       │   └── portfolio.ts  # Portfolio content and metadata

     

       40
       40
       -
       ├── hooks/            # Custom React hooks

     

       41
       41
       -
       ├── lib/              # Utility functions

     

       42
       42
       -
       └── styles/           # Global CSS and Tailwind config

     

       43
       43
       -
       ```

     

       44
       44
       -
       

     

       45
       45
       -
       ### Server Architecture

     

       46
       46
       -
       - Uses Bun's built-in server (`src/index.ts`)

     

       47
       47
       -
       - Serves React SPA with API routes

     

       48
       48
       -
       - API routes use pattern matching (`/api/hello/:name`)

     

       49
       49
       -
       - CORS headers configured for cross-origin requests

     

       50
       50
       -
       - Development mode includes HMR and browser console echoing

     

       51
       51
       -
       

     

       52
       52
       -
       ### Key Files

     

       53
       53
       -
       - `src/index.ts` - Server entry point with API routes

     

       54
       54
       -
       - `src/App.tsx` - Main React component with intersection observer animations

     

       55
       55
       -
       - `src/data/portfolio.ts` - All portfolio content (personal info, work experience, skills)

     

       56
       56
       -
       - `build.ts` - Custom build script with extensive CLI options

     

       57
       57
       -
       - `styles/globals.css` - Tailwind imports, CSS variables, and custom animations

     

       58
       58
       -
       

     

       59
       59
       -
       ## Code Conventions

     

       60
       60
       -
       

     

       61
       61
       -
       ### TypeScript Configuration

     

       62
       62
       -
       - Strict mode enabled with `noUncheckedIndexedAccess`

     

       63
       63
       -
       - Path aliases: `@/*` maps to `./src/*`

     

       64
       64
       -
       - JSX: `react-jsx` transform

     

       65
       65
       -
       - Module resolution: `bundler` mode

     

       66
       66
       -
       - Target: `ESNext` with DOM libraries

     

       67
       67
       -
       

     

       68
       68
       -
       ### Component Patterns

     

       69
       69
       -
       - Uses shadcn/ui component library with `class-variance-authority`

     

       70
       70
       -
       - Utility function `cn()` combines `clsx` and `tailwind-merge`

     

       71
       71
       -
       - Components follow Radix UI patterns for accessibility

     

       72
       72
       -
       - File exports: Named exports for components, default for main App

     

       73
       73
       -
       

     

       74
       74
       -
       ### Styling

     

       75
       75
       -
       - Tailwind CSS v4 with custom CSS variables

     

       76
       76
       -
       - Dark theme by default with light mode support

     

       77
       77
       -
       - Glassmorphism effects with custom utilities

     

       78
       78
       -
       - Custom animations: `fade-in-up`, `bounce-slow`

     

       79
       79
       -
       - Fira Code monospace font throughout

     

       80
       80
       -
       

     

       81
       81
       -
       ### Import Aliases (from components.json)

     

       82
       82
       -
       ```typescript

     

       83
       83
       -
       "@/components" → "./src/components"

     

       84
       84
       -
       "@/lib/utils" → "./src/lib/utils"  

     

       85
       85
       -
       "@/components/ui" → "./src/components/ui"

     

       86
       86
       -
       "@/lib" → "./src/lib"

     

       87
       87
       -
       "@/hooks" → "./src/hooks"

     

       88
       88
       -
       ```

     

       89
       89
       -
       

     

       90
       90
       -
       ## UI Components

     

       91
       91
       -
       

     

       92
       92
       -
       ### shadcn/ui Integration

     

       93
       93
       -
       The project uses shadcn/ui with:

     

       94
       94
       -
       - Style variant: "new-york"

     

       95
       95
       -
       - Base color: "neutral"

     

       96
       96
       -
       - Icon library: Lucide React

     

       97
       97
       -
       - CSS variables enabled

     

       98
       98
       -
       - Custom CSS location: `styles/globals.css`

     

       99
       99
       -
       

     

       100
       100
       -
       ### Available UI Components

     

       101
       101
       -
       - Button (multiple variants: default, destructive, outline, secondary, ghost, link)

     

       102
       102
       -
       - Card

     

       103
       103
       -
       - Input

     

       104
       104
       -
       - Label

     

       105
       105
       -
       - Select

     

       106
       106
       -
       - Textarea

     

       107
       107
       -
       

     

       108
       108
       -
       ### Custom Components

     

       109
       109
       -
       - ThemeToggle (dark/light mode switching)

     

       110
       110
       -
       - SectionNav (navigation between portfolio sections)

     

       111
       111
       -
       - ProjectCard/WorkExperienceCard (portfolio item displays)

     

       112
       112
       -
       - SocialLink (social media links with icons)

     

       113
       113
       -
       

     

       114
       114
       -
       ## Content Management

     

       115
       115
       -
       

     

       116
       116
       -
       Portfolio data is centralized in `src/data/portfolio.ts`:

     

       117
       117
       -
       - `personalInfo` - Name, title, description, availability, contact

     

       118
       118
       -
       - `currentRole` - Current employment status

     

       119
       119
       -
       - `skills` - Array of technical skills

     

       120
       120
       -
       - `workExperience` - Array of work history with projects

     

       121
       121
       -
       - `socialLinks` - Social media profiles

     

       122
       122
       -
       - `sections` - Page section identifiers

     

       123
       123
       -
       

     

       124
       124
       -
       The description format supports rich text with bold styling and URLs:

     

       125
       125
       -
       ```typescript

     

       126
       126
       -
       type DescriptionPart = {

     

       127
       127
       -
         text: string

     

       128
       128
       -
         bold?: boolean

     

       129
       129
       -
         url?: string

     

       130
       130
       -
       }

     

       131
       131
       -
       ```

     

       132
       132
       -
       

     

       133
       133
       -
       ## Deployment

     

       134
       134
       -
       

     

       135
       135
       -
       ### Netlify Configuration

     

       136
       136
       -
       - Static site hosting

     

       137
       137
       -
       - CORS headers configured in `public/netlify.toml`

     

       138
       138
       -
       - AT Protocol DID file at `public/.well-known/atproto-did`

     

       139
       139
       -
       

     

       140
       140
       -
       ### Build Output

     

       141
       141
       -
       - Production builds output to `dist/`

     

       142
       142
       -
       - All HTML files in `src/` become entrypoints

     

       143
       143
       -
       - Public assets copied automatically

     

       144
       144
       -
       - Source maps linked for debugging

     

       145
       145
       -
       

     

       146
       146
       -
       ## Development Notes

     

       147
       147
       -
       

     

       148
       148
       -
       ### Hot Module Replacement

     

       149
       149
       -
       - Development server includes HMR

     

       150
       150
       -
       - Browser console logs echoed to server

     

       151
       151
       -
       - Automatic reloading on file changes

     

       152
       152
       -
       

     

       153
       153
       -
       ### Performance Features

     

       154
       154
       -
       - Intersection Observer for scroll-triggered animations

     

       155
       155
       -
       - Code splitting support in build configuration

     

       156
       156
       -
       - Minification enabled by default in production

     

       157
       157
       -
       - Lazy loading with `react` imports

     

       158
       158
       -
       

     

       159
       159
       -
       ### AT Protocol Integration

     

       160
       160
       -
       - Project showcases AT Protocol-related work

     

       161
       161
       -
       - Uses `atproto-ui` component library

     

       162
       162
       -
       - Bluesky and Tangled integration in portfolio

     

       163
       163
       -
       

     

       164
       164
       -
       ## Gotchas

     

       165
       165
       -
       

     

       166
       166
       -
       ### Build System

     

       167
       167
       -
       - Custom build script requires Bun runtime (not Node.js)

     

       168
       168
       -
       - HTML files in `src/` automatically become entrypoints

     

       169
       169
       -
       - Must use `--external` flag for libraries that shouldn't be bundled

     

       170
       170
       -
       

     

       171
       171
       -
       ### Styling

     

       172
       172
       -
       - Dark mode is default styling approach

     

       173
       173
       -
       - CSS variables are used extensively for theming

     

       174
       174
       -
       - Custom glassmorphism effects require SVG filters (defined in CSS)

     

       175
       175
       -
       

     

       176
       176
       -
       ### Server Routes

     

       177
       177
       -
       - API routes use Bun's pattern matching syntax

     

       178
       178
       -
       - All unmatched routes serve the main SPA (catch-all route)

     

       179
       179
       -
       - CORS headers pre-configured for API access

     

       180
       180
       -
       

     

       181
       181
       -
       ### Content Structure

     

       182
       182
       -
       - Portfolio content is TypeScript data, not markdown

     

       183
       183
       -
       - Rich text descriptions use specific object structure

     

       184
       184
       -
       - Projects support multiple links (live demo, GitHub, etc.)

+1 -21

README.md

···

       1
       1
       -
       # bun-react-tailwind-shadcn-template

     

       2
       2
       -
       

     

       3
       3
       -
       To install dependencies:

     

       4
       4
       -
       

     

       5
       5
       -
       ```bash

     

       6
       6
       -
       bun install

     

       7
       7
       -
       ```

     

       8
       8
       -
       

     

       9
       9
       -
       To start a development server:

     

       10
       10
       -
       

     

       11
       11
       -
       ```bash

     

       12
       12
       -
       bun dev

     

       13
       13
       -
       ```

     

       14
       14
       -
       

     

       15
       15
       -
       To run for production:

     

       16
       16
       -
       

     

       17
       17
       -
       ```bash

     

       18
       18
       -
       bun start

     

       19
       19
       -
       ```

     

       20
       20
       -
       

     

       21
       21
       -
       This project was created using `bun init` in bun v1.3.1. [Bun](https://bun.com) is a fast all-in-one JavaScript runtime.

     

       1
       1
       +
       https://nekomimi.pet

bun-env.d.ts

···

       1
       1
        
       // Generated by `bun init`

     

       2
       2
        
       

     

       3
       3
       +
       /// <reference path="src/guestbook.d.ts" />

     

       4
       4
       +
       

     

       3
       5
        
       declare module "*.svg" {

     

       4
       6
        
         /**

     

       5
       7
        
          * A path to the SVG file

+237

bun.lock

···

       1
       1
       +
       {

     

       2
       2
       +
         "lockfileVersion": 1,

     

       3
       3
       +
         "configVersion": 1,

     

       4
       4
       +
         "workspaces": {

     

       5
       5
       +
           "": {

     

       6
       6
       +
             "name": "bun-react-template",

     

       7
       7
       +
             "dependencies": {

     

       8
       8
       +
               "@radix-ui/react-label": "^2.1.7",

     

       9
       9
       +
               "@radix-ui/react-select": "^2.2.6",

     

       10
       10
       +
               "@radix-ui/react-slot": "^1.2.3",

     

       11
       11
       +
               "atproto-ui": "0.11.3",

     

       12
       12
       +
               "bun-plugin-tailwind": "^0.1.2",

     

       13
       13
       +
               "class-variance-authority": "^0.7.1",

     

       14
       14
       +
               "clsx": "^2.1.1",

     

       15
       15
       +
               "cutebook": "0.1.1",

     

       16
       16
       +
               "lucide-react": "^0.545.0",

     

       17
       17
       +
               "react": "^19",

     

       18
       18
       +
               "react-dom": "^19",

     

       19
       19
       +
               "tailwind-merge": "^3.3.1",

     

       20
       20
       +
             },

     

       21
       21
       +
             "devDependencies": {

     

       22
       22
       +
               "@types/bun": "latest",

     

       23
       23
       +
               "@types/react": "^19",

     

       24
       24
       +
               "@types/react-dom": "^19",

     

       25
       25
       +
               "tailwindcss": "^4.1.11",

     

       26
       26
       +
               "tw-animate-css": "^1.4.0",

     

       27
       27
       +
             },

     

       28
       28
       +
           },

     

       29
       29
       +
         },

     

       30
       30
       +
         "packages": {

     

       31
       31
       +
           "@atcute/atproto": ["@atcute/atproto@3.1.9", "", { "dependencies": { "@atcute/lexicons": "^1.2.2" } }, "sha512-DyWwHCTdR4hY2BPNbLXgVmm7lI+fceOwWbE4LXbGvbvVtSn+ejSVFaAv01Ra3kWDha0whsOmbJL8JP0QPpf1+w=="],

     

       32
       32
       +
       

     

       33
       33
       +
           "@atcute/bluesky": ["@atcute/bluesky@3.2.10", "", { "dependencies": { "@atcute/atproto": "^3.1.9", "@atcute/lexicons": "^1.2.2" } }, "sha512-qwQWTzRf3umnh2u41gdU+xWYkbzGlKDupc3zeOB+YjmuP1N9wEaUhwS8H7vgrqr0xC9SGNDjeUVcjC4m5BPLBg=="],

     

       34
       34
       +
       

     

       35
       35
       +
           "@atcute/client": ["@atcute/client@4.0.5", "", { "dependencies": { "@atcute/identity": "^1.1.1", "@atcute/lexicons": "^1.2.2" } }, "sha512-R8Qen8goGmEkynYGg2m6XFlVmz0GTDvQ+9w+4QqOob+XMk8/WDpF4aImev7WKEde/rV2gjcqW7zM8E6W9NShDA=="],

     

       36
       36
       +
       

     

       37
       37
       +
           "@atcute/identity": ["@atcute/identity@1.1.1", "", { "dependencies": { "@atcute/lexicons": "^1.2.2", "@badrap/valita": "^0.4.6" } }, "sha512-zax42n693VEhnC+5tndvO2KLDTMkHOz8UExwmklvJv7R9VujfEwiSWhcv6Jgwb3ellaG8wjiQ1lMOIjLLvwh0Q=="],

     

       38
       38
       +
       

     

       39
       39
       +
           "@atcute/identity-resolver": ["@atcute/identity-resolver@1.1.4", "", { "dependencies": { "@atcute/lexicons": "^1.2.2", "@atcute/util-fetch": "^1.0.3", "@badrap/valita": "^0.4.6" }, "peerDependencies": { "@atcute/identity": "^1.0.0" } }, "sha512-/SVh8vf2cXFJenmBnGeYF2aY3WGQm3cJeew5NWTlkqoy3LvJ5wkvKq9PWu4Tv653VF40rPOp6LOdVr9Fa+q5rA=="],

     

       40
       40
       +
       

     

       41
       41
       +
           "@atcute/lexicons": ["@atcute/lexicons@1.2.2", "", { "dependencies": { "@standard-schema/spec": "^1.0.0", "esm-env": "^1.2.2" } }, "sha512-bgEhJq5Z70/0TbK5sx+tAkrR8FsCODNiL2gUEvS5PuJfPxmFmRYNWaMGehxSPaXWpU2+Oa9ckceHiYbrItDTkA=="],

     

       42
       42
       +
       

     

       43
       43
       +
           "@atcute/multibase": ["@atcute/multibase@1.1.6", "", { "dependencies": { "@atcute/uint8array": "^1.0.5" } }, "sha512-HBxuCgYLKPPxETV0Rot4VP9e24vKl8JdzGCZOVsDaOXJgbRZoRIF67Lp0H/OgnJeH/Xpva8Z5ReoTNJE5dn3kg=="],

     

       44
       44
       +
       

     

       45
       45
       +
           "@atcute/oauth-browser-client": ["@atcute/oauth-browser-client@2.0.1", "", { "dependencies": { "@atcute/client": "^4.0.5", "@atcute/identity": "^1.1.1", "@atcute/identity-resolver": "^1.1.4", "@atcute/lexicons": "^1.2.2", "@atcute/multibase": "^1.1.6", "@atcute/uint8array": "^1.0.5", "nanoid": "^5.1.5" } }, "sha512-lG021GkeORG06zfFf4bH85egObjBEKHNgAWHvbtY/E2dX4wxo88hf370pJDx8acdnuUJLJ2VKPikJtZwo4Heeg=="],

     

       46
       46
       +
       

     

       47
       47
       +
           "@atcute/tangled": ["@atcute/tangled@1.0.10", "", { "dependencies": { "@atcute/atproto": "^3.1.8", "@atcute/lexicons": "^1.2.2" } }, "sha512-DGconZIN5TpLBah+aHGbWI1tMsL7XzyVEbr/fW4CbcLWYKICU6SAUZ0YnZ+5GvltjlORWHUy7hfftvoh4zodIA=="],

     

       48
       48
       +
       

     

       49
       49
       +
           "@atcute/uint8array": ["@atcute/uint8array@1.0.5", "", {}, "sha512-XLWWxoR2HNl2qU+FCr0rp1APwJXci7HnzbOQLxK55OaMNBXZ19+xNC5ii4QCsThsDxa4JS/JTzuiQLziITWf2Q=="],

     

       50
       50
       +
       

     

       51
       51
       +
           "@atcute/util-fetch": ["@atcute/util-fetch@1.0.3", "", { "dependencies": { "@badrap/valita": "^0.4.6" } }, "sha512-f8zzTb/xlKIwv2OQ31DhShPUNCmIIleX6p7qIXwWwEUjX6x8skUtpdISSjnImq01LXpltGV5y8yhV4/Mlb7CRQ=="],

     

       52
       52
       +
       

     

       53
       53
       +
           "@badrap/valita": ["@badrap/valita@0.4.6", "", {}, "sha512-4kdqcjyxo/8RQ8ayjms47HCWZIF5981oE5nIenbfThKDxWXtEHKipAOWlflpPJzZx9y/JWYQkp18Awr7VuepFg=="],

     

       54
       54
       +
       

     

       55
       55
       +
           "@floating-ui/core": ["@floating-ui/core@1.7.3", "", { "dependencies": { "@floating-ui/utils": "^0.2.10" } }, "sha512-sGnvb5dmrJaKEZ+LDIpguvdX3bDlEllmv4/ClQ9awcmCZrlx5jQyyMWFM5kBI+EyNOCDDiKk8il0zeuX3Zlg/w=="],

     

       56
       56
       +
       

     

       57
       57
       +
           "@floating-ui/dom": ["@floating-ui/dom@1.7.4", "", { "dependencies": { "@floating-ui/core": "^1.7.3", "@floating-ui/utils": "^0.2.10" } }, "sha512-OOchDgh4F2CchOX94cRVqhvy7b3AFb+/rQXyswmzmGakRfkMgoWVjfnLWkRirfLEfuD4ysVW16eXzwt3jHIzKA=="],

     

       58
       58
       +
       

     

       59
       59
       +
           "@floating-ui/react-dom": ["@floating-ui/react-dom@2.1.6", "", { "dependencies": { "@floating-ui/dom": "^1.7.4" }, "peerDependencies": { "react": ">=16.8.0", "react-dom": ">=16.8.0" } }, "sha512-4JX6rEatQEvlmgU80wZyq9RT96HZJa88q8hp0pBd+LrczeDI4o6uA2M+uvxngVHo4Ihr8uibXxH6+70zhAFrVw=="],

     

       60
       60
       +
       

     

       61
       61
       +
           "@floating-ui/utils": ["@floating-ui/utils@0.2.10", "", {}, "sha512-aGTxbpbg8/b5JfU1HXSrbH3wXZuLPJcNEcZQFMxLs3oSzgtVu6nFPkbbGGUvBcUjKV2YyB9Wxxabo+HEH9tcRQ=="],

     

       62
       62
       +
       

     

       63
       63
       +
           "@oven/bun-darwin-aarch64": ["@oven/bun-darwin-aarch64@1.3.2", "", { "os": "darwin", "cpu": "arm64" }, "sha512-licBDIbbLP5L5/S0+bwtJynso94XD3KyqSP48K59Sq7Mude6C7dR5ZujZm4Ut4BwZqUFfNOfYNMWBU5nlL7t1A=="],

     

       64
       64
       +
       

     

       65
       65
       +
           "@oven/bun-darwin-x64": ["@oven/bun-darwin-x64@1.3.2", "", { "os": "darwin", "cpu": "x64" }, "sha512-hn8lLzsYyyh6ULo2E8v2SqtrWOkdQKJwapeVy1rDw7juTTeHY3KDudGWf4mVYteC9riZU6HD88Fn3nGwyX0eIg=="],

     

       66
       66
       +
       

     

       67
       67
       +
           "@oven/bun-darwin-x64-baseline": ["@oven/bun-darwin-x64-baseline@1.3.2", "", { "os": "darwin", "cpu": "x64" }, "sha512-UHxdtbyxdtNJUNcXtIrjx3Lmq8ji3KywlXtIHV/0vn9A8W5mulqOcryqUWMFVH9JTIIzmNn6Q/qVmXHTME63Ww=="],

     

       68
       68
       +
       

     

       69
       69
       +
           "@oven/bun-linux-aarch64": ["@oven/bun-linux-aarch64@1.3.2", "", { "os": "linux", "cpu": "arm64" }, "sha512-5uZzxzvHU/z+3cZwN/A0H8G+enQ+9FkeJVZkE2fwK2XhiJZFUGAuWajCpy7GepvOWlqV7VjPaKi2+Qmr4IX7nQ=="],

     

       70
       70
       +
       

     

       71
       71
       +
           "@oven/bun-linux-aarch64-musl": ["@oven/bun-linux-aarch64-musl@1.3.2", "", { "os": "linux", "cpu": "arm64" }, "sha512-OD9DYkjes7WXieBn4zQZGXWhRVZhIEWMDGCetZ3H4vxIuweZ++iul/CNX5jdpNXaJ17myb1ROMvmRbrqW44j3w=="],

     

       72
       72
       +
       

     

       73
       73
       +
           "@oven/bun-linux-x64": ["@oven/bun-linux-x64@1.3.2", "", { "os": "linux", "cpu": "x64" }, "sha512-EoEuRP9bxAxVKuvi6tZ0ZENjueP4lvjz0mKsMzdG0kwg/2apGKiirH1l0RIcdmvfDGGuDmNiv/XBpkoXq1x8ug=="],

     

       74
       74
       +
       

     

       75
       75
       +
           "@oven/bun-linux-x64-baseline": ["@oven/bun-linux-x64-baseline@1.3.2", "", { "os": "linux", "cpu": "x64" }, "sha512-m9Ov9YH8KjRLui87eNtQQFKVnjGsNk3xgbrR9c8d2FS3NfZSxmVjSeBvEsDjzNf1TXLDriHb/NYOlpiMf/QzDg=="],

     

       76
       76
       +
       

     

       77
       77
       +
           "@oven/bun-linux-x64-musl": ["@oven/bun-linux-x64-musl@1.3.2", "", { "os": "linux", "cpu": "x64" }, "sha512-3TuOsRVoG8K+soQWRo+Cp5ACpRs6rTFSu5tAqc/6WrqwbNWmqjov/eWJPTgz3gPXnC7uNKVG7RxxAmV8r2EYTQ=="],

     

       78
       78
       +
       

     

       79
       79
       +
           "@oven/bun-linux-x64-musl-baseline": ["@oven/bun-linux-x64-musl-baseline@1.3.2", "", { "os": "linux", "cpu": "x64" }, "sha512-q8Hto8hcpofPJjvuvjuwyYvhOaAzPw1F5vRUUeOJDmDwZ4lZhANFM0rUwchMzfWUJCD6jg8/EVQ8MiixnZWU0A=="],

     

       80
       80
       +
       

     

       81
       81
       +
           "@oven/bun-windows-x64": ["@oven/bun-windows-x64@1.3.2", "", { "os": "win32", "cpu": "x64" }, "sha512-nZJUa5NprPYQ4Ii4cMwtP9PzlJJTp1XhxJ+A9eSn1Jfr6YygVWyN2KLjenyI93IcuBouBAaepDAVZZjH2lFBhg=="],

     

       82
       82
       +
       

     

       83
       83
       +
           "@oven/bun-windows-x64-baseline": ["@oven/bun-windows-x64-baseline@1.3.2", "", { "os": "win32", "cpu": "x64" }, "sha512-s00T99MjB+xLOWq+t+wVaVBrry+oBOZNiTJijt+bmkp/MJptYS3FGvs7a+nkjLNzoNDoWQcXgKew6AaHES37Bg=="],

     

       84
       84
       +
       

     

       85
       85
       +
           "@radix-ui/number": ["@radix-ui/number@1.1.1", "", {}, "sha512-MkKCwxlXTgz6CFoJx3pCwn07GKp36+aZyu/u2Ln2VrA5DcdyCZkASEDBTd8x5whTQQL5CiYf4prXKLcgQdv29g=="],

     

       86
       86
       +
       

     

       87
       87
       +
           "@radix-ui/primitive": ["@radix-ui/primitive@1.1.3", "", {}, "sha512-JTF99U/6XIjCBo0wqkU5sK10glYe27MRRsfwoiq5zzOEZLHU3A3KCMa5X/azekYRCJ0HlwI0crAXS/5dEHTzDg=="],

     

       88
       88
       +
       

     

       89
       89
       +
           "@radix-ui/react-arrow": ["@radix-ui/react-arrow@1.1.7", "", { "dependencies": { "@radix-ui/react-primitive": "2.1.3" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-F+M1tLhO+mlQaOWspE8Wstg+z6PwxwRd8oQ8IXceWz92kfAmalTRf0EjrouQeo7QssEPfCn05B4Ihs1K9WQ/7w=="],

     

       90
       90
       +
       

     

       91
       91
       +
           "@radix-ui/react-collection": ["@radix-ui/react-collection@1.1.7", "", { "dependencies": { "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-context": "1.1.2", "@radix-ui/react-primitive": "2.1.3", "@radix-ui/react-slot": "1.2.3" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-Fh9rGN0MoI4ZFUNyfFVNU4y9LUz93u9/0K+yLgA2bwRojxM8JU1DyvvMBabnZPBgMWREAJvU2jjVzq+LrFUglw=="],

     

       92
       92
       +
       

     

       93
       93
       +
           "@radix-ui/react-compose-refs": ["@radix-ui/react-compose-refs@1.1.2", "", { "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react"] }, "sha512-z4eqJvfiNnFMHIIvXP3CY57y2WJs5g2v3X0zm9mEJkrkNv4rDxu+sg9Jh8EkXyeqBkB7SOcboo9dMVqhyrACIg=="],

     

       94
       94
       +
       

     

       95
       95
       +
           "@radix-ui/react-context": ["@radix-ui/react-context@1.1.2", "", { "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react"] }, "sha512-jCi/QKUM2r1Ju5a3J64TH2A5SpKAgh0LpknyqdQ4m6DCV0xJ2HG1xARRwNGPQfi1SLdLWZ1OJz6F4OMBBNiGJA=="],

     

       96
       96
       +
       

     

       97
       97
       +
           "@radix-ui/react-direction": ["@radix-ui/react-direction@1.1.1", "", { "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react"] }, "sha512-1UEWRX6jnOA2y4H5WczZ44gOOjTEmlqv1uNW4GAJEO5+bauCBhv8snY65Iw5/VOS/ghKN9gr2KjnLKxrsvoMVw=="],

     

       98
       98
       +
       

     

       99
       99
       +
           "@radix-ui/react-dismissable-layer": ["@radix-ui/react-dismissable-layer@1.1.11", "", { "dependencies": { "@radix-ui/primitive": "1.1.3", "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-primitive": "2.1.3", "@radix-ui/react-use-callback-ref": "1.1.1", "@radix-ui/react-use-escape-keydown": "1.1.1" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-Nqcp+t5cTB8BinFkZgXiMJniQH0PsUt2k51FUhbdfeKvc4ACcG2uQniY/8+h1Yv6Kza4Q7lD7PQV0z0oicE0Mg=="],

     

       100
       100
       +
       

     

       101
       101
       +
           "@radix-ui/react-focus-guards": ["@radix-ui/react-focus-guards@1.1.3", "", { "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react"] }, "sha512-0rFg/Rj2Q62NCm62jZw0QX7a3sz6QCQU0LpZdNrJX8byRGaGVTqbrW9jAoIAHyMQqsNpeZ81YgSizOt5WXq0Pw=="],

     

       102
       102
       +
       

     

       103
       103
       +
           "@radix-ui/react-focus-scope": ["@radix-ui/react-focus-scope@1.1.7", "", { "dependencies": { "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-primitive": "2.1.3", "@radix-ui/react-use-callback-ref": "1.1.1" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-t2ODlkXBQyn7jkl6TNaw/MtVEVvIGelJDCG41Okq/KwUsJBwQ4XVZsHAVUkK4mBv3ewiAS3PGuUWuY2BoK4ZUw=="],

     

       104
       104
       +
       

     

       105
       105
       +
           "@radix-ui/react-id": ["@radix-ui/react-id@1.1.1", "", { "dependencies": { "@radix-ui/react-use-layout-effect": "1.1.1" }, "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react"] }, "sha512-kGkGegYIdQsOb4XjsfM97rXsiHaBwco+hFI66oO4s9LU+PLAC5oJ7khdOVFxkhsmlbpUqDAvXw11CluXP+jkHg=="],

     

       106
       106
       +
       

     

       107
       107
       +
           "@radix-ui/react-label": ["@radix-ui/react-label@2.1.8", "", { "dependencies": { "@radix-ui/react-primitive": "2.1.4" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-FmXs37I6hSBVDlO4y764TNz1rLgKwjJMQ0EGte6F3Cb3f4bIuHB/iLa/8I9VKkmOy+gNHq8rql3j686ACVV21A=="],

     

       108
       108
       +
       

     

       109
       109
       +
           "@radix-ui/react-popper": ["@radix-ui/react-popper@1.2.8", "", { "dependencies": { "@floating-ui/react-dom": "^2.0.0", "@radix-ui/react-arrow": "1.1.7", "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-context": "1.1.2", "@radix-ui/react-primitive": "2.1.3", "@radix-ui/react-use-callback-ref": "1.1.1", "@radix-ui/react-use-layout-effect": "1.1.1", "@radix-ui/react-use-rect": "1.1.1", "@radix-ui/react-use-size": "1.1.1", "@radix-ui/rect": "1.1.1" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-0NJQ4LFFUuWkE7Oxf0htBKS6zLkkjBH+hM1uk7Ng705ReR8m/uelduy1DBo0PyBXPKVnBA6YBlU94MBGXrSBCw=="],

     

       110
       110
       +
       

     

       111
       111
       +
           "@radix-ui/react-portal": ["@radix-ui/react-portal@1.1.9", "", { "dependencies": { "@radix-ui/react-primitive": "2.1.3", "@radix-ui/react-use-layout-effect": "1.1.1" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-bpIxvq03if6UNwXZ+HTK71JLh4APvnXntDc6XOX8UVq4XQOVl7lwok0AvIl+b8zgCw3fSaVTZMpAPPagXbKmHQ=="],

     

       112
       112
       +
       

     

       113
       113
       +
           "@radix-ui/react-primitive": ["@radix-ui/react-primitive@2.1.4", "", { "dependencies": { "@radix-ui/react-slot": "1.2.4" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-9hQc4+GNVtJAIEPEqlYqW5RiYdrr8ea5XQ0ZOnD6fgru+83kqT15mq2OCcbe8KnjRZl5vF3ks69AKz3kh1jrhg=="],

     

       114
       114
       +
       

     

       115
       115
       +
           "@radix-ui/react-select": ["@radix-ui/react-select@2.2.6", "", { "dependencies": { "@radix-ui/number": "1.1.1", "@radix-ui/primitive": "1.1.3", "@radix-ui/react-collection": "1.1.7", "@radix-ui/react-compose-refs": "1.1.2", "@radix-ui/react-context": "1.1.2", "@radix-ui/react-direction": "1.1.1", "@radix-ui/react-dismissable-layer": "1.1.11", "@radix-ui/react-focus-guards": "1.1.3", "@radix-ui/react-focus-scope": "1.1.7", "@radix-ui/react-id": "1.1.1", "@radix-ui/react-popper": "1.2.8", "@radix-ui/react-portal": "1.1.9", "@radix-ui/react-primitive": "2.1.3", "@radix-ui/react-slot": "1.2.3", "@radix-ui/react-use-callback-ref": "1.1.1", "@radix-ui/react-use-controllable-state": "1.2.2", "@radix-ui/react-use-layout-effect": "1.1.1", "@radix-ui/react-use-previous": "1.1.1", "@radix-ui/react-visually-hidden": "1.2.3", "aria-hidden": "^1.2.4", "react-remove-scroll": "^2.6.3" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-I30RydO+bnn2PQztvo25tswPH+wFBjehVGtmagkU78yMdwTwVf12wnAOF+AeP8S2N8xD+5UPbGhkUfPyvT+mwQ=="],

     

       116
       116
       +
       

     

       117
       117
       +
           "@radix-ui/react-slot": ["@radix-ui/react-slot@1.2.4", "", { "dependencies": { "@radix-ui/react-compose-refs": "1.1.2" }, "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react"] }, "sha512-Jl+bCv8HxKnlTLVrcDE8zTMJ09R9/ukw4qBs/oZClOfoQk/cOTbDn+NceXfV7j09YPVQUryJPHurafcSg6EVKA=="],

     

       118
       118
       +
       

     

       119
       119
       +
           "@radix-ui/react-use-callback-ref": ["@radix-ui/react-use-callback-ref@1.1.1", "", { "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react"] }, "sha512-FkBMwD+qbGQeMu1cOHnuGB6x4yzPjho8ap5WtbEJ26umhgqVXbhekKUQO+hZEL1vU92a3wHwdp0HAcqAUF5iDg=="],

     

       120
       120
       +
       

     

       121
       121
       +
           "@radix-ui/react-use-controllable-state": ["@radix-ui/react-use-controllable-state@1.2.2", "", { "dependencies": { "@radix-ui/react-use-effect-event": "0.0.2", "@radix-ui/react-use-layout-effect": "1.1.1" }, "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react"] }, "sha512-BjasUjixPFdS+NKkypcyyN5Pmg83Olst0+c6vGov0diwTEo6mgdqVR6hxcEgFuh4QrAs7Rc+9KuGJ9TVCj0Zzg=="],

     

       122
       122
       +
       

     

       123
       123
       +
           "@radix-ui/react-use-effect-event": ["@radix-ui/react-use-effect-event@0.0.2", "", { "dependencies": { "@radix-ui/react-use-layout-effect": "1.1.1" }, "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react"] }, "sha512-Qp8WbZOBe+blgpuUT+lw2xheLP8q0oatc9UpmiemEICxGvFLYmHm9QowVZGHtJlGbS6A6yJ3iViad/2cVjnOiA=="],

     

       124
       124
       +
       

     

       125
       125
       +
           "@radix-ui/react-use-escape-keydown": ["@radix-ui/react-use-escape-keydown@1.1.1", "", { "dependencies": { "@radix-ui/react-use-callback-ref": "1.1.1" }, "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react"] }, "sha512-Il0+boE7w/XebUHyBjroE+DbByORGR9KKmITzbR7MyQ4akpORYP/ZmbhAr0DG7RmmBqoOnZdy2QlvajJ2QA59g=="],

     

       126
       126
       +
       

     

       127
       127
       +
           "@radix-ui/react-use-layout-effect": ["@radix-ui/react-use-layout-effect@1.1.1", "", { "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react"] }, "sha512-RbJRS4UWQFkzHTTwVymMTUv8EqYhOp8dOOviLj2ugtTiXRaRQS7GLGxZTLL1jWhMeoSCf5zmcZkqTl9IiYfXcQ=="],

     

       128
       128
       +
       

     

       129
       129
       +
           "@radix-ui/react-use-previous": ["@radix-ui/react-use-previous@1.1.1", "", { "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react"] }, "sha512-2dHfToCj/pzca2Ck724OZ5L0EVrr3eHRNsG/b3xQJLA2hZpVCS99bLAX+hm1IHXDEnzU6by5z/5MIY794/a8NQ=="],

     

       130
       130
       +
       

     

       131
       131
       +
           "@radix-ui/react-use-rect": ["@radix-ui/react-use-rect@1.1.1", "", { "dependencies": { "@radix-ui/rect": "1.1.1" }, "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react"] }, "sha512-QTYuDesS0VtuHNNvMh+CjlKJ4LJickCMUAqjlE3+j8w+RlRpwyX3apEQKGFzbZGdo7XNG1tXa+bQqIE7HIXT2w=="],

     

       132
       132
       +
       

     

       133
       133
       +
           "@radix-ui/react-use-size": ["@radix-ui/react-use-size@1.1.1", "", { "dependencies": { "@radix-ui/react-use-layout-effect": "1.1.1" }, "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react"] }, "sha512-ewrXRDTAqAXlkl6t/fkXWNAhFX9I+CkKlw6zjEwk86RSPKwZr3xpBRso655aqYafwtnbpHLj6toFzmd6xdVptQ=="],

     

       134
       134
       +
       

     

       135
       135
       +
           "@radix-ui/react-visually-hidden": ["@radix-ui/react-visually-hidden@1.2.3", "", { "dependencies": { "@radix-ui/react-primitive": "2.1.3" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-pzJq12tEaaIhqjbzpCuv/OypJY/BPavOofm+dbab+MHLajy277+1lLm6JFcGgF5eskJ6mquGirhXY2GD/8u8Ug=="],

     

       136
       136
       +
       

     

       137
       137
       +
           "@radix-ui/rect": ["@radix-ui/rect@1.1.1", "", {}, "sha512-HPwpGIzkl28mWyZqG52jiqDJ12waP11Pa1lGoiyUkIEuMLBP0oeK/C89esbXrxsky5we7dfd8U58nm0SgAWpVw=="],

     

       138
       138
       +
       

     

       139
       139
       +
           "@standard-schema/spec": ["@standard-schema/spec@1.0.0", "", {}, "sha512-m2bOd0f2RT9k8QJx1JN85cZYyH1RqFBdlwtkSlf4tBDYLCiiZnv1fIIwacK6cqwXavOydf0NPToMQgpKq+dVlA=="],

     

       140
       140
       +
       

     

       141
       141
       +
           "@types/bun": ["@types/bun@1.3.2", "", { "dependencies": { "bun-types": "1.3.2" } }, "sha512-t15P7k5UIgHKkxwnMNkJbWlh/617rkDGEdSsDbu+qNHTaz9SKf7aC8fiIlUdD5RPpH6GEkP0cK7WlvmrEBRtWg=="],

     

       142
       142
       +
       

     

       143
       143
       +
           "@types/node": ["@types/node@24.10.1", "", { "dependencies": { "undici-types": "~7.16.0" } }, "sha512-GNWcUTRBgIRJD5zj+Tq0fKOJ5XZajIiBroOF0yvj2bSU1WvNdYS/dn9UxwsujGW4JX06dnHyjV2y9rRaybH0iQ=="],

     

       144
       144
       +
       

     

       145
       145
       +
           "@types/react": ["@types/react@19.2.3", "", { "dependencies": { "csstype": "^3.0.2" } }, "sha512-k5dJVszUiNr1DSe8Cs+knKR6IrqhqdhpUwzqhkS8ecQTSf3THNtbfIp/umqHMpX2bv+9dkx3fwDv/86LcSfvSg=="],

     

       146
       146
       +
       

     

       147
       147
       +
           "@types/react-dom": ["@types/react-dom@19.2.3", "", { "peerDependencies": { "@types/react": "^19.2.0" } }, "sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ=="],

     

       148
       148
       +
       

     

       149
       149
       +
           "actor-typeahead": ["actor-typeahead@0.1.2", "", {}, "sha512-I97YqqNl7Kar0J/bIJvgY/KmHpssHcDElhfwVTLP7wRFlkxso2ZLBqiS2zol5A8UVUJbQK2JXYaqNpZXz8Uk2A=="],

     

       150
       150
       +
       

     

       151
       151
       +
           "aria-hidden": ["aria-hidden@1.2.6", "", { "dependencies": { "tslib": "^2.0.0" } }, "sha512-ik3ZgC9dY/lYVVM++OISsaYDeg1tb0VtP5uL3ouh1koGOaUMDPpbFIei4JkFimWUFPn90sbMNMXQAIVOlnYKJA=="],

     

       152
       152
       +
       

     

       153
       153
       +
           "atproto-ui": ["atproto-ui@0.11.3", "", { "dependencies": { "@atcute/atproto": "^3.1.7", "@atcute/bluesky": "^3.2.3", "@atcute/client": "^4.0.3", "@atcute/identity-resolver": "^1.1.3", "@atcute/tangled": "^1.0.10" }, "peerDependencies": { "react": "^18.2.0 || ^19.0.0", "react-dom": "^18.2.0 || ^19.0.0" }, "optionalPeers": ["react-dom"] }, "sha512-NIBsORuo9lpCpr1SNKcKhNvqOVpsEy9IoHqFe1CM9gNTArpQL1hUcoP1Cou9a1O5qzCul9kaiu5xBHnB81I/WQ=="],

     

       154
       154
       +
       

     

       155
       155
       +
           "bun": ["bun@1.3.2", "", { "optionalDependencies": { "@oven/bun-darwin-aarch64": "1.3.2", "@oven/bun-darwin-x64": "1.3.2", "@oven/bun-darwin-x64-baseline": "1.3.2", "@oven/bun-linux-aarch64": "1.3.2", "@oven/bun-linux-aarch64-musl": "1.3.2", "@oven/bun-linux-x64": "1.3.2", "@oven/bun-linux-x64-baseline": "1.3.2", "@oven/bun-linux-x64-musl": "1.3.2", "@oven/bun-linux-x64-musl-baseline": "1.3.2", "@oven/bun-windows-x64": "1.3.2", "@oven/bun-windows-x64-baseline": "1.3.2" }, "os": [ "linux", "win32", "darwin", ], "cpu": [ "x64", "arm64", ], "bin": { "bun": "bin/bun.exe", "bunx": "bin/bunx.exe" } }, "sha512-x75mPJiEfhO1j4Tfc65+PtW6ZyrAB6yTZInydnjDZXF9u9PRAnr6OK3v0Q9dpDl0dxRHkXlYvJ8tteJxc8t4Sw=="],

     

       156
       156
       +
       

     

       157
       157
       +
           "bun-plugin-tailwind": ["bun-plugin-tailwind@0.1.2", "", { "peerDependencies": { "bun": ">=1.0.0" } }, "sha512-41jNC1tZRSK3s1o7pTNrLuQG8kL/0vR/JgiTmZAJ1eHwe0w5j6HFPKeqEk0WAD13jfrUC7+ULuewFBBCoADPpg=="],

     

       158
       158
       +
       

     

       159
       159
       +
           "bun-types": ["bun-types@1.3.2", "", { "dependencies": { "@types/node": "*" }, "peerDependencies": { "@types/react": "^19" } }, "sha512-i/Gln4tbzKNuxP70OWhJRZz1MRfvqExowP7U6JKoI8cntFrtxg7RJK3jvz7wQW54UuvNC8tbKHHri5fy74FVqg=="],

     

       160
       160
       +
       

     

       161
       161
       +
           "class-variance-authority": ["class-variance-authority@0.7.1", "", { "dependencies": { "clsx": "^2.1.1" } }, "sha512-Ka+9Trutv7G8M6WT6SeiRWz792K5qEqIGEGzXKhAE6xOWAY6pPH8U+9IY3oCMv6kqTmLsv7Xh/2w2RigkePMsg=="],

     

       162
       162
       +
       

     

       163
       163
       +
           "clsx": ["clsx@2.1.1", "", {}, "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA=="],

     

       164
       164
       +
       

     

       165
       165
       +
           "csstype": ["csstype@3.1.3", "", {}, "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw=="],

     

       166
       166
       +
       

     

       167
       167
       +
           "cutebook": ["cutebook@0.1.1", "", { "dependencies": { "actor-typeahead": "^0.1.2" }, "peerDependencies": { "@atcute/client": "^4.0.0", "@atcute/identity-resolver": "^1.0.0", "@atcute/oauth-browser-client": "^2.0.0" } }, "sha512-Wh4fpQUFwVnmKnLA8MOnNRbPstYv2EeC8KG1d9P6MMzupjMP2GRaDnixzg1ADvH2wBuVcpGDbGm4zyhN+h3D8w=="],

     

       168
       168
       +
       

     

       169
       169
       +
           "detect-node-es": ["detect-node-es@1.1.0", "", {}, "sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ=="],

     

       170
       170
       +
       

     

       171
       171
       +
           "esm-env": ["esm-env@1.2.2", "", {}, "sha512-Epxrv+Nr/CaL4ZcFGPJIYLWFom+YeV1DqMLHJoEd9SYRxNbaFruBwfEX/kkHUJf55j2+TUbmDcmuilbP1TmXHA=="],

     

       172
       172
       +
       

     

       173
       173
       +
           "get-nonce": ["get-nonce@1.0.1", "", {}, "sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q=="],

     

       174
       174
       +
       

     

       175
       175
       +
           "lucide-react": ["lucide-react@0.545.0", "", { "peerDependencies": { "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0" } }, "sha512-7r1/yUuflQDSt4f1bpn5ZAocyIxcTyVyBBChSVtBKn5M+392cPmI5YJMWOJKk/HUWGm5wg83chlAZtCcGbEZtw=="],

     

       176
       176
       +
       

     

       177
       177
       +
           "nanoid": ["nanoid@5.1.6", "", { "bin": { "nanoid": "bin/nanoid.js" } }, "sha512-c7+7RQ+dMB5dPwwCp4ee1/iV/q2P6aK1mTZcfr1BTuVlyW9hJYiMPybJCcnBlQtuSmTIWNeazm/zqNoZSSElBg=="],

     

       178
       178
       +
       

     

       179
       179
       +
           "react": ["react@19.2.0", "", {}, "sha512-tmbWg6W31tQLeB5cdIBOicJDJRR2KzXsV7uSK9iNfLWQ5bIZfxuPEHp7M8wiHyHnn0DD1i7w3Zmin0FtkrwoCQ=="],

     

       180
       180
       +
       

     

       181
       181
       +
           "react-dom": ["react-dom@19.2.0", "", { "dependencies": { "scheduler": "^0.27.0" }, "peerDependencies": { "react": "^19.2.0" } }, "sha512-UlbRu4cAiGaIewkPyiRGJk0imDN2T3JjieT6spoL2UeSf5od4n5LB/mQ4ejmxhCFT1tYe8IvaFulzynWovsEFQ=="],

     

       182
       182
       +
       

     

       183
       183
       +
           "react-remove-scroll": ["react-remove-scroll@2.7.1", "", { "dependencies": { "react-remove-scroll-bar": "^2.3.7", "react-style-singleton": "^2.2.3", "tslib": "^2.1.0", "use-callback-ref": "^1.3.3", "use-sidecar": "^1.1.3" }, "peerDependencies": { "@types/react": "*", "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react"] }, "sha512-HpMh8+oahmIdOuS5aFKKY6Pyog+FNaZV/XyJOq7b4YFwsFHe5yYfdbIalI4k3vU2nSDql7YskmUseHsRrJqIPA=="],

     

       184
       184
       +
       

     

       185
       185
       +
           "react-remove-scroll-bar": ["react-remove-scroll-bar@2.3.8", "", { "dependencies": { "react-style-singleton": "^2.2.2", "tslib": "^2.0.0" }, "peerDependencies": { "@types/react": "*", "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0" }, "optionalPeers": ["@types/react"] }, "sha512-9r+yi9+mgU33AKcj6IbT9oRCO78WriSj6t/cF8DWBZJ9aOGPOTEDvdUDz1FwKim7QXWwmHqtdHnRJfhAxEG46Q=="],

     

       186
       186
       +
       

     

       187
       187
       +
           "react-style-singleton": ["react-style-singleton@2.2.3", "", { "dependencies": { "get-nonce": "^1.0.0", "tslib": "^2.0.0" }, "peerDependencies": { "@types/react": "*", "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react"] }, "sha512-b6jSvxvVnyptAiLjbkWLE/lOnR4lfTtDAl+eUC7RZy+QQWc6wRzIV2CE6xBuMmDxc2qIihtDCZD5NPOFl7fRBQ=="],

     

       188
       188
       +
       

     

       189
       189
       +
           "scheduler": ["scheduler@0.27.0", "", {}, "sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q=="],

     

       190
       190
       +
       

     

       191
       191
       +
           "tailwind-merge": ["tailwind-merge@3.4.0", "", {}, "sha512-uSaO4gnW+b3Y2aWoWfFpX62vn2sR3skfhbjsEnaBI81WD1wBLlHZe5sWf0AqjksNdYTbGBEd0UasQMT3SNV15g=="],

     

       192
       192
       +
       

     

       193
       193
       +
           "tailwindcss": ["tailwindcss@4.1.17", "", {}, "sha512-j9Ee2YjuQqYT9bbRTfTZht9W/ytp5H+jJpZKiYdP/bpnXARAuELt9ofP0lPnmHjbga7SNQIxdTAXCmtKVYjN+Q=="],

     

       194
       194
       +
       

     

       195
       195
       +
           "tslib": ["tslib@2.8.1", "", {}, "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w=="],

     

       196
       196
       +
       

     

       197
       197
       +
           "tw-animate-css": ["tw-animate-css@1.4.0", "", {}, "sha512-7bziOlRqH0hJx80h/3mbicLW7o8qLsH5+RaLR2t+OHM3D0JlWGODQKQ4cxbK7WlvmUxpcj6Kgu6EKqjrGFe3QQ=="],

     

       198
       198
       +
       

     

       199
       199
       +
           "undici-types": ["undici-types@7.16.0", "", {}, "sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw=="],

     

       200
       200
       +
       

     

       201
       201
       +
           "use-callback-ref": ["use-callback-ref@1.3.3", "", { "dependencies": { "tslib": "^2.0.0" }, "peerDependencies": { "@types/react": "*", "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react"] }, "sha512-jQL3lRnocaFtu3V00JToYz/4QkNWswxijDaCVNZRiRTO3HQDLsdu1ZtmIUvV4yPp+rvWm5j0y0TG/S61cuijTg=="],

     

       202
       202
       +
       

     

       203
       203
       +
           "use-sidecar": ["use-sidecar@1.1.3", "", { "dependencies": { "detect-node-es": "^1.1.0", "tslib": "^2.0.0" }, "peerDependencies": { "@types/react": "*", "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react"] }, "sha512-Fedw0aZvkhynoPYlA5WXrMCAMm+nSWdZt6lzJQ7Ok8S6Q+VsHmHpRWndVRJ8Be0ZbkfPc5LRYH+5XrzXcEeLRQ=="],

     

       204
       204
       +
       

     

       205
       205
       +
           "@radix-ui/react-arrow/@radix-ui/react-primitive": ["@radix-ui/react-primitive@2.1.3", "", { "dependencies": { "@radix-ui/react-slot": "1.2.3" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ=="],

     

       206
       206
       +
       

     

       207
       207
       +
           "@radix-ui/react-collection/@radix-ui/react-primitive": ["@radix-ui/react-primitive@2.1.3", "", { "dependencies": { "@radix-ui/react-slot": "1.2.3" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ=="],

     

       208
       208
       +
       

     

       209
       209
       +
           "@radix-ui/react-collection/@radix-ui/react-slot": ["@radix-ui/react-slot@1.2.3", "", { "dependencies": { "@radix-ui/react-compose-refs": "1.1.2" }, "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react"] }, "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A=="],

     

       210
       210
       +
       

     

       211
       211
       +
           "@radix-ui/react-dismissable-layer/@radix-ui/react-primitive": ["@radix-ui/react-primitive@2.1.3", "", { "dependencies": { "@radix-ui/react-slot": "1.2.3" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ=="],

     

       212
       212
       +
       

     

       213
       213
       +
           "@radix-ui/react-focus-scope/@radix-ui/react-primitive": ["@radix-ui/react-primitive@2.1.3", "", { "dependencies": { "@radix-ui/react-slot": "1.2.3" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ=="],

     

       214
       214
       +
       

     

       215
       215
       +
           "@radix-ui/react-popper/@radix-ui/react-primitive": ["@radix-ui/react-primitive@2.1.3", "", { "dependencies": { "@radix-ui/react-slot": "1.2.3" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ=="],

     

       216
       216
       +
       

     

       217
       217
       +
           "@radix-ui/react-portal/@radix-ui/react-primitive": ["@radix-ui/react-primitive@2.1.3", "", { "dependencies": { "@radix-ui/react-slot": "1.2.3" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ=="],

     

       218
       218
       +
       

     

       219
       219
       +
           "@radix-ui/react-select/@radix-ui/react-primitive": ["@radix-ui/react-primitive@2.1.3", "", { "dependencies": { "@radix-ui/react-slot": "1.2.3" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ=="],

     

       220
       220
       +
       

     

       221
       221
       +
           "@radix-ui/react-select/@radix-ui/react-slot": ["@radix-ui/react-slot@1.2.3", "", { "dependencies": { "@radix-ui/react-compose-refs": "1.1.2" }, "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react"] }, "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A=="],

     

       222
       222
       +
       

     

       223
       223
       +
           "@radix-ui/react-visually-hidden/@radix-ui/react-primitive": ["@radix-ui/react-primitive@2.1.3", "", { "dependencies": { "@radix-ui/react-slot": "1.2.3" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ=="],

     

       224
       224
       +
       

     

       225
       225
       +
           "@radix-ui/react-arrow/@radix-ui/react-primitive/@radix-ui/react-slot": ["@radix-ui/react-slot@1.2.3", "", { "dependencies": { "@radix-ui/react-compose-refs": "1.1.2" }, "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react"] }, "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A=="],

     

       226
       226
       +
       

     

       227
       227
       +
           "@radix-ui/react-dismissable-layer/@radix-ui/react-primitive/@radix-ui/react-slot": ["@radix-ui/react-slot@1.2.3", "", { "dependencies": { "@radix-ui/react-compose-refs": "1.1.2" }, "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react"] }, "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A=="],

     

       228
       228
       +
       

     

       229
       229
       +
           "@radix-ui/react-focus-scope/@radix-ui/react-primitive/@radix-ui/react-slot": ["@radix-ui/react-slot@1.2.3", "", { "dependencies": { "@radix-ui/react-compose-refs": "1.1.2" }, "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react"] }, "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A=="],

     

       230
       230
       +
       

     

       231
       231
       +
           "@radix-ui/react-popper/@radix-ui/react-primitive/@radix-ui/react-slot": ["@radix-ui/react-slot@1.2.3", "", { "dependencies": { "@radix-ui/react-compose-refs": "1.1.2" }, "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react"] }, "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A=="],

     

       232
       232
       +
       

     

       233
       233
       +
           "@radix-ui/react-portal/@radix-ui/react-primitive/@radix-ui/react-slot": ["@radix-ui/react-slot@1.2.3", "", { "dependencies": { "@radix-ui/react-compose-refs": "1.1.2" }, "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react"] }, "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A=="],

     

       234
       234
       +
       

     

       235
       235
       +
           "@radix-ui/react-visually-hidden/@radix-ui/react-primitive/@radix-ui/react-slot": ["@radix-ui/react-slot@1.2.3", "", { "dependencies": { "@radix-ui/react-compose-refs": "1.1.2" }, "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react"] }, "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A=="],

     

       236
       236
       +
         }

     

       237
       237
       +
       }

package.json

···

       16
       16
        
           "bun-plugin-tailwind": "^0.1.2",

     

       17
       17
        
           "class-variance-authority": "^0.7.1",

     

       18
       18
        
           "clsx": "^2.1.1",

     

       19
       19
       +
           "cutebook": "0.1.1",

     

       19
       20
        
           "lucide-react": "^0.545.0",

     

       20
       21
        
           "react": "^19",

     

       21
       22
        
           "react-dom": "^19",

+13

public/client-metadata.json

···

       1
       1
       +
       {

     

       2
       2
       +
         "client_id": "https://nekomimi.pet/client-metadata.json",

     

       3
       3
       +
         "client_name": "nekomimi.pet",

     

       4
       4
       +
         "client_uri": "https://nekomimi.pet",

     

       5
       5
       +
         "redirect_uris": ["https://nekomimi.pet/guestbook"],

     

       6
       6
       +
         "scope": "atproto transition:generic",

     

       7
       7
       +
         "grant_types": ["authorization_code", "refresh_token"],

     

       8
       8
       +
         "response_types": ["code"],

     

       9
       9
       +
         "token_endpoint_auth_method": "none",

     

       10
       10
       +
         "application_type": "web",

     

       11
       11
       +
         "dpop_bound_access_tokens": true

     

       12
       12
       +
       }

     

       13
       13
       +

+41 -3

src/App.tsx

···

       4
       4
        
       import { Header } from "./components/sections/Header"

     

       5
       5
        
       import { Work } from "./components/sections/Work"

     

       6
       6
        
       import { Connect } from "./components/sections/Connect"

     

       7
       7
       +
       import { GuestbookPage } from "./components/sections/GuestbookPage"

     

       7
       8
        
       import { sections } from "./data/portfolio"

     

       8
       9
        
       

     

       9
       10
        
       export function App() {

     

       10
       11
        
         const [activeSection, setActiveSection] = useState("")

     

       12
       12
       +
         const [currentPath, setCurrentPath] = useState(window.location.pathname)

     

       11
       13
        
         const sectionsRef = useRef<(HTMLElement | null)[]>([])

     

       12
       14
        
       

     

       15
       15
       +
         // Handle SPA navigation

     

       13
       16
        
         useEffect(() => {

     

       17
       17
       +
           const handlePopState = () => setCurrentPath(window.location.pathname)

     

       18
       18
       +
           window.addEventListener('popstate', handlePopState)

     

       19
       19
       +
           return () => window.removeEventListener('popstate', handlePopState)

     

       20
       20
       +
         }, [])

     

       21
       21
       +
       

     

       22
       22
       +
         useEffect(() => {

     

       23
       23
       +
           if (currentPath === '/guestbook') return // Skip observer on guestbook page

     

       24
       24
       +
           

     

       14
       25
        
           const observer = new IntersectionObserver(

     

       15
       26
        
             (entries) => {

     

       16
       27
        
               entries.forEach((entry) => {

     
···

       28
       39
        
           })

     

       29
       40
        
       

     

       30
       41
        
           return () => observer.disconnect()

     

       31
       31
       -
         }, [])

     

       42
       42
       +
         }, [currentPath])

     

       32
       43
        
       

     

       33
       33
       -
       

     

       44
       44
       +
         // Guestbook page

     

       45
       45
       +
         if (currentPath === '/guestbook') {

     

       46
       46
       +
           return (

     

       47
       47
       +
             <div className="min-h-screen dark:bg-background text-foreground relative">

     

       48
       48
       +
               <div className="fixed top-6 left-6 z-50">

     

       49
       49
       +
                 <button

     

       50
       50
       +
                   onClick={() => {

     

       51
       51
       +
                     window.history.pushState({}, '', '/')

     

       52
       52
       +
                     setCurrentPath('/')

     

       53
       53
       +
                   }}

     

       54
       54
       +
                   className="px-4 py-2 rounded-full text-sm font-medium bg-white dark:bg-gray-800 text-gray-700 dark:text-gray-200 shadow-md hover:shadow-lg border border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-700 transition-all flex items-center gap-2"

     

       55
       55
       +
                 >

     

       56
       56
       +
                   <svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" strokeWidth={2}>

     

       57
       57
       +
                     <path strokeLinecap="round" strokeLinejoin="round" d="M10 19l-7-7m0 0l7-7m-7 7h18" />

     

       58
       58
       +
                   </svg>

     

       59
       59
       +
                   Back

     

       60
       60
       +
                 </button>

     

       61
       61
       +
               </div>

     

       62
       62
       +
               <GuestbookPage />

     

       63
       63
       +
             </div>

     

       64
       64
       +
           )

     

       65
       65
       +
         }

     

       34
       66
        
       

     

       35
       67
        
         return (

     

       36
       68
        
           <div className="min-h-screen dark:bg-background text-foreground relative">

     
···

       38
       70
        
       

     

       39
       71
        
             <main>

     

       40
       72
        
               <div className="max-w-4xl mx-auto px-6 sm:px-8 lg:px-16">

     

       41
       41
       -
                 <Header sectionRef={(el) => (sectionsRef.current[0] = el)} />

     

       73
       73
       +
                 <Header 

     

       74
       74
       +
                   sectionRef={(el) => (sectionsRef.current[0] = el)} 

     

       75
       75
       +
                   onGuestbookClick={() => {

     

       76
       76
       +
                     window.history.pushState({}, '', '/guestbook')

     

       77
       77
       +
                     setCurrentPath('/guestbook')

     

       78
       78
       +
                   }}

     

       79
       79
       +
                 />

     

       42
       80
        
               </div>

     

       43
       81
        
               <Work sectionRef={(el) => (sectionsRef.current[1] = el)} />

     

       44
       82
        
               <Connect sectionRef={(el) => (sectionsRef.current[2] = el)} />

+252

src/components/GuestbookEntries.tsx

···

       1
       1
       +
       import { useEffect, useState } from "react"

     

       2
       2
       +
       

     

       3
       3
       +
       interface GuestbookEntry {

     

       4
       4
       +
         uri: string

     

       5
       5
       +
         author: string

     

       6
       6
       +
         authorHandle?: string

     

       7
       7
       +
         message: string

     

       8
       8
       +
         createdAt: string

     

       9
       9
       +
       }

     

       10
       10
       +
       

     

       11
       11
       +
       interface ConstellationRecord {

     

       12
       12
       +
         did: string

     

       13
       13
       +
         collection: string

     

       14
       14
       +
         rkey: string

     

       15
       15
       +
       }

     

       16
       16
       +
       

     

       17
       17
       +
       const COLORS = [

     

       18
       18
       +
         '#dc2626', // red

     

       19
       19
       +
         '#0d9488', // teal

     

       20
       20
       +
         '#059669', // emerald

     

       21
       21
       +
         '#84cc16', // lime

     

       22
       22
       +
         '#ec4899', // pink

     

       23
       23
       +
         '#3b82f6', // blue

     

       24
       24
       +
         '#8b5cf6', // violet

     

       25
       25
       +
       ]

     

       26
       26
       +
       

     

       27
       27
       +
       function getColorForIndex(index: number): string {

     

       28
       28
       +
         return COLORS[index % COLORS.length]!

     

       29
       29
       +
       }

     

       30
       30
       +
       

     

       31
       31
       +
       interface GuestbookEntriesProps {

     

       32
       32
       +
         did: string

     

       33
       33
       +
         limit?: number

     

       34
       34
       +
         onRefresh?: (refresh: () => void) => void

     

       35
       35
       +
       }

     

       36
       36
       +
       

     

       37
       37
       +
       export function GuestbookEntries({ did, limit = 50, onRefresh }: GuestbookEntriesProps) {

     

       38
       38
       +
         const [entries, setEntries] = useState<GuestbookEntry[]>([])

     

       39
       39
       +
         const [loading, setLoading] = useState(true)

     

       40
       40
       +
         const [error, setError] = useState<string | null>(null)

     

       41
       41
       +
       

     

       42
       42
       +
         const fetchEntries = async (signal: AbortSignal) => {

     

       43
       43
       +
           setLoading(true)

     

       44
       44
       +
           setError(null)

     

       45
       45
       +
       

     

       46
       46
       +
           try {

     

       47
       47
       +
             const url = new URL('/xrpc/blue.microcosm.links.getBacklinks', 'https://constellation.microcosm.blue')

     

       48
       48
       +
             url.searchParams.set('subject', did)

     

       49
       49
       +
             url.searchParams.set('source', 'pet.nkp.guestbook.sign:subject')

     

       50
       50
       +
             url.searchParams.set('limit', limit.toString())

     

       51
       51
       +
       

     

       52
       52
       +
             const response = await fetch(url.toString(), { signal })

     

       53
       53
       +
             if (!response.ok) throw new Error('Failed to fetch signatures')

     

       54
       54
       +
       

     

       55
       55
       +
             const data = await response.json()

     

       56
       56
       +
       

     

       57
       57
       +
             if (!data.records || !Array.isArray(data.records)) {

     

       58
       58
       +
               setEntries([])

     

       59
       59
       +
               setLoading(false)

     

       60
       60
       +
               return

     

       61
       61
       +
             }

     

       62
       62
       +
       

     

       63
       63
       +
             // Collect all entries first, then render once

     

       64
       64
       +
             const entryPromises = (data.records as ConstellationRecord[]).map(async (record) => {

     

       65
       65
       +
               try {

     

       66
       66
       +
                 const recordUrl = new URL('/xrpc/com.atproto.repo.getRecord', 'https://slingshot.wisp.place')

     

       67
       67
       +
                 recordUrl.searchParams.set('repo', record.did)

     

       68
       68
       +
                 recordUrl.searchParams.set('collection', record.collection)

     

       69
       69
       +
                 recordUrl.searchParams.set('rkey', record.rkey)

     

       70
       70
       +
       

     

       71
       71
       +
                 const recordResponse = await fetch(recordUrl.toString(), { signal })

     

       72
       72
       +
                 if (!recordResponse.ok) return null

     

       73
       73
       +
       

     

       74
       74
       +
                 const recordData = await recordResponse.json()

     

       75
       75
       +
       

     

       76
       76
       +
                 if (

     

       77
       77
       +
                   recordData.value &&

     

       78
       78
       +
                   recordData.value.$type === 'pet.nkp.guestbook.sign' &&

     

       79
       79
       +
                   typeof recordData.value.message === 'string'

     

       80
       80
       +
                 ) {

     

       81
       81
       +
                   return {

     

       82
       82
       +
                     uri: recordData.uri,

     

       83
       83
       +
                     author: record.did,

     

       84
       84
       +
                     authorHandle: undefined,

     

       85
       85
       +
                     message: recordData.value.message,

     

       86
       86
       +
                     createdAt: recordData.value.createdAt,

     

       87
       87
       +
                   } as GuestbookEntry

     

       88
       88
       +
                 }

     

       89
       89
       +
               } catch (err) {

     

       90
       90
       +
                 if (err instanceof Error && err.name === 'AbortError') throw err

     

       91
       91
       +
               }

     

       92
       92
       +
               return null

     

       93
       93
       +
             })

     

       94
       94
       +
       

     

       95
       95
       +
             const results = await Promise.all(entryPromises)

     

       96
       96
       +
             const validEntries = results.filter((e): e is GuestbookEntry => e !== null)

     

       97
       97
       +
       

     

       98
       98
       +
             // Sort once and set all entries at once

     

       99
       99
       +
             validEntries.sort((a, b) =>

     

       100
       100
       +
               new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime()

     

       101
       101
       +
             )

     

       102
       102
       +
       

     

       103
       103
       +
             setEntries(validEntries)

     

       104
       104
       +
             setLoading(false)

     

       105
       105
       +
       

     

       106
       106
       +
             // Batch fetch profiles asynchronously

     

       107
       107
       +
             if (validEntries.length > 0) {

     

       108
       108
       +
               const uniqueDids = Array.from(new Set(validEntries.map(e => e.author)))

     

       109
       109
       +
       

     

       110
       110
       +
               // Batch fetch profiles up to 25 at a time (API limit)

     

       111
       111
       +
               const profilePromises = []

     

       112
       112
       +
               for (let i = 0; i < uniqueDids.length; i += 25) {

     

       113
       113
       +
                 const batch = uniqueDids.slice(i, i + 25)

     

       114
       114
       +
       

     

       115
       115
       +
                 const profileUrl = new URL('/xrpc/app.bsky.actor.getProfiles', 'https://public.api.bsky.app')

     

       116
       116
       +
                 batch.forEach(d => profileUrl.searchParams.append('actors', d))

     

       117
       117
       +
       

     

       118
       118
       +
                 profilePromises.push(

     

       119
       119
       +
                   fetch(profileUrl.toString(), { signal })

     

       120
       120
       +
                     .then(profileResponse => profileResponse.ok ? profileResponse.json() : null)

     

       121
       121
       +
                     .then(profilesData => {

     

       122
       122
       +
                       if (profilesData?.profiles && Array.isArray(profilesData.profiles)) {

     

       123
       123
       +
                         const handles = new Map<string, string>()

     

       124
       124
       +
                         profilesData.profiles.forEach((profile: any) => {

     

       125
       125
       +
                           if (profile.handle) {

     

       126
       126
       +
                             handles.set(profile.did, profile.handle)

     

       127
       127
       +
                           }

     

       128
       128
       +
                         })

     

       129
       129
       +
                         return handles

     

       130
       130
       +
                       }

     

       131
       131
       +
                       return new Map<string, string>()

     

       132
       132
       +
                     })

     

       133
       133
       +
                     .catch((err) => {

     

       134
       134
       +
                       if (err instanceof Error && err.name === 'AbortError') throw err

     

       135
       135
       +
                       return new Map<string, string>()

     

       136
       136
       +
                     })

     

       137
       137
       +
                 )

     

       138
       138
       +
               }

     

       139
       139
       +
       

     

       140
       140
       +
               // Wait for all profile batches, then update once

     

       141
       141
       +
               const handleMaps = await Promise.all(profilePromises)

     

       142
       142
       +
               const allHandles = new Map<string, string>()

     

       143
       143
       +
               handleMaps.forEach(map => {

     

       144
       144
       +
                 map.forEach((handle, did) => allHandles.set(did, handle))

     

       145
       145
       +
               })

     

       146
       146
       +
       

     

       147
       147
       +
               if (allHandles.size > 0) {

     

       148
       148
       +
                 setEntries(prev => prev.map(entry => {

     

       149
       149
       +
                   const handle = allHandles.get(entry.author)

     

       150
       150
       +
                   return handle ? { ...entry, authorHandle: handle } : entry

     

       151
       151
       +
                 }))

     

       152
       152
       +
               }

     

       153
       153
       +
             }

     

       154
       154
       +
           } catch (err) {

     

       155
       155
       +
             if (err instanceof Error && err.name === 'AbortError') return

     

       156
       156
       +
             setError(err instanceof Error ? err.message : 'Failed to load entries')

     

       157
       157
       +
             setLoading(false)

     

       158
       158
       +
           }

     

       159
       159
       +
         }

     

       160
       160
       +
       

     

       161
       161
       +
         useEffect(() => {

     

       162
       162
       +
           const abortController = new AbortController()

     

       163
       163
       +
           fetchEntries(abortController.signal)

     

       164
       164
       +
           onRefresh?.(() => {

     

       165
       165
       +
             abortController.abort()

     

       166
       166
       +
             const newController = new AbortController()

     

       167
       167
       +
             fetchEntries(newController.signal)

     

       168
       168
       +
           })

     

       169
       169
       +
       

     

       170
       170
       +
           return () => abortController.abort()

     

       171
       171
       +
         }, [did, limit])

     

       172
       172
       +
       

     

       173
       173
       +
         const formatDate = (isoString: string) => {

     

       174
       174
       +
           const date = new Date(isoString)

     

       175
       175
       +
           return date.toLocaleDateString('en-US', { month: 'long', day: 'numeric' })

     

       176
       176
       +
         }

     

       177
       177
       +
       

     

       178
       178
       +
         const shortenDid = (did: string) => {

     

       179
       179
       +
           if (did.startsWith('did:')) {

     

       180
       180
       +
             const afterPrefix = did.indexOf(':', 4)

     

       181
       181
       +
             if (afterPrefix !== -1) {

     

       182
       182
       +
               return `${did.slice(0, afterPrefix + 9)}...`

     

       183
       183
       +
             }

     

       184
       184
       +
           }

     

       185
       185
       +
           return did

     

       186
       186
       +
         }

     

       187
       187
       +
       

     

       188
       188
       +
         if (loading) {

     

       189
       189
       +
           return (

     

       190
       190
       +
             <div className="text-center py-12 text-gray-500">

     

       191
       191
       +
               Loading entries...

     

       192
       192
       +
             </div>

     

       193
       193
       +
           )

     

       194
       194
       +
         }

     

       195
       195
       +
       

     

       196
       196
       +
         if (error) {

     

       197
       197
       +
           return (

     

       198
       198
       +
             <div className="text-center py-12 text-red-500">

     

       199
       199
       +
               {error}

     

       200
       200
       +
             </div>

     

       201
       201
       +
           )

     

       202
       202
       +
         }

     

       203
       203
       +
       

     

       204
       204
       +
         if (entries.length === 0) {

     

       205
       205
       +
           return (

     

       206
       206
       +
             <div className="text-center py-12 text-gray-500">

     

       207
       207
       +
               No entries yet. Be the first to sign!

     

       208
       208
       +
             </div>

     

       209
       209
       +
           )

     

       210
       210
       +
         }

     

       211
       211
       +
       

     

       212
       212
       +
         return (

     

       213
       213
       +
           <div className="space-y-4">

     

       214
       214
       +
             {entries.map((entry, index) => (

     

       215
       215
       +
               <div

     

       216
       216
       +
                 key={entry.uri}

     

       217
       217
       +
                 className="bg-gray-100 rounded-lg p-4 border-l-4 transition-colors"

     

       218
       218
       +
                 style={{ borderLeftColor: getColorForIndex(index) }}

     

       219
       219
       +
               >

     

       220
       220
       +
                 <div className="flex justify-between items-start mb-1">

     

       221
       221
       +
                   <a

     

       222
       222
       +
                     href={`https://bsky.app/profile/${entry.authorHandle || entry.author}`}

     

       223
       223
       +
                     target="_blank"

     

       224
       224
       +
                     rel="noopener noreferrer"

     

       225
       225
       +
                     className="font-semibold text-gray-900 hover:underline"

     

       226
       226
       +
                   >

     

       227
       227
       +
                     {entry.authorHandle || shortenDid(entry.author)}

     

       228
       228
       +
                   </a>

     

       229
       229
       +
                   <a

     

       230
       230
       +
                     href={`https://bsky.app/profile/${entry.authorHandle || entry.author}`}

     

       231
       231
       +
                     target="_blank"

     

       232
       232
       +
                     rel="noopener noreferrer"

     

       233
       233
       +
                     className="text-gray-400 hover:text-gray-600"

     

       234
       234
       +
                     style={{ color: getColorForIndex(index) }}

     

       235
       235
       +
                   >

     

       236
       236
       +
                     <svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" strokeWidth={2}>

     

       237
       237
       +
                       <path strokeLinecap="round" strokeLinejoin="round" d="M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1" />

     

       238
       238
       +
                     </svg>

     

       239
       239
       +
                   </a>

     

       240
       240
       +
                 </div>

     

       241
       241
       +
                 <p className="text-gray-800 mb-2">

     

       242
       242
       +
                   {entry.message}

     

       243
       243
       +
                 </p>

     

       244
       244
       +
                 <span className="text-sm text-gray-500">

     

       245
       245
       +
                   {formatDate(entry.createdAt)}

     

       246
       246
       +
                 </span>

     

       247
       247
       +
               </div>

     

       248
       248
       +
             ))}

     

       249
       249
       +
           </div>

     

       250
       250
       +
         )

     

       251
       251
       +
       }

     

       252
       252
       +

+84

src/components/sections/GuestbookPage.tsx

···

       1
       1
       +
       /// <reference path="../../guestbook.d.ts" />

     

       2
       2
       +
       import { useEffect, useRef } from "react"

     

       3
       3
       +
       import { configureGuestbook } from "cutebook/register"

     

       4
       4
       +
       import { GuestbookEntries } from "../GuestbookEntries"

     

       5
       5
       +
       

     

       6
       6
       +
       // Configure guestbook once

     

       7
       7
       +
       let configured = false

     

       8
       8
       +
       if (!configured) {

     

       9
       9
       +
         const isDev = window.location.hostname === 'localhost' || window.location.hostname === '127.0.0.1'

     

       10
       10
       +
         const port = window.location.port || '3000'

     

       11
       11
       +
         

     

       12
       12
       +
         // For dev, use loopback client format matching the demo

     

       13
       13
       +
         // Client ID uses http://localhost, redirect_uri uses 127.0.0.1

     

       14
       14
       +
         const scope = 'atproto transition:generic'

     

       15
       15
       +
         const redirectUri = isDev ? `http://127.0.0.1:${port}/guestbook` : 'https://nekomimi.pet/guestbook'

     

       16
       16
       +
         const clientId = isDev 

     

       17
       17
       +
           ? `http://localhost?redirect_uri=${encodeURIComponent(redirectUri)}&scope=${encodeURIComponent(scope)}`

     

       18
       18
       +
           : 'https://nekomimi.pet/client-metadata.json'

     

       19
       19
       +
         

     

       20
       20
       +
         configureGuestbook({

     

       21
       21
       +
           oauth: {

     

       22
       22
       +
             clientId,

     

       23
       23
       +
             redirectUri,

     

       24
       24
       +
             scope,

     

       25
       25
       +
           },

     

       26
       26
       +
         })

     

       27
       27
       +
         configured = true

     

       28
       28
       +
       }

     

       29
       29
       +
       

     

       30
       30
       +
       export function GuestbookPage() {

     

       31
       31
       +
         const refreshRef = useRef<(() => void) | null>(null)

     

       32
       32
       +
       

     

       33
       33
       +
         const handleSignCreated = () => {

     

       34
       34
       +
           refreshRef.current?.()

     

       35
       35
       +
         }

     

       36
       36
       +
       

     

       37
       37
       +
         useEffect(() => {

     

       38
       38
       +
           const signElement = document.querySelector('guestbook-sign')

     

       39
       39
       +
           if (signElement) {

     

       40
       40
       +
             signElement.addEventListener('sign-created', handleSignCreated)

     

       41
       41
       +
             return () => signElement.removeEventListener('sign-created', handleSignCreated)

     

       42
       42
       +
           }

     

       43
       43
       +
         }, [])

     

       44
       44
       +
       

     

       45
       45
       +
         return (

     

       46
       46
       +
           <div className="min-h-screen bg-gradient-to-b from-gray-50 to-gray-100 py-12 px-6">

     

       47
       47
       +
             <div className="max-w-xl mx-auto">

     

       48
       48
       +
               {/* Header */}

     

       49
       49
       +
               <header className="mb-12 text-center">

     

       50
       50
       +
                 <div className="inline-block mb-4">

     

       51
       51
       +
                   <span className="text-5xl">📖</span>

     

       52
       52
       +
                 </div>

     

       53
       53
       +
                 <h1 className="text-3xl font-light tracking-tight text-gray-900 mb-3">

     

       54
       54
       +
                   Ana's Guestbook

     

       55
       55
       +
                 </h1>

     

       56
       56
       +
                 <p className="text-gray-500 font-mono text-sm">

     

       57
       57
       +
                   Leave a message, say hello

     

       58
       58
       +
                 </p>

     

       59
       59
       +
               </header>

     

       60
       60
       +
       

     

       61
       61
       +
               {/* Sign Form */}

     

       62
       62
       +
               <div className="mb-12 bg-white rounded-2xl shadow-sm border border-gray-200/50 p-6">

     

       63
       63
       +
                 <guestbook-sign did="did:plc:ttdrpj45ibqunmfhdsb4zdwq"></guestbook-sign>

     

       64
       64
       +
               </div>

     

       65
       65
       +
       

     

       66
       66
       +
               {/* Entries Header */}

     

       67
       67
       +
               <div className="flex items-center gap-3 mb-6">

     

       68
       68
       +
                 <div className="h-px flex-1 bg-gradient-to-r from-transparent via-gray-300 to-transparent"></div>

     

       69
       69
       +
                 <span className="text-xs font-mono text-gray-400 uppercase tracking-widest">

     

       70
       70
       +
                   Messages

     

       71
       71
       +
                 </span>

     

       72
       72
       +
                 <div className="h-px flex-1 bg-gradient-to-r from-transparent via-gray-300 to-transparent"></div>

     

       73
       73
       +
               </div>

     

       74
       74
       +
       

     

       75
       75
       +
               <GuestbookEntries

     

       76
       76
       +
                 did="did:plc:ttdrpj45ibqunmfhdsb4zdwq"

     

       77
       77
       +
                 limit={50}

     

       78
       78
       +
                 onRefresh={(refresh) => { refreshRef.current = refresh }}

     

       79
       79
       +
               />

     

       80
       80
       +
             </div>

     

       81
       81
       +
           </div>

     

       82
       82
       +
         )

     

       83
       83
       +
       }

     

       84
       84
       +

+23 -2

src/components/sections/Header.tsx

···

       4
       4
        
       

     

       5
       5
        
       interface HeaderProps {

     

       6
       6
        
         sectionRef: (el: HTMLElement | null) => void

     

       7
       7
       +
         onGuestbookClick?: () => void

     

       7
       8
        
       }

     

       8
       9
        
       

     

       9
       9
       -
       export function Header({ sectionRef }: HeaderProps) {

     

       10
       10
       +
       export function Header({ sectionRef, onGuestbookClick }: HeaderProps) {

     

       10
       11
        
         const scrollToWork = () => {

     

       11
       12
        
           document.getElementById('work')?.scrollIntoView({ behavior: 'smooth' })

     

       12
       13
        
         }

     
···

       67
       68
        
                     })}

     

       68
       69
        
                   </p>

     

       69
       70
        
       

     

       71
       71
       +
       

     

       70
       72
        
                   <div className="space-y-4">

     

       71
       73
        
                     <div className="flex items-center gap-2 text-sm text-gray-300">

     

       72
       74
        
                       <div className="w-2 h-2 bg-green-500 rounded-full animate-pulse"></div>

     
···

       114
       116
        
                         Read my blog

     

       115
       117
        
                       </a>

     

       116
       118
        
                     </div>

     

       119
       119
       +
                     <button

     

       120
       120
       +
                       onClick={onGuestbookClick}

     

       121
       121
       +
                       className="glass glass-hover w-full px-6 py-3 rounded-lg transition-all duration-300 inline-flex items-center justify-center gap-2 text-sm text-gray-300 hover:text-white"

     

       122
       122
       +
                     >

     

       123
       123
       +
                       <svg

     

       124
       124
       +
                         className="w-4 h-4"

     

       125
       125
       +
                         fill="none"

     

       126
       126
       +
                         stroke="currentColor"

     

       127
       127
       +
                         viewBox="0 0 24 24"

     

       128
       128
       +
                         strokeWidth={2}

     

       129
       129
       +
                       >

     

       130
       130
       +
                         <path

     

       131
       131
       +
                           strokeLinecap="round"

     

       132
       132
       +
                           strokeLinejoin="round"

     

       133
       133
       +
                           d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z"

     

       134
       134
       +
                         />

     

       135
       135
       +
                       </svg>

     

       136
       136
       +
                       Sign my guestbook

     

       137
       137
       +
                     </button>

     

       117
       138
        
                   </div>

     

       118
       139
        
                 </div>

     

       119
       140
        
               </div>

     

       120
       141
        
       

     

       121
       121
       -
               <div className="lg:col-span-2 flex flex-col justify-end space-y-6 sm:space-y-8 mt-8 lg:mt-0">

     

       142
       142
       +
               <div className="hidden lg:flex lg:col-span-2 flex-col justify-end space-y-6 sm:space-y-8 mt-8 lg:mt-0">

     

       122
       143
        
                 <div className="space-y-4">

     

       123
       144
        
                   <p className="text-sm text-gray-300 font-mono">IM LISTENING TO:</p>

     

       124
       145
        
                   <div className="glass rounded-2xl" style={{

+27

src/guestbook.d.ts

···

       1
       1
       +
       import type { GuestbookSignElement, GuestbookDisplayElement } from "cutebook"

     

       2
       2
       +
       import type { DetailedHTMLProps, HTMLAttributes } from "react"

     

       3
       3
       +
       

     

       4
       4
       +
       declare module "react" {

     

       5
       5
       +
         namespace JSX {

     

       6
       6
       +
           interface IntrinsicElements {

     

       7
       7
       +
             'guestbook-sign': DetailedHTMLProps<HTMLAttributes<HTMLElement> & {

     

       8
       8
       +
               did?: string;

     

       9
       9
       +
             }, HTMLElement>;

     

       10
       10
       +
             'guestbook-display': DetailedHTMLProps<HTMLAttributes<HTMLElement> & {

     

       11
       11
       +
               did?: string;

     

       12
       12
       +
               limit?: string;

     

       13
       13
       +
               ref?: any;

     

       14
       14
       +
             }, HTMLElement>;

     

       15
       15
       +
           }

     

       16
       16
       +
         }

     

       17
       17
       +
       }

     

       18
       18
       +
       

     

       19
       19
       +
       declare global {

     

       20
       20
       +
         interface HTMLElementTagNameMap {

     

       21
       21
       +
           'guestbook-sign': GuestbookSignElement;

     

       22
       22
       +
           'guestbook-display': GuestbookDisplayElement;

     

       23
       23
       +
         }

     

       24
       24
       +
       }

     

       25
       25
       +
       

     

       26
       26
       +
       export {}

     

       27
       27
       +

+1 -1

src/index.html

···

       3
       3
        
       	<head>

     

       4
       4
        
       		<meta charset="UTF-8" />

     

       5
       5
        
       		<meta name="viewport" content="width=device-width, initial-scale=1.0" />

     

       6
       6
       -
       		<title>Bun + React</title>

     

       6
       6
       +
       		<title>nekomimi.pet</title>

     

       7
       7
        
       		<link rel="preconnect" href="https://fonts.googleapis.com" />

     

       8
       8
        
       		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />

     

       9
       9
        
       		<link

+12

src/index.ts

···

       11
       11
        
             });

     

       12
       12
        
           },

     

       13
       13
        
       

     

       14
       14
       +
           // Serve client-metadata.json for OAuth

     

       15
       15
       +
           "/client-metadata.json": async () => {

     

       16
       16
       +
             try {

     

       17
       17
       +
               const file = Bun.file("public/client-metadata.json");

     

       18
       18
       +
               return new Response(file, {

     

       19
       19
       +
                 headers: { "Content-Type": "application/json" },

     

       20
       20
       +
               });

     

       21
       21
       +
             } catch {

     

       22
       22
       +
               return new Response("File not found", { status: 404 });

     

       23
       23
       +
             }

     

       24
       24
       +
           },

     

       25
       25
       +
       

     

       14
       26
        
           // Serve static files from public directory

     

       15
       27
        
           "/nekomata.png": async () => {

     

       16
       28
        
             try {

+1 -1

styles/globals.css

···

       118
       118
        
       }

     

       119
       119
        
       

     

       120
       120
        
       .animate-bounce-slow {

     

       121
       121
       -
       	animation: bounce-slow 2s ease-in-out infinite;

     

       121
       121
       +
       	animation: bounce-slow 1s ease-in-out infinite;

     

       122
       122
        
       }

     

       123
       123
        
       

     

       124
       124
        
       /* Glassmorphism utilities */

Compare changes