@hed-hog/studio 0.0.285

package/hedhog/data/route.yaml

@@ -0,0 +1,152 @@
+- url: /studio/data
+  method: GET
+  relations:
+    role:
+      - where:
+          slug: admin
+      - where:
+          slug: admin-studio
+
+- url: /studio/projects
+  method: GET
+  relations:
+    role:
+      - where:
+          slug: admin
+      - where:
+          slug: admin-studio
+
+- url: /studio/projects/:id
+  method: GET
+  relations:
+    role:
+      - where:
+          slug: admin
+      - where:
+          slug: admin-studio
+
+- url: /studio/projects/form
+  method: GET
+  relations:
+    role:
+      - where:
+          slug: admin
+      - where:
+          slug: admin-studio
+
+- url: /studio/scenes
+  method: GET
+  relations:
+    role:
+      - where:
+          slug: admin
+      - where:
+          slug: admin-studio
+
+- url: /studio/scenes/form
+  method: GET
+  relations:
+    role:
+      - where:
+          slug: admin
+      - where:
+          slug: admin-studio
+
+- url: /studio/sessions
+  method: GET
+  relations:
+    role:
+      - where:
+          slug: admin
+      - where:
+          slug: admin-studio
+
+- url: /studio/sessions/:id
+  method: GET
+  relations:
+    role:
+      - where:
+          slug: admin
+      - where:
+          slug: admin-studio
+
+- url: /studio/sessions/form
+  method: GET
+  relations:
+    role:
+      - where:
+          slug: admin
+      - where:
+          slug: admin-studio
+
+- url: /studio/takes
+  method: GET
+  relations:
+    role:
+      - where:
+          slug: admin
+      - where:
+          slug: admin-studio
+
+- url: /studio/takes/:id
+  method: GET
+  relations:
+    role:
+      - where:
+          slug: admin
+      - where:
+          slug: admin-studio
+
+- url: /studio/assets
+  method: GET
+  relations:
+    role:
+      - where:
+          slug: admin
+      - where:
+          slug: admin-studio
+
+- url: /studio/storage-profiles
+  method: GET
+  relations:
+    role:
+      - where:
+          slug: admin
+      - where:
+          slug: admin-studio
+
+- url: /studio/storage-profiles/form
+  method: GET
+  relations:
+    role:
+      - where:
+          slug: admin
+      - where:
+          slug: admin-studio
+
+- url: /studio/incidents
+  method: GET
+  relations:
+    role:
+      - where:
+          slug: admin
+      - where:
+          slug: admin-studio
+
+- url: /studio/editing
+  method: GET
+  relations:
+    role:
+      - where:
+          slug: admin
+      - where:
+          slug: admin-studio
+
+- url: /studio/publication
+  method: GET
+  relations:
+    role:
+      - where:
+          slug: admin
+      - where:
+          slug: admin-studio

package/hedhog/data/setting_group.yaml

@@ -0,0 +1,8 @@
+- slug: studio
+  name:
+    en: Studio
+    pt: Studio
+  description:
+    en: Studio module settings.
+    pt: Configuracoes do modulo Studio.
+  icon: clapperboard

package/hedhog/frontend/app/_components/studio-status-badge.tsx.ejs

@@ -0,0 +1,14 @@
+import { Badge } from '@/components/ui/badge';
+import { getStudioBadgeClass, toStudioLabel } from '../_lib/status';
+
+type StudioStatusBadgeProps = {
+  value: string;
+};
+
+export function StudioStatusBadge({ value }: StudioStatusBadgeProps) {
+  return (
+    <Badge variant="secondary" className={getStudioBadgeClass(value)}>
+      {toStudioLabel(value)}
+    </Badge>
+  );
+}

package/hedhog/frontend/app/_lib/mocks.ts.ejs

@@ -0,0 +1,209 @@
+import {
+  PublicationTarget,
+  StorageProfile,
+  StudioAsset,
+  StudioIncident,
+  StudioProject,
+  StudioScene,
+  StudioSession,
+  StudioTake,
+} from './types';
+
+export const STUDIO_PROJECTS: StudioProject[] = [
+  {
+    id: 101,
+    title: 'LMS Aula 07 - API de Pagamentos',
+    projectType: 'course_lesson',
+    status: 'in_recording',
+    currentStage: 'recording',
+    binding: 'lms.lesson #4401',
+    owner: 'Ana Lima',
+    updatedAt: '2026-03-17T18:20:00Z',
+  },
+  {
+    id: 102,
+    title: 'Campanha Black Week - Teaser Vertical',
+    projectType: 'social_content',
+    status: 'in_editing',
+    currentStage: 'rough_cut',
+    binding: 'campaign #BW-2026',
+    owner: 'Bruno Costa',
+    updatedAt: '2026-03-17T17:03:00Z',
+  },
+  {
+    id: 103,
+    title: 'Video Institucional Produto Atlas',
+    projectType: 'standalone',
+    status: 'ready_to_publish',
+    currentStage: 'publication',
+    binding: 'external_reference ATLAS-VID',
+    owner: 'Camila Ramos',
+    updatedAt: '2026-03-16T14:31:00Z',
+  },
+];
+
+export const STUDIO_SCENES: StudioScene[] = [
+  {
+    id: 1,
+    projectId: 101,
+    name: 'Intro do modulo',
+    status: 'recorded',
+    estimatedSeconds: 90,
+    takes: 3,
+  },
+  {
+    id: 2,
+    projectId: 101,
+    name: 'Demonstracao em tela',
+    status: 'ready_to_record',
+    estimatedSeconds: 420,
+    takes: 1,
+  },
+  {
+    id: 3,
+    projectId: 101,
+    name: 'Resumo final',
+    status: 'pending',
+    estimatedSeconds: 120,
+    takes: 0,
+  },
+];
+
+export const STUDIO_SESSIONS: StudioSession[] = [
+  {
+    id: 501,
+    projectId: 101,
+    title: 'Sessao principal - Aula 07',
+    status: 'recording',
+    sessionType: 'remote_collaborative',
+    host: 'Ana Lima',
+    participants: 4,
+    roomKey: 'studio-room-7a',
+    startedAt: '2026-03-17T18:00:00Z',
+  },
+  {
+    id: 502,
+    projectId: 102,
+    title: 'Sessao teaser vertical',
+    status: 'finished',
+    sessionType: 'hybrid',
+    host: 'Bruno Costa',
+    participants: 3,
+    roomKey: 'studio-room-bw',
+    startedAt: '2026-03-16T15:20:00Z',
+  },
+];
+
+export const STUDIO_TAKES: StudioTake[] = [
+  {
+    id: 9001,
+    projectId: 101,
+    sceneName: 'Intro do modulo',
+    sessionTitle: 'Sessao principal - Aula 07',
+    status: 'selected',
+    participants: 4,
+    expectedFiles: 12,
+    uploadedFiles: 12,
+    integrity: 'ok',
+    selected: true,
+  },
+  {
+    id: 9002,
+    projectId: 101,
+    sceneName: 'Demonstracao em tela',
+    sessionTitle: 'Sessao principal - Aula 07',
+    status: 'partial',
+    participants: 4,
+    expectedFiles: 12,
+    uploadedFiles: 9,
+    integrity: 'warning',
+    selected: false,
+  },
+];
+
+export const STUDIO_ASSETS: StudioAsset[] = [
+  {
+    id: 1,
+    participant: 'Ana Lima',
+    takeId: 9001,
+    sourceType: 'camera_video',
+    sizeMb: 650,
+    durationSec: 92,
+    storage: 'studio-main',
+    availability: 'available',
+    origin: 'uploaded_raw',
+  },
+  {
+    id: 2,
+    participant: 'Bruno Costa',
+    takeId: 9002,
+    sourceType: 'screen_capture',
+    sizeMb: 1200,
+    durationSec: 410,
+    storage: 'studio-main',
+    availability: 'pending',
+    origin: 'uploaded_raw',
+  },
+];
+
+export const STUDIO_STORAGE_PROFILES: StorageProfile[] = [
+  {
+    id: 1,
+    name: 'studio-main',
+    provider: 's3',
+    bucket: 'hedhog-studio-prod',
+    region: 'us-east-1',
+    basePath: 'studio/raw',
+    status: 'active',
+    testStatus: 'success',
+    lastTestedAt: '2026-03-17T12:20:00Z',
+  },
+  {
+    id: 2,
+    name: 'studio-proxy',
+    provider: 'r2',
+    bucket: 'hedhog-proxy',
+    region: 'auto',
+    basePath: 'studio/proxy',
+    status: 'active',
+    testStatus: 'unknown',
+    lastTestedAt: '2026-03-15T08:00:00Z',
+  },
+];
+
+export const STUDIO_INCIDENTS: StudioIncident[] = [
+  {
+    id: 1,
+    projectId: 101,
+    type: 'upload_failed',
+    severity: 'high',
+    target: 'take 9002 / participante Bruno',
+    status: 'open',
+    detectedAt: '2026-03-17T18:34:00Z',
+  },
+  {
+    id: 2,
+    projectId: 101,
+    type: 'delayed_start',
+    severity: 'medium',
+    target: 'sessao 501',
+    status: 'resolved',
+    detectedAt: '2026-03-17T18:02:00Z',
+  },
+];
+
+export const STUDIO_PUBLICATION_TARGETS: PublicationTarget[] = [
+  {
+    id: 1,
+    projectId: 103,
+    targetType: 'youtube',
+    status: 'scheduled',
+    scheduledAt: '2026-03-18T19:00:00Z',
+  },
+  {
+    id: 2,
+    projectId: 101,
+    targetType: 'lms',
+    status: 'pending',
+  },
+];

package/hedhog/frontend/app/_lib/status.ts.ejs

@@ -0,0 +1,38 @@
+const palette: Record<string, string> = {
+  draft: 'bg-slate-100 text-slate-700',
+  planned: 'bg-blue-100 text-blue-700',
+  in_recording: 'bg-orange-100 text-orange-700',
+  recorded: 'bg-emerald-100 text-emerald-700',
+  in_editing: 'bg-violet-100 text-violet-700',
+  in_finalization: 'bg-indigo-100 text-indigo-700',
+  ready_to_publish: 'bg-cyan-100 text-cyan-700',
+  published: 'bg-green-100 text-green-700',
+  archived: 'bg-gray-200 text-gray-700',
+  cancelled: 'bg-rose-100 text-rose-700',
+  pending: 'bg-amber-100 text-amber-700',
+  approved: 'bg-green-100 text-green-700',
+  selected: 'bg-lime-100 text-lime-700',
+  failed: 'bg-red-100 text-red-700',
+  recording: 'bg-orange-100 text-orange-700',
+  processing: 'bg-blue-100 text-blue-700',
+  ready: 'bg-teal-100 text-teal-700',
+  finished: 'bg-green-100 text-green-700',
+  idle: 'bg-zinc-100 text-zinc-700',
+  low: 'bg-sky-100 text-sky-700',
+  medium: 'bg-yellow-100 text-yellow-700',
+  high: 'bg-orange-100 text-orange-700',
+  critical: 'bg-red-100 text-red-700',
+  available: 'bg-green-100 text-green-700',
+  open: 'bg-red-100 text-red-700',
+  resolved: 'bg-green-100 text-green-700',
+};
+
+export function getStudioBadgeClass(value: string) {
+  return palette[value] || 'bg-slate-100 text-slate-700';
+}
+
+export function toStudioLabel(value: string) {
+  return value
+    .replace(/_/g, ' ')
+    .replace(/\b\w/g, (match) => match.toUpperCase());
+}

package/hedhog/frontend/app/_lib/types.ts.ejs

@@ -0,0 +1,148 @@
+export type StudioProjectType =
+  | 'course_lesson'
+  | 'standalone'
+  | 'social_content'
+  | 'campaign_asset'
+  | 'other';
+
+export type StudioProjectStatus =
+  | 'draft'
+  | 'planned'
+  | 'in_recording'
+  | 'recorded'
+  | 'in_editing'
+  | 'in_finalization'
+  | 'ready_to_publish'
+  | 'published'
+  | 'archived'
+  | 'cancelled';
+
+export type StudioStage =
+  | 'preparation'
+  | 'recording'
+  | 'rough_cut'
+  | 'cleanup'
+  | 'finalization'
+  | 'publication';
+
+export type SceneStatus =
+  | 'pending'
+  | 'ready_to_record'
+  | 'recording'
+  | 'recorded'
+  | 'approved_for_edit'
+  | 'edited'
+  | 'archived';
+
+export type SessionStatus =
+  | 'idle'
+  | 'arming'
+  | 'ready'
+  | 'start_requested'
+  | 'recording'
+  | 'stop_requested'
+  | 'processing'
+  | 'finished'
+  | 'cancelled';
+
+export type TakeStatus =
+  | 'pending'
+  | 'armed'
+  | 'recording'
+  | 'stopped'
+  | 'uploaded'
+  | 'validated'
+  | 'partial'
+  | 'approved'
+  | 'discarded'
+  | 'selected';
+
+export type Severity = 'low' | 'medium' | 'high' | 'critical';
+
+export interface StudioProject {
+  id: number;
+  title: string;
+  projectType: StudioProjectType;
+  status: StudioProjectStatus;
+  currentStage: StudioStage;
+  binding: string;
+  owner: string;
+  updatedAt: string;
+}
+
+export interface StudioScene {
+  id: number;
+  projectId: number;
+  name: string;
+  status: SceneStatus;
+  estimatedSeconds: number;
+  takes: number;
+}
+
+export interface StudioSession {
+  id: number;
+  projectId: number;
+  title: string;
+  status: SessionStatus;
+  sessionType: 'local' | 'remote_collaborative' | 'hybrid';
+  host: string;
+  participants: number;
+  roomKey: string;
+  startedAt: string;
+}
+
+export interface StudioTake {
+  id: number;
+  projectId: number;
+  sceneName: string;
+  sessionTitle: string;
+  status: TakeStatus;
+  participants: number;
+  expectedFiles: number;
+  uploadedFiles: number;
+  integrity: 'ok' | 'warning' | 'corrupted';
+  selected: boolean;
+}
+
+export interface StudioAsset {
+  id: number;
+  participant: string;
+  takeId: number;
+  sourceType: string;
+  sizeMb: number;
+  durationSec: number;
+  storage: string;
+  availability: 'pending' | 'available' | 'archived' | 'failed';
+  origin: string;
+}
+
+export interface StorageProfile {
+  id: number;
+  name: string;
+  provider: 's3' | 'minio' | 'r2' | 'compatible_s3';
+  bucket: string;
+  region: string;
+  basePath: string;
+  status: 'active' | 'inactive';
+  testStatus: 'unknown' | 'success' | 'failed';
+  lastTestedAt: string;
+}
+
+export interface StudioIncident {
+  id: number;
+  projectId: number;
+  type: string;
+  severity: Severity;
+  target: string;
+  status: 'open' | 'resolved';
+  detectedAt: string;
+}
+
+export interface PublicationTarget {
+  id: number;
+  projectId: number;
+  targetType: string;
+  status: 'pending' | 'scheduled' | 'processing' | 'published' | 'failed';
+  scheduledAt?: string;
+  publishedUrl?: string;
+}

package/hedhog/frontend/app/assets/page.tsx.ejs

@@ -0,0 +1,117 @@
+'use client';
+
+import { Page, PageHeader } from '@/components/entity-list';
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from '@/components/ui/table';
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
+import { STUDIO_ASSETS } from '../_lib/mocks';
+import { StudioStatusBadge } from '../_components/studio-status-badge';
+
+export default function StudioAssetsPage() {
+  return (
+    <Page>
+      <PageHeader
+        title="Arquivos e Assets"
+        description="Catalogo tecnico com filtros de visualizacao"
+        breadcrumbs={[
+          { label: 'Home', href: '/' },
+          { label: 'Studio', href: '/studio' },
+          { label: 'Assets' },
+        ]}
+      />
+
+      <Tabs defaultValue="table" className="space-y-4">
+        <TabsList>
+          <TabsTrigger value="table">Tabela</TabsTrigger>
+          <TabsTrigger value="participant">Por participante</TabsTrigger>
+          <TabsTrigger value="take">Por take</TabsTrigger>
+        </TabsList>
+
+        <TabsContent value="table">
+          <div className="rounded-md border">
+            <Table>
+              <TableHeader>
+                <TableRow>
+                  <TableHead>Participante</TableHead>
+                  <TableHead>Take</TableHead>
+                  <TableHead>Tipo</TableHead>
+                  <TableHead>Tamanho (MB)</TableHead>
+                  <TableHead>Duracao (s)</TableHead>
+                  <TableHead>Storage</TableHead>
+                  <TableHead>Disponibilidade</TableHead>
+                  <TableHead>Origem</TableHead>
+                </TableRow>
+              </TableHeader>
+              <TableBody>
+                {STUDIO_ASSETS.map((asset) => (
+                  <TableRow key={asset.id}>
+                    <TableCell>{asset.participant}</TableCell>
+                    <TableCell>#{asset.takeId}</TableCell>
+                    <TableCell>{asset.sourceType}</TableCell>
+                    <TableCell>{asset.sizeMb}</TableCell>
+                    <TableCell>{asset.durationSec}</TableCell>
+                    <TableCell>{asset.storage}</TableCell>
+                    <TableCell>
+                      <StudioStatusBadge value={asset.availability} />
+                    </TableCell>
+                    <TableCell>{asset.origin}</TableCell>
+                  </TableRow>
+                ))}
+              </TableBody>
+            </Table>
+          </div>
+        </TabsContent>
+
+        <TabsContent value="participant" className="grid gap-4 md:grid-cols-2">
+          {[...new Set(STUDIO_ASSETS.map((item) => item.participant))].map(
+            (name) => (
+              <Card key={name}>
+                <CardHeader>
+                  <CardTitle className="text-base">{name}</CardTitle>
+                </CardHeader>
+                <CardContent className="space-y-2 text-sm">
+                  {STUDIO_ASSETS.filter(
+                    (item) => item.participant === name
+                  ).map((item) => (
+                    <div key={item.id} className="rounded-md border p-2">
+                      #{item.takeId} • {item.sourceType} • {item.sizeMb}MB
+                    </div>
+                  ))}
+                </CardContent>
+              </Card>
+            )
+          )}
+        </TabsContent>
+
+        <TabsContent value="take" className="grid gap-4 md:grid-cols-2">
+          {[...new Set(STUDIO_ASSETS.map((item) => item.takeId))].map(
+            (takeId) => (
+              <Card key={takeId}>
+                <CardHeader>
+                  <CardTitle className="text-base">Take #{takeId}</CardTitle>
+                </CardHeader>
+                <CardContent className="space-y-2 text-sm">
+                  {STUDIO_ASSETS.filter((item) => item.takeId === takeId).map(
+                    (item) => (
+                      <div key={item.id} className="rounded-md border p-2">
+                        {item.participant} • {item.sourceType} •{' '}
+                        {item.durationSec}s
+                      </div>
+                    )
+                  )}
+                </CardContent>
+              </Card>
+            )
+          )}
+        </TabsContent>
+      </Tabs>
+    </Page>
+  );
+}