asasvirtuais 0.1.0

package/next-env.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

package/next.config.ts

@@ -0,0 +1,23 @@
+import type { NextConfig } from 'next'
+
+const nextConfig: NextConfig = {
+  reactStrictMode: false,
+  eslint: { ignoreDuringBuilds: true },
+  typescript: { ignoreBuildErrors: true },
+  experimental: {
+    optimizePackageImports: ['@chakra-ui/react'],
+    serverActions: {
+      allowedOrigins: [
+        'localhost:5000',
+        'localhost:3000',
+        'congenial-halibut-x9g7497q747hvw9x.github.dev',
+        'congenial-halibut-x9g7497q747hvw9x-3000.app.github.dev',
+        '*.app.github.dev',
+        '*.replit.dev',
+        '*.repl.co'
+      ],
+    },
+  }
+}
+
+export default nextConfig

package/package.json

@@ -0,0 +1,72 @@
+{
+  "name": "asasvirtuais",
+  "version": "0.1.0",
+  "directories": {
+    "packages": "./packages"
+  },
+  "exports": {
+    "./package.json": "./package.json",
+    "./*": "./packages/*",
+    "./*/*": "./packages/*/*"
+  },
+  "scripts": {
+    "code": "tmux new-session -d 'termux-wake-lock && sh dev-tunnel.sh'",
+    "dev": "next dev --port 5000 --hostname 0.0.0.0",
+    "build": "next build",
+    "start": "next start",
+    "lint": "next lint",
+    "claude": "claude --dangerously-skip-permissions --mcp-config ./mcp.json",
+    "gemini": "gemini --yolo --all_files",
+    "env:pull": "vercel env pull .env"
+  },
+  "dependencies": {
+    "@ai-sdk/react": "^2.0.49",
+    "@asasvirtuais/airtable": "github:asasvirtuais/airtable#main",
+    "@asasvirtuais/chat": "github:asasvirtuais/chat#main",
+    "@asasvirtuais/crud": "github:asasvirtuais/crud#main",
+    "@asasvirtuais/react": "github:asasvirtuais/react#main",
+    "@auth0/nextjs-auth0": "^4.10.0",
+    "@chakra-ui/react": "^3.21.0",
+    "@emotion/react": "^11.14.0",
+    "@feathersjs/adapter-commons": "^5.0.35",
+    "@feathersjs/feathers": "^5.0.35",
+    "@feathersjs/knex": "^5.0.35",
+    "@google-cloud/storage": "^7.16.0",
+    "@openrouter/ai-sdk-provider": "^1.0.0-beta.1",
+    "ai": "^5.0.49",
+    "axios": "^1.10.0",
+    "date-fns": "^4.1.0",
+    "firebase": "^12.3.0",
+    "firebase-admin": "^13.5.0",
+    "google-auth-library": "^10.1.0",
+    "googleapis": "^153.0.0",
+    "jszip": "^3.10.1",
+    "knex": "^3.1.0",
+    "next": "15.3.4",
+    "next-themes": "^0.4.6",
+    "openai": "^5.9.0",
+    "oracledb": "^6.9.0",
+    "pg": "^8.16.3",
+    "pg-query-stream": "^4.10.3",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "react-icons": "^5.5.0",
+    "react-markdown": "^10.1.0",
+    "react-use": "^17.6.0",
+    "remark-breaks": "^4.0.0",
+    "remark-gfm": "^4.0.1",
+    "satori": "^0.18.3",
+    "search-params": "^4.0.1",
+    "wretch": "^2.11.0",
+    "zod": "^3.25.76"
+  },
+  "devDependencies": {
+    "@anthropic-ai/claude-code": "^1.0.60",
+    "@google/gemini-cli": "^0.1.9",
+    "@types/node": "^20",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "typescript": "^5",
+    "vercel": "^44.3.0"
+  }
+}

package/packages/blob.ts

@@ -0,0 +1,97 @@
+import { Storage } from '@google-cloud/storage'
+import { promises as fs } from 'fs'
+import os from 'os'
+import path from 'path'
+
+// bucket name hardcoded as requested by the user
+const bucketName = 'asasvirtuais.firebasestorage.app'
+
+let storage: Storage | undefined
+
+function initStorage() {
+  if (storage) return storage
+  if (process.env.SERVICE_ACCOUNT_JSON) {
+    const raw = process.env.SERVICE_ACCOUNT_JSON
+    try {
+      // Treat the env var as the JSON content of the service account
+      const creds = JSON.parse(raw)
+      storage = new Storage({ projectId: creds.project_id, credentials: creds })
+      return storage
+    } catch (e) {
+      // If parsing fails, throw a helpful error so the developer can fix the env var
+      throw new Error('Invalid GOOGLE_APPLICATION_CREDENTIALS: expected JSON content. ' + (e instanceof Error ? e.message : String(e)))
+    }
+  }
+
+  // Fallback: use application default credentials
+  storage = new Storage()
+  return storage
+}
+
+export async function uploadBuffer(buffer: Buffer, filename: string, contentType?: string) {
+  if (!bucketName) {
+    throw new Error('No bucket configured. Set VERCEL_BLOB_BUCKET or GCLOUD_STORAGE_BUCKET env var.')
+  }
+
+  const gcs = initStorage()
+  const bucket = gcs.bucket(bucketName)
+  const file = bucket.file(filename)
+  // Create a write stream and write the buffer. This is more robust in some
+  // serverless environments where stream lifecycle can be sensitive.
+  const stream = file.createWriteStream({
+    resumable: false,
+    metadata: {
+      contentType: contentType || 'application/octet-stream',
+    },
+  })
+
+  try {
+    await new Promise<void>((resolve, reject) => {
+      stream.on('finish', () => resolve())
+      stream.on('error', (err) => reject(err))
+      stream.end(buffer)
+    })
+  } catch (err: any) {
+    // If the stream was destroyed (ERR_STREAM_DESTROYED), fallback to writing a
+    // temp file and using bucket.upload which is often more robust in some
+    // serverless environments.
+    console.warn('stream write failed, attempting tmp-file fallback', err)
+    if (err && err.code === 'ERR_STREAM_DESTROYED') {
+      const tmpDir = os.tmpdir()
+      const tmpPath = path.join(tmpDir, `${Date.now()}-${filename}`)
+      try {
+        await fs.writeFile(tmpPath, buffer)
+        await bucket.upload(tmpPath, { destination: filename, metadata: { contentType: contentType || 'application/octet-stream' } })
+      } finally {
+        try { await fs.unlink(tmpPath) } catch (e) { /* ignore */ }
+      }
+    } else {
+      throw err
+    }
+  }
+
+  // Make the file public (best-effort). If your bucket is private, switch to signed URLs.
+  try {
+    await file.makePublic()
+  } catch (e) {
+    console.warn('makePublic failed', e)
+  }
+
+  return `https://storage.googleapis.com/${bucketName}/${encodeURIComponent(filename)}`
+}
+
+export async function deleteFile(filename: string) {
+  if (!bucketName) return
+  const gcs = initStorage()
+  const bucket = gcs.bucket(bucketName)
+  const file = bucket.file(filename)
+  await file.delete({ ignoreNotFound: true })
+}
+
+export async function getPublicUrl(filename: string) {
+  if (!bucketName) return null
+  return `https://storage.googleapis.com/${bucketName}/${encodeURIComponent(filename)}`
+}
+
+// Note: This uses Google Cloud Storage. If you want to switch to Vercel Blob,
+// replace the implementation and provide the appropriate Vercel credentials.

package/packages/chat/components/chat/feed/index.tsx

@@ -0,0 +1,76 @@
+'use client'
+import React from 'react'
+import { Box, CloseButton, Editable, Flex, Grid, GridItem, GridItemProps, Heading, HStack, IconButton, Menu, useBreakpointValue, useDisclosure } from '@chakra-ui/react'
+import { ChatHeader } from '../../header'
+import { HeaderTitle } from '../../header/title'
+import { HeaderMenu } from '../../header/menu'
+
+export function Main({ children, ...props } : GridItemProps) {
+  return (
+    <Box h='100%' {...props}>
+      {children}
+    </Box>
+  )
+}
+
+export function Feed({ children, ...props } : GridItemProps) {
+  return (
+    <Box h='100%' {...props}>
+      {children}
+    </Box>
+  )
+}
+
+import { RiSideBarLine } from 'react-icons/ri'
+import { ChatLayout } from '../../chat'
+import ChatMessages from '../../messages'
+import ChatInput from '../../input'
+import InputTextarea from '../../input/textarea'
+import { InputSend } from '../../input/send'
+import InputMenu from '../../input/menu'
+
+export function ChatFeedLayout() {
+  const { open, onOpen, onClose } = useDisclosure()
+
+  return (
+    <Flex h='100dvh' w='100dvw'>
+        <Main w={open ? '0px' : '100dvw'} maxW={{base: '100%', md: '66.66%'}} overflow='hidden'>
+          <ChatLayout>
+            <ChatHeader>
+              <HeaderTitle value='My Scenario' />
+              <IconButton display={{base: 'block', md: 'none'}} onClick={onOpen} variant='plain'>
+                <RiSideBarLine/>
+              </IconButton>
+              <HeaderMenu>
+                <Menu.Item value='settings'>Settings <Menu.ItemCommand>⚙️</Menu.ItemCommand></Menu.Item>
+                <Menu.Separator/>
+                <Menu.Item value='scenarios'>My Scenarios <Menu.ItemCommand>🎭</Menu.ItemCommand></Menu.Item>
+                <Menu.Separator/>
+                <Menu.Item value='new-scenario'>New Scenario <Menu.ItemCommand>➕</Menu.ItemCommand></Menu.Item>
+                <Menu.Separator/>
+                <Menu.Item value='delete-scenario' color='red.500'>Delete Scenario <Menu.ItemCommand>❌</Menu.ItemCommand></Menu.Item>
+              </HeaderMenu>
+            </ChatHeader>
+            <ChatMessages>
+              <Editable.Root placeholder='System instructions'>
+                <Editable.Preview/>
+                <Editable.Textarea/>
+              </Editable.Root>
+            </ChatMessages>
+            <ChatInput>
+              <InputTextarea/>
+              <InputSend/>
+            </ChatInput>
+          </ChatLayout>
+        </Main>
+        <Feed w={open ? '100dvw' : '0px'} maxW={{base: '100%', md: '33.33%'}} overflow='hidden'>
+          <CloseButton m={4} onClick={onClose} />
+          <Box p={4}>
+            <Heading>Feed</Heading>
+          </Box>
+        </Feed>
+    </Flex>
+  )
+}
+
+export default ChatFeedLayout

package/packages/chat/components/chat/feed/story.tsx

@@ -0,0 +1,18 @@
+import React from "react"
+import type { Meta, StoryObj } from "@storybook/react"
+import { ChatFeedLayout } from "../feed"
+
+const meta: Meta<typeof ChatFeedLayout> = {
+  title: "Components/Chat",
+  component: ChatFeedLayout,
+}
+
+export default meta
+type Story = StoryObj<typeof meta>
+
+
+export const ChatFeed: Story = {
+  parameters: {
+    layout: "fullscreen",
+  }
+}

package/packages/chat/components/chat/index.tsx

@@ -0,0 +1,16 @@
+'use client'
+import React from 'react'
+import { SimpleGrid, Center } from '@chakra-ui/react'
+
+export function ChatLayout({ children }: React.PropsWithChildren) {
+
+    return (
+        <Center h='100dvh'>
+            <SimpleGrid gridTemplateRows='auto 1fr auto' h='100dvh' w='100%' p={2} mx='auto'>
+                {children}
+            </SimpleGrid>
+        </Center>
+    )
+}
+
+export default ChatLayout

package/packages/chat/components/chat/story.tsx

@@ -0,0 +1,74 @@
+import React from "react"
+import type { Meta, StoryObj } from "@storybook/react"
+import { ChatLayout } from "./index"
+import { Code, Menu, MenuItem } from "@chakra-ui/react"
+import ChatHeader from "../header"
+import HeaderMenu from "../header/menu"
+import HeaderTitle from "../header/title"
+import ChatInput from "../input"
+import InputMenu from "../input/menu"
+import { InputSend } from "../input/send"
+import InputTextarea from "../input/textarea"
+import ChatMessages from "../messages"
+import ChatMessage from "../message"
+
+const meta: Meta<typeof ChatLayout> = {
+  title: "Components/Chat",
+  component: ChatLayout,
+}
+
+export default meta
+type Story = StoryObj<typeof meta>
+
+export const Chat: Story = {
+  args: {
+    children: (
+      <>
+        <ChatHeader>
+          <HeaderTitle value="Chat Title" />
+          <HeaderMenu>
+            <Menu.Item>Menu item 1</Menu.Item>
+            <Menu.Item>Menu item 2</Menu.Item>
+            <Menu.Item>Menu item 3</Menu.Item>
+          </HeaderMenu>
+        </ChatHeader>
+        <ChatMessages>
+          <ChatMessage
+            avatar=""
+            username="user"
+            menu={
+              <Menu.Root>
+                <MenuItem>Menu item 1</MenuItem>
+                <MenuItem>Menu item 2</MenuItem>
+                <MenuItem>Menu item 3</MenuItem>
+              </Menu.Root>
+            }
+            info={
+              <Code>
+                Lorem ipsum dolor sit amet consectetur, adipisicing elit.
+                Corrupti distinctio vel vero, atque fuga nihil voluptas vitae
+                obcaecati dignissimos, nostrum omnis veniam dolorem? Incidunt
+                itaque eos possimus dolorem totam?
+              </Code>
+            }
+          >
+            ### Lorem ipsum dolor sit amet consectetur adipisicing elit.
+            Cupiditate corporis nisi saepe pariatur, error fuga aperiam.
+            Dignissimos harum consectetur et quam facere pariatur quos ea
+            voluptatum laudantium omnis voluptatem rerum quibusdam odio sequi
+            voluptates, quisquam inventore earum!
+          </ChatMessage>
+        </ChatMessages>
+        <ChatInput>
+          <InputMenu>
+            <MenuItem>Menu item 1</MenuItem>
+            <MenuItem>Menu item 2</MenuItem>
+            <MenuItem>Menu item 3</MenuItem>
+          </InputMenu>
+          <InputTextarea />
+          <InputSend />
+        </ChatInput>
+      </>
+    ),
+  },
+}

package/packages/chat/components/debug/index.tsx

@@ -0,0 +1,54 @@
+'use client'
+import { Badge, Box, HStack, Text, VStack, Tag } from '@chakra-ui/react'
+import { LuClock, LuZap } from 'react-icons/lu'
+import React from 'react'
+
+interface DebugData {
+  model?: string
+  provider?: string
+  usage?: {
+    promptTokens: number
+    completionTokens: number
+    totalTokens: number
+  }
+  duration?: number
+  temperature?: number
+}
+
+export interface DebugInfoProps {
+  log: DebugData
+  compact?: boolean
+}
+
+export const DebugInfo: React.FC<DebugInfoProps> = ({ log, compact = false }) => {
+  return (
+    <Box p={3} bg="gray.50" rounded="md" fontSize="xs">
+      <HStack justify="space-between" mb={2}>
+        <Badge colorScheme="green">Complete</Badge>
+        {log.model && <Text color="gray.600">{log.model}</Text>}
+      </HStack>
+      
+      <HStack gap={4}>
+        {log.duration && (
+          <HStack gap={1}>
+            <LuClock size={12} />
+            <Text>{log.duration}</Text>
+          </HStack>
+        )}
+        
+        {log.usage?.totalTokens && (
+          <HStack gap={1}>
+            <LuZap size={12} />
+            <Text>{log.usage.totalTokens} tokens</Text>
+          </HStack>
+        )}
+        
+        {log.temperature && (
+          <Text color="gray.500">T: {log.temperature}</Text>
+        )}
+      </HStack>
+    </Box>
+  )
+}
+
+export default DebugInfo

package/packages/chat/components/header/index.tsx

@@ -0,0 +1,14 @@
+import React from 'react'
+import { GridItem, HStack } from '@chakra-ui/react'
+
+export function ChatHeader( { children } : React.PropsWithChildren ) {
+  return (
+    <GridItem as='header'>
+        <HStack w='full' justifyContent='space-between'>
+          {children}
+        </HStack>
+    </GridItem>
+  )
+}
+
+export default ChatHeader

package/packages/chat/components/header/menu/index.tsx

@@ -0,0 +1,63 @@
+'use client'
+import React, { useMemo, useCallback } from "react"
+import {
+  IconButton,
+  Menu,
+  Portal,
+  HStack,
+  useBreakpointValue,
+} from "@chakra-ui/react"
+import { RiSideBarLine } from "react-icons/ri"
+
+interface HeaderMenuProps extends React.PropsWithChildren {
+  onToggleFeed?: () => void
+}
+
+export function HeaderMenu({ children, onToggleFeed }: HeaderMenuProps) {
+  const isMobile = useBreakpointValue({ base: true, md: false })
+
+  const showMobileFeedButton = useMemo(
+    () => isMobile && onToggleFeed,
+    [isMobile, onToggleFeed]
+  )
+
+  const handleToggleFeed = useCallback(() => {
+    onToggleFeed?.()
+  }, [onToggleFeed])
+
+  return (
+    <HStack>
+      {/* Feed toggle button - only shown on mobile */}
+      {showMobileFeedButton && (
+        <IconButton
+          aria-label="toggle-feed"
+          variant="ghost"
+          size="lg"
+          onClick={handleToggleFeed}
+        >
+          <RiSideBarLine />
+        </IconButton>
+      )}
+
+      <Menu.Root closeOnSelect={false}>
+        <Menu.Trigger asChild>
+          <IconButton
+            aria-label="open-menu"
+            fontSize="3xl"
+            variant="ghost"
+            size="lg"
+          >
+            ⋮
+          </IconButton>
+        </Menu.Trigger>
+        <Portal>
+          <Menu.Positioner>
+            <Menu.Content>{children}</Menu.Content>
+          </Menu.Positioner>
+        </Portal>
+      </Menu.Root>
+    </HStack>
+  )
+}
+
+export default HeaderMenu

package/packages/chat/components/header/story.tsx

@@ -0,0 +1,33 @@
+import React from 'react'
+import type { Meta, StoryObj } from '@storybook/react'
+import { MenuItem } from '@chakra-ui/react'
+import { ChatHeader } from './index'
+import HeaderTitle from './title'
+import HeaderMenu from './menu'
+
+const meta: Meta<typeof ChatHeader> = {
+  title: 'Components/Header',
+  component: ChatHeader,
+  parameters: {
+    layout: 'centered',
+  }
+}
+
+export default meta
+
+type Story = StoryObj<typeof meta>
+
+export const Header: Story = {
+  args: {
+    children: (
+      <>
+        <HeaderTitle value='Chat Title' />
+        <HeaderMenu>
+          <MenuItem>Menu item 1</MenuItem>
+          <MenuItem>Menu item 2</MenuItem>
+          <MenuItem>Menu item 3</MenuItem>
+        </HeaderMenu>
+      </>
+    )
+  }
+}

package/packages/chat/components/header/title/index.tsx

@@ -0,0 +1,35 @@
+'use client'
+import React, { useEffect } from 'react'
+import { Editable, HStack } from '@chakra-ui/react'
+
+export function HeaderTitle({
+  onChange,
+  value,
+  defaultValue,
+}: {
+  onChange?: (value: string) => void,
+  value?: string
+  defaultValue?: string
+}) {
+  const [title, setTitle] = React.useState(value)
+  useEffect(() => setTitle(value), [value])
+  useEffect(() => setTitle(defaultValue), [defaultValue])
+  return (
+    <Editable.Root
+      justifyContent='flex-start'
+      size='lg'
+      fontSize='xl'
+      my={2}
+      placeholder='Untitled'
+      value={title}
+      defaultValue={defaultValue}
+      onValueChange={({value}) => setTitle(value)}
+      onValueCommit={({value}) => onChange?.(value)}
+    >
+      <Editable.Preview />
+      <Editable.Input />
+    </Editable.Root>
+  )
+}
+
+export default HeaderTitle

package/packages/chat/components/index.ts

@@ -0,0 +1,13 @@
+export { default as ChatLayout } from './chat'
+export { ChatFeedLayout, Main, Feed } from './chat/feed'
+export { default as ChatHeader } from './header'
+export { default as HeaderTitle } from './header/title'
+export { default as HeaderMenu } from './header/menu'
+export { default as ChatInput } from './input'
+export { default as InputMenu } from './input/menu'
+export { InputSend } from './input/send'
+export { default as InputTextarea } from './input/textarea'
+export { default as MessageMenu } from './message/menu'
+export { default as ChatMessages } from './messages'
+export { Prose } from './ui/prose'
+export { DebugInfo } from './debug'

package/packages/chat/components/input/index.tsx

@@ -0,0 +1,17 @@
+'use client'
+import React from 'react'
+import { GridItem, Stack, HStack, StackProps } from '@chakra-ui/react'
+
+export function ChatInput({ children, ...props }: StackProps) {
+  return (
+    <GridItem as='footer' w='full'>
+      <Stack w='full' gap={1}>
+        <HStack w='full' alignItems='flex-end' {...props}>
+          {children}
+        </HStack>
+      </Stack>
+    </GridItem>
+  )
+}
+
+export default ChatInput

package/packages/chat/components/input/menu/index.tsx

@@ -0,0 +1,35 @@
+import React from 'react'
+import { Icon, IconButton, Menu, Portal, Stack } from '@chakra-ui/react'
+import { BsFillPlusCircleFill } from 'react-icons/bs'
+
+export function InputMenu( { children } : React.PropsWithChildren ) {
+
+    return (
+        <Menu.Root closeOnSelect={false}>
+            {/* @ts-expect-error dunno */}
+            <Menu.Trigger asChild>
+              <IconButton
+                aria-label='Open menu'
+                size='md'
+                variant='plain'
+              >
+                <Icon size='xl' asChild>
+                  <BsFillPlusCircleFill />
+                </Icon>
+              </IconButton>
+
+            </Menu.Trigger>
+            <Portal>
+                <Menu.Positioner>
+                    <Menu.Content>
+                      <Stack>
+                          {children}
+                      </Stack>
+                    </Menu.Content>
+                </Menu.Positioner>
+            </Portal>
+        </Menu.Root>
+    )
+}
+
+export default InputMenu

package/packages/chat/components/input/send.tsx

@@ -0,0 +1,21 @@
+import React from 'react'
+import { IconButton, IconButtonProps, Spinner } from '@chakra-ui/react'
+
+interface InputSendProps extends IconButtonProps {
+    loading?: boolean
+}
+
+export function InputSend({ loading, ...props }: InputSendProps) {
+    return (
+        <IconButton
+            aria-label='Send message'
+            fontSize='2xl'
+            variant='ghost'
+            size='md'
+            disabled={loading || props.disabled}
+            {...props}
+        >
+            {loading ? <Spinner size="sm" /> : '➤'}
+        </IconButton>
+    )
+}