Kabanata 13: Ang Pangunahing Interface - Kumpletong Tour ng UI ng SeaMeet

Sa puntong ito, nagamit mo na ang SeaMeet upang mag-rekord ng audio at video, nag-ayos ng iyong library, at nag-playback ng mga pagre-rekord. Nakipag-ugnayan ka sa iba't ibang bahagi ng interface, ngunit maaaring wala kang kumpletong larawan kung paano nagtutugma ang lahat ng mga piraso. Ang kabanatang ito ay nagbibigay ng komprehensibong tour ng pangunahing interface ng SeaMeet—bawat button, panel, indicator, at kontrol—upang ma-navigate mo ang app nang may kumpiyansa at mahanap ang mga tampok na maaaring hindi mo natuklasan.

Isipin ang kabanatang ito bilang isang ginabayang tour ng isang bagong bahay. Maglalakad tayo sa bawat silid, susuriin ang mga tampok, at ipapaliwanag kung ano ang ginagawa ng lahat. Sa pagtatapos, malalaman mo nang eksakto kung saan mahahanap ang bawat function at maunawaan kung paano umaakma ang interface sa iba't ibang sitwasyon.

Ang Window Layout: Malaking Larawan

Kapag binuksan mo ang SeaMeet, makikita mo ang isang window na may pare-parehong layout. Nananatiling matatag ang layout na ito kung nag-rerekord ka, nag-pa-playback, o nagba-browse lang ng iyong library. Ang pag-unawa sa layout na ito ang pundasyon para sa epektibong paggamit ng SeaMeet.

Ang Tatlong Pangunahing Zone

Ang window ng SeaMeet ay nahahati sa tatlong pangunahing zone:

┌─────────────────────────────────────────────────────────────────────┐
│  1. TOP NAVIGATION BAR                                             │
│  [Logo] SeaMeet Screen & Audio Recorder       [⚙️] [⏪] [🔴]                │
├─────────────────────────────────────────────────────────────────────┤
│                                                                     │
│  2. SIDEBAR (Listahan ng Pagre-rekord)  3. PANGUNAHING NILALAMAN   │
│  ┌─────────────────────┐            ┌───────────────────────────┐  │
│  │ 🔍 Hanapin...       │            │                           │  │
│  ├─────────────────────┤            │   Player / Pagre-rekord   │  │
│  │ 🎤 Pagre-rekord 1   │            │   Mga Kontrol / Setting   │  │
│  │ 🎥 Pagre-rekord 2   │            │                           │  │
│  │ 🎤 Pagre-rekord 3   │            │   (Ang lugar na ito ay    │  │
│  │                     │            │    nagbabago ayon sa kung  │  │
│  │ [Mga recording card │            │    ano ang iyong          │  │
│  │  mag-scroll dito]   │            │    ginagawa)              │  │
│  └─────────────────────┘            └───────────────────────────┘  │
│                                                                     │
└─────────────────────────────────────────────────────────────────────┘

Zone 1: Top Navigation Bar

Palaging nakikita
Naglalaman ng mga global na kontrol
Mabilisang pag-access sa mga pangunahing tampok

Zone 2: Sidebar (Listahan ng Pagre-rekord)

Palaging nakikita (sa karamihan ng mga view)
Ipinapakita ang iyong mga pagre-rekord
Scrollable na listahan ng mga recording card

Zone 3: Pangunahing Lugar ng Nilalaman

Nagbabago batay sa konteksto
Ipinapakita ang player kapag nagpa-play ng mga pagre-rekord
Ipinapakita ang mga kontrol ng pagre-rekord kapag naghahanda mag-rekord
Ipinapakita ang mga setting kapag nagko-configure ng mga opsyon

Ang top navigation bar ay nagbibigay ng navigation at mga kontrol ng account. Nanatili itong manipis at nakatuon — ang mga kontrol ng pagre-rekord at Flashback ay lumipat sa Capture Hub sa pangunahing lugar ng nilalaman (tingnan ang State 1 sa ibaba).

Layout ng Top Bar

┌─────────────────────────────────────────────────────────────────────┐
│ [☰ Nav]  SeaMeet Screen & Audio Recorder              [👤 Account] │
│   │                                                        │        │
│  Navigation toggle                              Menu ng user profile│
└─────────────────────────────────────────────────────────────────────┘

Ano ang ginagawa nito: Nag-collapse o nagpapalawak ng kaliwang sidebar (listahan ng pagre-rekord).

Kailan gamitin:

I-collapse upang bigyan ang Capture Hub ng mas maraming horizontal na espasyo
Palawakin upang mag-browse ng iyong recording library habang hindi nagre-rekord

Ano ang ginagawa nito: Binubuksan ang user account menu kung saan maaari kang:

Mag-sign in o mag-sign out
Buksan ang Mga Setting (audio, video, Flashback, storage, wika, mga shortcut)
Buksan ang keyboard shortcut reference
Mag-access ng Help & Support

Paano gamitin:

I-click ang iyong profile picture o user icon
Piliin ang nais na opsyon mula sa dropdown

Record Button (🔴)

Icon: Pulang bilog (🔴) kapag handa, Parisukat (⏹️) kapag nagre-rekord Label: "RECORD" o ang icon lamang Kulay: Maliwanag na pula (nagpapahiwatig ng aksyon ng pagre-rekord)

Ano ang ginagawa nito: Sinisimulan o tinatapos ang pagre-rekord

Mga Estado:

Handa Magrekord:

[🔴 RECORD]
Pulang bilog na icon
I-click upang simulan ang pagre-rekord

Aktibong Pagre-rekord:

[⏹️ STOP]
Parisukat na icon
Timer na nagpapakita ng oras na lumipas
I-click upang itigil ang pagre-rekord

Paano gamitin:

Para simulan ang pagre-rekord:

I-configure muna ang iyong mga setting ng pagre-rekord
I-click ang pulang Record button
Agad na magsisimula ang pagre-rekord
Magbabago ang button sa Stop
Magsisimulang magbilang ang timer

Para itigil ang pagre-rekord:

I-click ang Stop button (parisukat)
Tatapusin ang pagre-rekord
Nai-save ang file
Lumalabas ang pagre-rekord sa sidebar
Bumalik ang button sa Record state

Ano ang mangyayari kapag nag-click ka ng Record:

Nagsisimula ang audio/video capture
Lumalabas ang timer na nagpapakita ng oras na lumipas
Nagbabago ang button mula 🔴 sa ⏹️
Ang visual indicator ay nagpapakita ng status ng pagre-rekord
Isinusulat ang file sa storage

Ano ang mangyayari kapag nag-click ka ng Stop:

Tumitigil ang pagre-rekord
Tinatapos at nai-save ang file
Lumalabas ang pagre-rekord sa sidebar list
Bumalik ang button sa 🔴 state
Nawawala o nire-reset ang timer

Mahalagang mga tala:

Agad na nagsisimula ang pagre-rekord—maging handa!
Walang countdown o babala
Tiyaking tama ang iyong mga setting bago mag-click
Ang Flashback (kung pinagana) ay isasama ang naka-buffer na nakaraan

System Tray

Ini-install ng SeaMeet ang isang system tray icon (Windows notification area, macOS menu bar) sa unang pag-launch nito at pinapanatiling buhay ito para sa buong session ng app. Ang tray ay ang palaging available na control surface — kahit na isinara mo na ang pangunahing window, tumatakbo pa rin ang SeaMeet, handa na kumuha, at maabot sa isang pag-click sa icon nito.

Bakit Nananatiling Buhay ang Tray

Ang pagsasara ng pangunahing window ay hindi umaalis sa SeaMeet. Sa halip, nagtatago ang window at nananatili ang tray icon. Sinasadya ito:

Maaari pa ring magising ng Auto-Detect ang app kapag binuksan ang isang meeting app
Mapapanatili ng Flashback ang rolling buffer nito (kung naka-armed)
Gumagana pa rin ang mga global hotkey (Start Recording, Show Launcher, Show Floater)
Isang tray-click ang layo ng mabilisang pagre-rekord

Sa unang pagkakataon na isinara mo ang window, nagpapadala ang SeaMeet ng isang one-shot na "naka-minimize sa tray" na pahiwatig upang maunawaan mong hindi talaga lumabas ang app. Para tuluyang umalis, gamitin ang Exit SeaMeet mula sa tray menu (tingnan sa ibaba) o ang utos ng pag-quit ng app ng iyong OS.

Ang Tray Icon

Default na icon (idle):

Windows: isang maliit na SeaMeet logo .ico sa notification area
macOS: isang 22×22 template image sa menu bar na umaakma sa light/dark mode

Recording icon (kasalukuyang nagaganap):

Lumilipat sa isang red-tinted variant upang makita mo sa isang sulyap na kumukuha ang SeaMeet
Sa macOS ay nakakakuha din ang menu bar ng ● suffix; kung naka-pause ay ipinapakita ito ng ⏸
Nagbabago ang tooltip mula sa "SeaMeet" papunta sa "SeaMeet — Recording in progress" (o "Paused")

Click behavior:

Left-click ang icon — tina-toggle ang pangunahing window (ipakita kung nakatago, itago kung nakikita)
Right-click ang icon (Windows) / single-click (macOS) — binubuksan ang context menu

Kapag hindi ka nagre-rekord, ganito ang hitsura ng menu:

┌─────────────────────────────────────────┐
│ Workspace: Acme Sales      (disabled)   │   ← Lite / cloud build lamang
├─────────────────────────────────────────┤
│ Mabilisang pagre-rekord    (disabled)   │
│   🎤  Mag-rekord ng audio               │
│   🖥️  Mag-rekord ng fullscreen          │
│   ◰  Mag-rekord ng rehiyon              │
│   📷  Kumuha ng screenshot (Ctrl+Shift+S)│
│   📁  Buksan ang recordings folder      │
├─────────────────────────────────────────┤
│ 🚀 Ipakita ang launcher   (Ctrl+Shift+L)│
│ 🪟 Ipakita ang floating window(Ctrl+Shift+F)│
├─────────────────────────────────────────┤
│ 🗔 Ipakita ang pangunahing window      │
├─────────────────────────────────────────┤
│ ⏻  Exit SeaMeet                         │
└─────────────────────────────────────────┘

Ano ang ginagawa ng bawat item:

Workspace: <pangalan> — Header na nagpapakita kung saang cloud workspace mapupunta ang isang tray-initiated na pagre-rekord. Lumalabas lamang sa mga Lite o cloud-enabled na build kung saan ka naka-sign in at pumili ng workspace. Sa mga non-cloud na build, ang row ay ganap na nakatago kaya ang hugis ng menu ay hindi nagbabago.
Mag-rekord ng audio — Sinisimulan kaagad ang audio-only na pagre-rekord. Walang hinihiling na video source.
Mag-rekord ng fullscreen — Sinisimulan ang pagre-rekord ng iyong pangunahing display plus audio.
Mag-rekord ng rehiyon — Binubuksan ang fullscreen region overlay upang maka-drag-select ka ng lugar, pagkatapos ay magsimula sa pagre-rekord ng lugar na iyon.
Kumuha ng screenshot — Binubuksan ang region selector para sa one-shot na screenshot. Ipinapakita ang shortcut kung nag-bind ka ng isa sa Mga Setting → Keyboard.
Buksan ang recordings folder — Binubuksan ang OS file browser sa iyong kasalukuyang save directory.
Ipakita ang launcher — Tina-toggle ang SeaMeet Launcher panel (tingnan ang Kabanata 14). Ang shortcut ay ipinapakita kapag naka-bind.
Ipakita ang floating window — Ipinapakita/itinatago ang Floater widget. Ang shortcut ay ipinapakita kapag naka-bind.
Ipakita ang pangunahing window — Iniuuna ang pangunahing window (pareho sa left-click sa icon kapag nakatago).
Exit SeaMeet — Ang tanging menu item na aktwal na lumalabas. Itinatakda nito ang internal na "is quitting" flag at humihiling sa Electron na magtapos; lahat ng iba pa ay nagpapakita/nagtatago lamang ng mga surface.

Kapag may pagre-rekord na isinasagawa, ang menu ay nag-aakma upang bigyan ka ng direktang mga kontrol sa transportasyon:

┌─────────────────────────────────────────┐
│ ● Recording in progress    (disabled)   │
├─────────────────────────────────────────┤
│ ⏹  Itigil ang pagre-rekord (Ctrl+Shift+R)│
│ ⏸  I-pause ang pagre-rekord             │
│ ⚑  Markahan ang kaganapan               │
├─────────────────────────────────────────┤
│ 🗔 Ipakita ang pangunahing window      │
├─────────────────────────────────────────┤
│ ⏻  Exit SeaMeet                         │
└─────────────────────────────────────────┘

Mga tala sa recording menu:

Ang header line ay isang status label lamang (sinasadyang naka-disable).
Itigil ang pagre-rekord ay nagtatapos sa pagkuha at nag-iimbak ng file tulad ng pag-click sa Stop button sa pangunahing window.
Pause/Resume ay ipinapakita lamang kapag sinusuportahan ito ng codec/source. Ang mga video-only na pagre-rekord ay nagtatago sa Pause item.
Markahan ang kaganapan ay nagla-drop ng timestamp marker sa pagre-rekord, na kapaki-pakinabang para sa pagtalon pabalik sa isang pangunahing sandali sa panahon ng playback.
Kapag naka-pause, pinapalitan ng menu ang Ipagpatuloy ang pagre-rekord sa lugar ng Pause at ang macOS title ay lumipat sa ⏸.

Mga Lokal na Label

Iginagalang ng tray menu ang 15 na sinusuportahang locale (English, Spanish, French, German, Japanese, Korean, Hindi, Polish, Portuguese, Russian, Thai, Vietnamese, Danish, Simplified Chinese, Traditional Chinese). Ang mga wika sa labas ng set na iyon ay babalik sa English upang palaging mai-render nang tama ang menu.

Zone 2: Ang Sidebar (Listahan ng Pagre-rekord)

Ang sidebar ay ang talaan ng nilalaman ng iyong recording library. Nagpapakita ito ng lahat ng iyong mga pagre-rekord sa isang scrollable na listahan, na nagbibigay-daan sa iyong mag-browse, pumili, at pamahalaan ang iyong koleksyon.

Layout ng Sidebar

┌────────────────────────────────────────────────────────────────┐
│  SIDEBAR                                                       │
│                                                                │
│  ┌──────────────────────────────────────────────────────────┐│
│  │ 🔍 Maghanap ng mga pagre-rekord...                       ││
│  └──────────────────────────────────────────────────────────┘│
│                                                                │
│  ┌──────────────────────────────────────────────────────────┐│
│  │ 🎤 Team Meeting - Q3 Planning                            ││
│  │ 47:32 • Ngayon, 2:30 PM • Zoom                           ││
│  └──────────────────────────────────────────────────────────┘│
│                                                                │
│  ┌──────────────────────────────────────────────────────────┐│
│  │ 🎥 Client Presentation                                   ││
│  │ 32:15 • Kahapon, 10:00 AM • Screen                       ││
│  └──────────────────────────────────────────────────────────┘│
│                                                                │
│  ┌──────────────────────────────────────────────────────────┐│
│  │ 🎤 Voice Memo                                            ││
│  │ 2:45 • Ene 15, 3:20 PM • Microphone                      ││
│  └──────────────────────────────────────────────────────────┘│
│                                                                │
│  [Higit pang mga pagre-rekord... mag-scroll para makita]      │
│                                                                │
└────────────────────────────────────────────────────────────────┘

Lokasyon: Itaas ng sidebar Hitsura: Text field na may magnifying glass icon (🔍) Placeholder text: "Maghanap ng mga pagre-rekord..." o katulad

Ano ang ginagawa nito: Nag-fi-filter ng listahan ng pagre-rekord sa real-time habang nagta-type ka

Paano gamitin:

I-click sa search box
Simulan ang pag-type
Awtomatikong nag-fi-filter ang listahan
Ipinapakita lamang ang mga pagre-rekord na tumutugma sa iyong paghahanap
I-clear ang paghahanap upang makita muli ang lahat ng pagre-rekord

Ano ang maaari mong hanapin:

Mga pangalan ng pagre-rekord
Mga source label ("Zoom", "Teams")
Mga petsa (kung nai-type sa nahahanap na format)
Gumagana ang mga bahagyang tugma

Mga halimbawa ng paghahanap:

Hanapin ang "Zoom" → Ipinapakita ang lahat ng Zoom recording
Hanapin ang "budget" → Ipinapakita ang mga pagre-rekord na may "budget" sa pangalan
Hanapin ang "March" → Ipinapakita ang mga pagre-rekord ng Marso
Hanapin ang "client" → Ipinapakita ang mga pagre-rekord na may kaugnayan sa kliyente

Pag-clear ng paghahanap:

I-click ang X button (kung mayroon)
Burahin ang lahat ng text
Pindutin ang Escape key

Mga Recording Card

Ang bawat pagre-rekord sa iyong library ay ipinapakita bilang isang recording card—isang compact na buod ng pangunahing impormasyon ng pagre-rekord.

Dalawang view mode:

Compact View (default) - Minimal info, mahusay na pag-browse
Expanded View - Detalyadong info, waveform preview

Compact View

┌──────────────────────────────────────────────────────────┐
│ 🎤 Q3 Budget Review - Team Meeting                       │
│ 47:32 • Ngayon, 2:30 PM • Zoom • Audio                   │
└──────────────────────────────────────────────────────────┘

Mga elemento:

Icon (🎤) - Tumutukoy sa uri (audio/video)
Pangalan - Pamagat ng pagre-rekord
Tagal - Gaano katagal (47:32)
Timestamp - Kailan nai-record (Ngayon, 2:30 PM)
Pinagmulan - Saan galing (Zoom)
Uri - Audio/Video/Flashback

Kailan gamitin ang compact view:

Pag-browse ng maraming pagre-rekord
Mabilisang pag-scan
Limitadong screen space
Pangkalahatang-ideya ng library

Expanded View

┌──────────────────────────────────────────────────────────┐
│                                                          │
│  🎤 Q3 Budget Review - Team Meeting                     │
│                                                          │
│  Tagal: 47:32                                            │
│  Nai-record: Ngayon, 2:30 PM                            │
│  Pinagmulan: Zoom                                        │
│  Uri: Audio + Video                                      │
│  Laki ng File: 145 MB                                    │
│                                                          │
│  ┌────────────────────────────────────────────────────┐│
│  │ ▓▓▓▓▓▓▓▓▓▓▓▓▓▓░░░░▓▓▓▓▓▓▓▓░░░░░░░░▓▓▓▓▓▓▓▓▓▓  ││
│  │ Waveform preview                                    ││
│  └────────────────────────────────────────────────────┘│
│                                                          │
│  [▶ Play] [✏️ Palitan] [📂 Ipakita] [🗑️ Tanggalin] [⋯] │
│                                                          │
└──────────────────────────────────────────────────────────┘

Mga karagdagang elemento sa expanded view:

Laki ng file - Storage na ginamit
Waveform preview - Visual na representasyon ng audio
Mga action button - Lahat ng magagamit na aksyon ay nakikita

Kailan gamitin ang expanded view:

Pagtatrabaho sa partikular na pagre-rekord
Kailangan ang lahat ng mga detalye
Bago mag-play
Kapag nag-aayos

Ipinaliwanag ang mga Icon ng Recording Card

Mga Audio Icon:

🎤 - Microphone (audio recording)
🔴 - Audio (generic)
🔊 - System audio lamang
🎤+🔊 - Pinagsamang audio (mic + system)

Mga Video Icon:

🎥 - Video recording
📹 - Screen recording
🖥️ - Fullscreen recording
🪟 - Window recording

Mga Espesyal na Icon:

⏪ - Flashback recording
📥 - Na-import na file
🌐 - Web/browser recording

Mga Kontrol sa Pag-sort at Pag-filter

Lokasyon: Karaniwang nasa itaas ng sidebar, malapit sa paghahanap

Mga Opsyon sa Pag-sort:

Petsa (pinakabago muna) - Default
Petsa (pinakaluma muna)
Pangalan (A-Z)
Pangalan (Z-A)
Tagal (pinakamaikli muna)
Tagal (pinakamahaba muna)
Laki (pinakamaliit muna)
Laki (pinakamalaki muna)

Paano baguhin ang pag-sort:

I-click ang "Sort" dropdown
Piliin ang paraan ng pag-sort
I-click muli upang baligtarin ang pagkakasunud-sunod

Mga Opsyon sa Filter:

Lahat - Ipakita ang lahat
Audio lamang - Mga audio recording
Video lamang - Mga video recording
Ngayon - Mga pagre-rekord ngayon
Linggong ito - Mga kamakailang pagre-rekord
Flashback - Mga Flashback capture
Ayon sa Pinagmulan - Zoom, Teams, atbp.

Paano mag-filter:

I-click ang "Filter" button o dropdown
Piliin ang pamantayan ng filter
Mag-update ang listahan upang ipakita lamang ang mga tugma
I-click ang "Clear" o "All" upang i-reset

Zone 3: Ang Pangunahing Lugar ng Nilalaman

Ang pangunahing lugar ng nilalaman ay ang chameleon ng interface ng SeaMeet—nagbabago ang hitsura nito batay sa iyong ginagawa. Galugarin natin ang iba't ibang estado nito.

Estado 1: Capture Hub (Idle / Handa Mag-rekord)

Kapag ipinapakita:

Kapag unang binuksan ang SeaMeet
Kapag walang napiling pagre-rekord at hindi ka aktibong nagre-rekord

Ano ang nakikita mo — ang Capture Hub:

Ang pangunahing lugar ng nilalaman ay nagpapakita ng Capture Hub, isang two-panel na layout na naglalagay ng mga kontrol sa pagre-rekord at screenshot sa harap at gitna:

┌─────────────────────────────────────────────────────────────────────┐
│  CAPTURE HUB                                                        │
│                                                                     │
│  ┌──────────────────────────────┐  ┌──────────────────────────────┐ │
│  │   SIMULAN ANG PAGRE-REKORD   │  │   KUMUHA NG SCREENSHOT       │ │
│  │                              │  │                              │ │
│  │  [Flashback] [🎙️] [Auto]    │  │        [📷]                  │ │
│  │             malaking pulang  │  │     camera icon              │ │
│  │             mic circle       │  │                              │ │
│  │                              │  │  ● Full Screen               │ │
│  │  Status ng Flashback /       │  │  ○ Area Capture              │ │
│  │  mensahe ng konteksto        │  │                              │ │
│  │                              │  │  [ ] Panatilihin nakikita ang│ │
│  │  [🎥 Simulan Pagre-rekord]CTA│  │      SeaMeet window kapag    │ │
│  │                              │  │      kumukuha                │ │
│  │                              │  │                              │ │
│  │  Buksan Launcher  Buksan Floater│ [📷 Kumuha ng Screenshot]  │ │
│  └──────────────────────────────┘  └──────────────────────────────┘ │
└─────────────────────────────────────────────────────────────────────┘

Kaliwang Panel — Simulan ang Pagre-rekord

Ang kaliwang panel ay naglalaman ng lahat ng mga kontrol upang simulan ang bagong pagre-rekord:

Mga flanking control (itaas ng card):

Flashback toggle (kaliwa) — I-click upang umikot ng Flashback mode: OFF → Audio → Screen → OFF. Nagpapakita ng ⚡ lightning bolt icon kapag naka-armed (kumikilos o handa na ang buffer). Tingnan ang Kabanata 7 para sa kumpletong mga detalye.
Malaking pulang mic circle (gitna) — I-click upang buksan ang Video Settings modal at piliin ang iyong mode ng pagre-rekord (audio-only, fullscreen, window, region).
Auto-Detect toggle (kanan) — Nagpapagana ng awtomatikong pagre-rekord kapag natuklasan ang isang meeting app.

Lugar ng konteksto (gitna ng card):

Kapag OFF ang Flashback: nagpapakita ng maikling paglalarawan kung paano magsisimula.
Kapag nag-aarm ang Flashback (kumikilos): nagpapakita ng progress indicator habang pumupuno ang buffer.
Kapag handa na ang Flashback: nagpapakita ng ⚡ icon at "Flashback armed" na kumpirmasyon.

CTA button (ibaba ng card):

Ang label at aksyon ay umaakma sa estado ng Flashback:
- Flashback OFF → "Simulan ang Pagre-rekord" (binubuksan ang Video Settings)
- Flashback arming → "Buffering…" (naka-disable habang pumupuno)
- Flashback ready → "Mag-rekord gamit ang Flashback" (kinukuha ang buffer at sinisimulan ang pagre-rekord)

Quick-launch shortcuts (ibabang strip):

Buksan ang Launcher — Binubuksan ang SeaMeet Launcher panel na may hotkey na ipinapakita
Buksan ang Floater — Ipinapakita/itinatago ang Floater widget na may hotkey na ipinapakita

Kanang Panel — Kumuha ng Screenshot

Ang kanang panel ay humahawak ng mga screenshot nang nakahiwalay mula sa mga pagre-rekord:

Camera icon button — Malaking hero button; i-click upang kumuha ng screenshot gamit ang kasalukuyang napiling mode.
Full Screen / Area Capture — Mga radio button upang pumili sa pagitan ng full-screen capture o pag-guhit ng rehiyon.
Panatilihin nakikita ang SeaMeet window na checkbox — Kapag hindi naka-check (default), ini-minimize ng SeaMeet ang sarili bago kumuha upang hindi ito lumitaw sa screenshot. Kapag naka-check, nananatiling nakikita ang window at lalabas sa capture.
Take Screenshot button — Tina-trigger ang capture (pareho sa pag-click sa camera icon).

Layunin:

One-stop hub para sa lahat ng kailangan mo bago ka magsimulang kumuha
Nakikita at na-control ang estado ng Flashback nang hindi binubuksan ang Mga Setting
Malinis na pinaghihiwalay ang screenshot at pagre-rekord sa dalawang card

Estado 2: Paghahanda ng Pagre-rekord (Video Settings)

Kapag ipinapakita:

Kapag nag-click ka ng malaking pulang mic circle o "Simulan ang Pagre-rekord" CTA sa kaliwang panel ng Capture Hub

Ano ang nakikita mo:

┌─────────────────────────────────────────────────────────────┐
│  VIDEO SETTINGS MODAL                          [X Isara]    │
│                                                             │
│  Pumili ng recording mode:                                  │
│  ● Audio lamang    (walang screen capture)                  │
│  ○ Fullscreen      (buong display)                          │
│  ○ Window          (isang application window)               │
│  ○ Region          (custom na lugar)                        │
│                                                             │
│  Kalidad: [Original ▼]   Frame Rate: [30 fps ▼]            │
│                                                             │
│  [Simulan ang Pagre-rekord]                                 │
└─────────────────────────────────────────────────────────────┘

Layunin:

Pumili ng audio-only o partikular na video/screen recording mode
Iakma ang kalidad at frame rate bago magsimula

Estado 3: Aktibong Pagre-rekord

Kapag ipinapakita:

Habang isinasagawa ang pagre-rekord
Pagkatapos i-click ang Record button
Hanggang sa i-click mo ang Stop

Ano ang nakikita mo:

┌─────────────────────────────────────────────────────────────┐
│  PANGUNAHING LUGAR (Nagre-rekord)                          │
│                                                             │
│  🔴 NAGRE-REKORD                                            │
│                                                             │
│  Oras na Lumipas: 12:34                                     │
│                                                             │
│  ┌───────────────────────────────────────────────────────┐│
│  │                                                       ││
│  │         [Live Waveform Display]                       ││
│  │              ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄                      ││
│  │           ▄▄▄▀   ▀▄▄▄▀   ▀▄▄▄▄▀                     ││
│  │         ▄▄▀          ▀▄▄▄▄▀                         ││
│  │        Real-time na audio visualization               ││
│  │                                                       ││
│  └───────────────────────────────────────────────────────┘│
│                                                             │
│  Audio Level: ████████████░░ 85%                          │
│                                                             │
│  [⏸️ Pause]  [⏹️ Stop Recording]  [⏺️ Mark]               │
│                                                             │
└─────────────────────────────────────────────────────────────┘

Mga elemento:

Recording Indicator:

Pulang "RECORDING" text o indicator
Kumikislap na pulang tuldok (sa ilang bersyon)
Ipinapakita na aktibo ang pagre-rekord

Elapsed Timer:

Ipinapakita kung gaano katagal ka nagre-rekord
Format: HH:MM:SS o MM:SS
Nag-uupdate kada segundo

Waveform Display:

Real-time na visualization ng audio
Nagpapakita ng mga antas ng tunog habang nagre-rekord ka
Nakatulong na i-verify na nakukuha ang audio

Audio Level Meter:

Nagpapakita ng kasalukuyang input volume
Berde = Magandang antas
Dilaw = Nagiging malakas
Pula = Sobrang lakas (clipping/distortion)

Mga Control Button:

Pause (⏸️) - Pansamantalang itigil ang pagre-rekord (kung sinusuportahan)
Stop (⏹️) - Tapusin ang pagre-rekord at i-save
Mark (⏺️) - Magdagdag ng timestamp marker (kung available)

Estado 4: Pag-play

Kapag ipinapakita:

Kapag nagpapatugtog ng pagre-rekord
Pagkatapos pumili ng pagre-rekord at mag-click ng Play

Ano ang nakikita mo:

┌─────────────────────────────────────────────────────────────┐
│  PANGUNAHING LUGAR (Pag-play)                              │
│                                                             │
│  ┌───────────────────────────────────────────────────────┐│
│  │                                                       ││
│  │  [Video Display o Waveform Visualization]             ││
│  │                                                       ││
│  │  Para sa video: Ipinapakita ang nilalaman ng video    ││
│  │  Para sa audio: Ipinapakita ang waveform              ││
│  │                                                       ││
│  └───────────────────────────────────────────────────────┘│
│                                                             │
│  12:34 / 45:67                                     [🔊━━] │
│                                                             │
│  ┌───────────────────────────────────────────────────────┐│
│  │ ▓▓▓▓▓▓▓▓▓▓▓▓▓▓░░░░▓▓▓▓▓▓▓▓░░░░░░░░▓▓▓▓▓▓▓▓▓▓▓▓▓  ││
│  │         ▲                                             ││
│  │     Posisyon ng Playhead                              ││
│  └───────────────────────────────────────────────────────┘│
│                                                             │
│  [⏮️]  [⏸️]  [⏵️]  [⏹️]  [⏭️]     [1.0x]                │
│                                                             │
│  Q3 Budget Review - Team Meeting                            │
│  45:67 kabuuang tagal • Zoom • Audio + Video                │
│                                                             │
└─────────────────────────────────────────────────────────────┘

Detalyado sa: Kabanata 11 (Mga Tampok ng Pag-play)

Estado 5: Settings Panel

Kapag ipinapakita:

Kapag nag-click ka ng Settings button (⚙️)
Kapag nag-a-access ng mga opsyon sa configuration

Ano ang nakikita mo:

┌─────────────────────────────────────────────────────────────┐
│  PANGUNAHING LUGAR (Mga Setting)                           │
│                                                             │
│  MGA SETTING                              [X Isara]         │
│                                                             │
│  ┌──────────┬────────────────────────────────────────────┐│
│  │ General  │                                            ││
│  │ Audio    │  [Setting content dito]                    ││
│  │ Video    │                                            ││
│  │ Flashback│  • Opsyon 1                                ││
│  │ Auto-Rec │  • Opsyon 2                                ││
│  │ Storage  │  • Opsyon 3                                ││
│  │ Wika     │                                            ││
│  │ Shortcuts│                                            ││
│  └──────────┴────────────────────────────────────────────┘│
│                                                             │
│                                      [Kanselahin]  [I-apply]│
│                                                             │
└─────────────────────────────────────────────────────────────┘

Istruktura:

Kaliwang sidebar: Mga kategorya ng setting
Pangunahing lugar: Mga setting para sa napiling kategorya
Ibaba: Mga Cancel/Apply button

Mga Kategorya ng Setting:

General - Mga setting sa buong app
Audio - Mikropono, gain, mga device
Video - Kalidad, mode, frame rate
Flashback - Mga setting ng buffer, auto-start
Auto-Recording - Pagtuklas, mga pahintulot
Storage - Lokasyon ng pag-save, pamamahala ng file
Wika - Wika, tema, hitsura
Mga Shortcut - Configuration ng keyboard shortcut

Mga Visual Indicator at Status Icon

Sa buong SeaMeet, ang iba't ibang mga icon at kulay ay nagbibigay ng visual na feedback tungkol sa estado ng app.

Mga Indicator ng Status ng Pagre-rekord

Hindi Nagre-rekord:

Ang Record button ay nagpapakita ng 🔴 (pulang bilog)
Walang nakikitang timer
Normal na window title

Aktibong Pagre-rekord:

Ang Record button ay nagpapakita ng ⏹️ (parisukat)
Timer na nagpapakita ng oras na lumipas
Maaaring may pulang border o "RECORDING" na indicator
Maaaring magbago ang window title upang ipakita ang "[Recording]"

Naka-pause (kung sinusuportahan):

Naka-highlight ang Pause button
Naka-freeze ang timer
Nakikita ang "PAUSED" na indicator

Mga Indicator ng Status ng Flashback

OFF:

Kulay abuhin
"OFF" o walang indicator
Hindi gumagamit ng memory

FILLING:

Amber/Dilaw na kulay
Animated o tumatahip
Maaaring ipakita ang porsyento (hal., "FILLING 60%")
Maghintay ng berde bago umasa dito

READY:

Berdeng kulay
Matatag na indicator
Ipinapakita ang tagal (hal., "30S")
Handa na kumuha ng mga nakaraang sandali

Mga Indicator ng Audio Level

Habang Nagre-rekord:

Magandang Antas (Berde):

Audio: ████████████░░ 70%

Pare-parehong mga berdeng bar
Halos 60-80% ay perpekto

Masyadong Tahimik (Mababa):

Audio: ███░░░░░░░░░░ 20%

Halos walang mga bar
Itaas ang microphone gain
Lumapit sa mikropono

Masyadong Malakas (Pula):

Audio: ██████████████ 100% ⚠️

Maxed out na mga bar
Maaaring nag-disto
Babaan ang gain o umatras

Mga Notification Toast

Maaaring magpakita ang SeaMeet ng mga pansamantalang mensahe ng notification:

Tagumpay:

┌─────────────────────────┐
│ ✅ Nai-save ang pagre-rekord│
│ File: Meeting_2024.webm │
└─────────────────────────┘

Babala:

┌─────────────────────────┐
│ ⚠️ Mababang espasyo sa disk│
│ 500 MB ang natitira     │
└─────────────────────────┘

Error:

┌─────────────────────────┐
│ ❌ Nabigo ang pagre-rekord│
│ Suriin ang mic access   │
└─────────────────────────┘

Info:

┌─────────────────────────┐
│ ℹ️ Handa ang Flashback   │
│ 30 segundong buffer aktibo│
└─────────────────────────┘

Pag-resize at mga Pag-akma ng Layout

Inaakma ng interface ng SeaMeet ang iba't ibang laki ng window.

Standard na Laki ng Window

Optimal na laki:

Lapad: 1000-1400 pixel
Taas: 700-900 pixel
Lahat ng mga elemento ay nakikita at naa-access

Makitid na Window (Naka-collapse na Sidebar)

Kapag makitid ang window:

Maaaring mag-collapse ang sidebar o maging dropdown
Mas maraming espasyo ang kinukuha ng pangunahing nilalaman
Maaaring lumipat ang ilang mga kontrol sa mga menu

Malawak na Window (Pinalawak na View)

Kapag malawak ang window:

Maaaring lumawak ang sidebar
Mas maraming nakikitang mga recording card
Mas malaki ang player area para sa video

Fullscreen Mode

Available para sa:

Pag-play ng video (F key o button)
Ilang mga setting panel
Presentation mode

Paano i-toggle:

Enter: F key o double-click ang video
Exit: ESC key o F key muli

Interface Customization (Kung Magagamit)

Ang ilang bersyon ng SeaMeet ay nagbibigay-daan sa interface customization.

Mga Setting ng Tema

Light Mode:

Puti/light gray na background
Madilim na teksto
Standard para sa araw

Dark Mode:

Madilim na gray/itim na background
Magaan na teksto
Mas madali sa mata sa mababang ilaw
Maaaring mag-save ng baterya sa mga OLED screen

Paano baguhin:

Mga Setting → Wika at Hitsura
Piliin ang "Light" o "Dark"
O "Auto" upang sundin ang setting ng sistema

Lapad ng Sidebar (Kung Maaaring Iakma)

Paano i-resize:

Hanapin ang gilid sa pagitan ng sidebar at pangunahing lugar
Nagbabago ang cursor sa resize cursor (↔️)
I-drag pakaliwa o pakanan
Bitawan upang itakda ang bagong lapad

Mga Tip sa Pag-navigate ng Interface

Mabilisang Pag-ikot

1. Gumamit ng mga keyboard shortcut

Mas mabilis kaysa sa mouse para sa mga karaniwang aksyon
Space para sa play/pause
Mga arrow para sa navigation
Tingnan ang Kabanata 15 para sa buong listahan

2. Right-click para sa mga context menu

May mga right-click menu ang mga pagre-rekord
Mabilisang pag-access sa mga karaniwang aksyon
Iba't ibang opsyon sa iba't ibang lugar

3. Hanapin ang mga hover tooltip

Mag-hover sa mga button upang makita kung ano ang ginagawa nila
Lalong nakatulong para sa mga icon-only na button
Ipinapakita ang mga keyboard shortcut kung available

4. Gamitin ang search box

Pinakamabilis na paraan upang makahanap ng mga pagre-rekord
Gumagana sa real-time
Naghahanap ng mga pangalan at pinagmulan

Pag-unawa sa Visual Feedback

May ibig sabihin ang mga kulay:

Pula: Pagre-rekord, error, stop
Berde: Handa, tagumpay, aktibo
Dilaw/Amber: Babala, pumupuno, ingat
Gray: Naka-disable, hindi aktibo, off
Asul: Impormasyon, mga link, pagpili

May ibig sabihin ang animation:

Tumatahip: Naglo-load, pumupuno, isinasagawa
Static: Handa, kumpleto, matatag
Kumikislap: Apurahan, kinakailangan ng atensyon

Lite vs Full Mode

Ang SeaMeet ay sumusumpa sa dalawang interface mode. Pareho silang nagbabahagi ng parehong recording engine, parehong mga file sa disk, at parehong tray icon — ngunit naglalantad sila ng ibang dami ng UI.

Pagpili ng Mode

Sa isang malinis na unang paglulunsad, nagpapakita ang SeaMeet ng isang mode picker na nagtatanong kung anong karanasan ang gusto mo. Ang mga umiiral na v2.x na user na nag-upgrade ay tahimik na inilipat sa Full mode (kaya walang biswal na nagbabago), ngunit ang lahat ay maaaring lumipat sa ibang pagkakataon mula sa Mga Setting.

Ang napiling mode ay pinananatili bilang appMode: 'full' | 'lite' sa iyong mga setting ng UI. Ang paglipat ng mga mode habang may pagre-rekord na isinasagawa ay pinipigilan hanggang sa matapos ang pagre-rekord upang hindi ka mawalan ng capture; ang Settings modal ay agad na isinasara upang makita ang "Saving…" spinner sa panahon ng paghihintay.

Full Mode (Default)

Ito ang kabanata na binabasa mo hanggang ngayon — sidebar + Capture Hub + pangunahing lugar ng nilalaman, lahat ng mga estado (Pagre-rekord, Pag-play, Mga Setting) na saklaw sa mga seksyon sa itaas. Kasama sa Full mode ang:

Ang Capture Hub na may Flashback at mga kontrol ng screenshot
Ang kumpletong sidebar na may mga recording card, paghahanap, sort at filter
Notes at Wiki (tingnan ang Kab 16–17)
Media Library (Kab 10)
Lahat ng mga kategorya ng setting (Kab 18+)
Mga lokal-muna na workspace (tingnan ang "Mga Workspace" sa ibaba)

Gamitin ang Full mode kapag ang SeaMeet ay iyong pangunahing recording surface at gusto mo ng mga note, wiki, agent, at pamamahala ng library sa isang window.

Lite Mode

Ang Lite mode ay isang mas maliit na surface area na nakasentro sa system tray at sa isang cloud-backed na listahan ng meeting. Walang sidebar, walang notes view, walang wiki, walang Capture Hub — ang mga pagre-rekord ay sinisimulan mula sa tray (o auto-detect, o hotkey), at ang mga natapos na pagre-rekord ay isinasama bilang mga meeting card kapag na-upload na ng post-meeting summary pipeline ang mga ito sa iyong SeaMeet workspace.

Ang isang tipikal na Lite window ay ganito ang hitsura:

┌─────────────────────────────────────────────────────────────┐
│  [Acme Sales ▼]                  [🔍] [⚙ Mga Setting]      │   ← workspace header
├─────────────────────────────────────────────────────────────┤
│  Huwebes, Hunyo 4                                          │
│                                                             │
│  3 na meeting, 2h 14m ngayong linggo                       │
│                                                             │
│  ┌─────────────────────────────────────────────────────────┐│
│  │ Q3 Pipeline Review — Ngayon, 10:00       [Buksan]      ││
│  │ Discovery: Northwind — Kahapon, 14:30    [Buksan]      ││
│  │ Internal sync — Lun, 09:00               [Buksan]      ││
│  └─────────────────────────────────────────────────────────┘│
└─────────────────────────────────────────────────────────────┘

Ano ang iba mula sa Full mode:

Surface	Full	Lite
Sidebar na may mga recording card	oo	hindi — pinalitan ng cloud meetings list
Capture Hub (two-panel)	oo	hindi — nagsisimula ang pagre-rekord mula sa tray / hotkey
Mga view ng Notes at Wiki	oo	hindi
Media Library	oo	hindi
Workspace header sa itaas	sa mga dedikadong view lamang	palaging nakikita
System tray	oo	oo (na may workspace header row)
Auto-Detect toast	oo	oo
Permissions onboarding	oo	oo
Settings panel	buong listahan ng kategorya	naka-scope na "Lite Settings" modal

Workspace header sa Lite:

Ang itaas ng Lite window ay isang workspace switcher (isang button na nagpapakita ng aktibong pangalan ng workspace na may avatar at chevron). Ang pag-click dito ay nagbubukas ng dropdown ng bawat workspace na maa-access mo sa SeaMeet cloud. Ang pagpili ng ibang workspace:

Ay nagpapanatili ng bagong workspace ID nang lokal
Nagre-refresh ng listahan ng meeting
Itinutulak ang bagong pangalan ng workspace sa tray menu upang ang isang tray-started na pagre-rekord ay napupunta rin sa tamang lugar
Nire-reset ang pagination sa pahina 1

Ang pag-sign out ay nag-cclear ng workspace header ng tray (traySetWorkspaceDisplay(null, null)) upang hindi magsinungaling ang menu tungkol sa isang workspace na wala ka nang access.

Pag-rekord sa Lite:

I-click ang tray icon at piliin ang Mag-rekord ng audio / fullscreen / region — o gumamit ng global hotkey
Ang Lite Recording View ay kinukuha ang pangunahing window na may live waveform, timer, at iisang Stop control
Kapag huminto ka, ang file ay nai-save nang lokal at na-upload sa iyong SeaMeet workspace para sa transkripsiyon at summarization
Kapag natapos ang cloud pipeline, lumalabas ang meeting card sa listahan

Gamitin ang Lite mode kapag ang SeaMeet ay isang background recorder na nagpapakain sa SeaMeet cloud — gusto mo ang tray na gawin ang trabaho at isang malinis na listahan ng mga meeting na susuriin.

Paglipat sa Pagitan ng mga Mode

Buksan ang Mga Setting (sa alinmang mode), hanapin ang aksyon na "Switch to Full / Lite mode", at kumpirmahin. Ini-drain ng SeaMeet ang anumang isinasagawang pagre-rekord, pagkatapos ay muling ilo-launch ang renderer sa ibang mode. Nakakaligtas ng switch ang iyong mga file, workspace, setting, at tray icon.

Mga Workspace

Ang SeaMeet ay may dalawang magkaibang konsepto ng workspace na may parehong pangalan ngunit naninirahan sa iba't ibang lugar. Ang pag-unawa kung alin ay alin ay umiiwas sa kalituhan.

Mga Lokal na Workspace (Full Mode)

Sa Full mode, ang workspace ay isang Obsidian-style vault — isang folder sa disk na nagtataglay ng iyong mga note, ng iyong nabuong wiki, at (bilang default) ng iyong mga pagre-rekord. Pag-aari ng WorkspaceManager sa pangunahing proseso:

Isang registry ng mga workspace ({ id, name, path, isDefault? }[]) na pinananatili sa iyong settings file
Ang aktibong workspace ID (isa lang ang aktibo sa isang pagkakataon)
Isang chokidar file watcher sa path ng aktibong workspace, na may polling na awtomatikong pinagana para sa mga external volume at network mount (hal. macOS /Volumes/, Google Drive's ~/Library/CloudStorage/GoogleDrive-<email>/…) kung saan ang FSEvents ay hindi maaasahang gumana
Per-workspace state (huling binuksan na note, mga kamakailang file, atbp.) sa ilalim ng userData/workspace-state/<id>.json

Sa unang paglulunsad, kung walang nakarehistrong workspace, awtomatikong gumagawa ang SeaMeet ng isang Default na workspace na nakaturo sa iyong save directory. Ang pangalang "Default" ay nai-lokalize sa lahat ng 23 wika.

Ang Workspace Switcher (Sidebar Header):

Ang parehong Notes view (Kab 16) at ang Wiki view (Kab 17) ay nagre-render ng <WorkspaceSwitcher> sa itaas ng file tree:

┌──────────────────────────────────┐
│ [🅰] Acme Vault            ⌄    │   ← aktibong workspace
├──────────────────────────────────┤
│ Mga Workspace                    │
│  ✓ Acme Vault     ~/Notes/Acme  │
│    Personal      ~/Notes/Personal│
│    Side Project  ~/Code/Side    │
├──────────────────────────────────┤
│ + Magdagdag ng workspace…        │
└──────────────────────────────────┘

I-click ang aktibong row upang buksan ang dropdown
I-click ang anumang iba pang workspace upang lumipat dito — ang file watcher ay tinatanggal, ang path ng bagong workspace ay nakakabit, ang Notes at Wiki ay nagre-refresh, at ang per-workspace state ay naibabalik
Magdagdag ng workspace… ay nagbubukas ng katutubong folder picker upang makarehistro ka ng anumang direktoryo bilang isang vault (sinusuri ang pagiging natatangi — tinatanggihan ang pagrerehistro ng parehong path nang dalawang beses)
Alisin (×) sa isang row ay nag-aalis lang ng entry ng SeaMeet; hindi hinahawakan ang mga file sa disk. Hindi mo maaaring alisin ang huling workspace.
Maaaring magpakita ang bawat row ng cloud badge (Dropbox, iCloud, OneDrive, Google Drive) at isang git remote badge kapag nakikita ng sync detection ang mga ito

Ang paglipat ng mga workspace ay serialized: kung may switch na isinasagawa, hinihintay ng susunod na isa na matapos ito upang hindi mawalan ng updated na path ang NotesManager / WikiManager.

Mga Cloud Workspace (Lite Mode)

Sa Lite mode (at sa cloud-enabled na Full builds), ibig sabihin ng workspace ay isang ibang bagay: isang team workspace sa SeaMeet cloud. Ang <WorkspacePicker> component ay kumukuha ng iyong maa-access na mga workspace sa pamamagitan ng SeaMeet API at pinapanatili ang napili para sa pag-route ng upload.

Pinagagana ng mga cloud workspace ang:

Kung aling workspace ang ino-upload ng bagong pagre-rekord
Kung aling mga meeting ng workspace ang lumalabas sa Lite meetings list
Ang workspace header row sa tray menu (upang makita mo sa isang sulyap kung saan mapupunta ang susunod na tray-started na pagre-rekord)

Ang cloud picker ay nag-fi-filter ng mga workspace kung saan ang iyong my_status ay INACTIVE. Sa unang pag-sign in, kung ang iyong dating napiling workspace ay wala sa ibinalik na listahan (nawala mo ang membership, schema drift, atbp.), ang picker ay awtomatikong pumipili ng unang magagamit na workspace at pinapanatili iyon — upang ang menu ay hindi kailanman maipit sa isang hindi maa-access na ID.

Pareho nang Sabay-Sabay

Sa isang cloud-enabled na Full build, maaari kang magkaroon ng dalawa uri ng workspace na napili nang sabay-sabay: isang lokal na vault na naghahawak ng iyong mga note at isang SeaMeet cloud workspace na tumatanggap ng iyong mga upload. Sila ay nakapag-iisa — ang paglipat ng isa ay hindi nililipat ang isa pa.

Mabilisang Sanggunian: Mga Elemento ng Interface

┌─────────────────────────────────────────────────────────────┐
│         MABILISANG SANGGUNIAN NG PANGUNAHING INTERFACE      │
├─────────────────────────────────────────────────────────────┤
│                                                             │
│  TOP BAR:                                                  │
│  [☰] - Navigation toggle (nag-collapse/nagpapalawak ng sidebar)│
│  [👤] - Account menu → Mga Setting, Sign in/out, Help     │
│                                                             │
│  SIDEBAR:                                                  │
│  [🔍 Hanapin] - Hanapin ang mga pagre-rekord nang mabilis │
│  [📂 Buksan ang Folder] - Buksan ang save folder         │
│  [Mga Recording Card] - Iyong library                     │
│  ├─ Icon: Uri (🎤 audio, 🎥 video, 📷 screenshot)         │
│  ├─ Pangalan: Pamagat ng pagre-rekord                    │
│  ├─ Tagal: Haba                                           │
│  ├─ Oras: Kailan nai-record                               │
│  └─ Pinagmulan: Origin app                                │
│                                                             │
│  PANGUNAHING LUGAR (nagbabago batay sa estado):           │
│  • Idle → Capture Hub (two-panel: Pagre-rekord + Screenshot)│
│    └─ KALIWA: Flashback toggle, malaking mic, Auto-Detect,│
│             context area, Simulan Pagre-rekord CTA        │
│    └─ KANAN: Camera icon, Full/Area toggle, Panatilihin   │
│              nakikita ang window checkbox, Take Screenshot│
│  • Pagre-rekord: Timer + waveform + mga kontrol           │
│  • Pag-play: Video/waveform + timeline + mga kontrol      │
│                                                             │
│  CAPTURE HUB — MGA ESTADO NG FLASHBACK:                   │
│  • ⚫ Gray ring = Flashback OFF                            │
│  • ⚡ Amber = Flashback arming (pumupuno ang buffer)      │
│  • ⚡ Berde = Flashback handa (maaaring kumuha ng nakaraan)│
│                                                             │
│  MGA TIP NG LAYOUT:                                       │
│  • I-resize ang window: I-drag ang mga gilid              │
│  • Fullscreen video: Pindutin ang F sa panahon ng playback│
│  • Hanapin: Gamitin ang 🔍 box para sa mabilisang paghahanap│
│                                                             │
└─────────────────────────────────────────────────────────────┘

Huling na-update: 2026-06-04 Bahagi ng Manwal ng Gumagamit ng SeaMeet Nakaraan: Kabanata 12 - Pag-import ng mga File Susunod: Kabanata 14 - Ang Floater

Ang Pangunahing Interface - Kumpletong Tour ng UI ng SeaMeet

Kabanata 13: Ang Pangunahing Interface - Kumpletong Tour ng UI ng SeaMeet

Ang Window Layout: Malaking Larawan

Ang Tatlong Pangunahing Zone

Zone 1: Ang Top Navigation Bar

Layout ng Top Bar

Navigation Toggle (☰)

Account / User Menu (👤)

Record Button (🔴)

System Tray

Bakit Nananatiling Buhay ang Tray

Ang Tray Icon

Tray Menu (Idle State)

Tray Menu (Habang Nagre-rekord)

Mga Lokal na Label

Zone 2: Ang Sidebar (Listahan ng Pagre-rekord)

Layout ng Sidebar

Search Box

Mga Recording Card

Compact View

Expanded View

Ipinaliwanag ang mga Icon ng Recording Card

Mga Kontrol sa Pag-sort at Pag-filter

Zone 3: Ang Pangunahing Lugar ng Nilalaman

Estado 1: Capture Hub (Idle / Handa Mag-rekord)

Kaliwang Panel — Simulan ang Pagre-rekord

Kanang Panel — Kumuha ng Screenshot

Estado 2: Paghahanda ng Pagre-rekord (Video Settings)

Estado 3: Aktibong Pagre-rekord

Estado 4: Pag-play

Estado 5: Settings Panel

Mga Visual Indicator at Status Icon

Mga Indicator ng Status ng Pagre-rekord

Mga Indicator ng Status ng Flashback

Mga Indicator ng Audio Level

Mga Notification Toast

Pag-resize at mga Pag-akma ng Layout

Standard na Laki ng Window

Makitid na Window (Naka-collapse na Sidebar)

Malawak na Window (Pinalawak na View)

Fullscreen Mode

Interface Customization (Kung Magagamit)

Mga Setting ng Tema

Lapad ng Sidebar (Kung Maaaring Iakma)

Mga Tip sa Pag-navigate ng Interface

Mabilisang Pag-ikot

Pag-unawa sa Visual Feedback

Lite vs Full Mode

Pagpili ng Mode

Full Mode (Default)

Lite Mode

Paglipat sa Pagitan ng mga Mode

Mga Workspace

Mga Lokal na Workspace (Full Mode)

Mga Cloud Workspace (Lite Mode)

Pareho nang Sabay-Sabay

Mabilisang Sanggunian: Mga Elemento ng Interface