diff --git a/.github/workflows/pages.yml b/.github/workflows/pages.yml index 0747f9f..ec16e2b 100644 --- a/.github/workflows/pages.yml +++ b/.github/workflows/pages.yml @@ -41,7 +41,7 @@ jobs: fi # Current, audited product captures and accessible trailer captions. - for asset in docs/menu-navigation-*.png docs/widget-showcase.png docs/loom-2.0-poster.png docs/loom-2.0-notifications.png docs/loom-2.0-captions.vtt; do + for asset in docs/menu-navigation-*.png docs/loom-2.0-desktop-*.png docs/widget-showcase.png docs/loom-2.0-poster.png docs/loom-2.0-notifications.png docs/loom-2.0-captions.vtt; do test -s "$asset" cp "$asset" site/docs/ done diff --git a/README.md b/README.md index 0021919..15ebe48 100644 --- a/README.md +++ b/README.md @@ -30,7 +30,7 @@ Loom includes signed updates through Sparkle. Check for updates from the Loom me The Sessions view brings agent activity into one place. Waiting and failed sessions are surfaced first, followed by working and idle sessions; recent sessions can be collapsed. -

Loom 2.0 Sessions view with session states, provider filters, search, and activity filters

+

Loom 2.0 Sessions view with session states, provider filters, search, and activity filters

Search by repository, branch, or host app, then filter by attention, working, or recent activity. Available actions include focusing the host app, copying process or session details, and revealing a workspace in Finder. @@ -42,7 +42,7 @@ Loom supports session discovery for **OpenAI Codex**, **Google Antigravity**, an For Codex and Antigravity, Loom can show quota data available through their local interfaces and send threshold or reset notifications. Quota alerts support **15%** and **5%** thresholds. Claude Code does not expose quota through its upstream local interface. Quota readings are observations and may be unavailable when a provider cannot be reached. -

Loom 2.0 Usage view showing observed provider quota and reset information

+

Loom 2.0 Usage view showing observed provider quota and reset information

Notifications can cover observed quota thresholds and session state changes. Finished alerts can be set to require a minimum observed working duration; Loom measures that duration while it is monitoring. Notification preferences and macOS permission choices are respected. Test-notification controls are available only in Debug builds. @@ -52,7 +52,7 @@ Notifications can cover observed quota thresholds and session state changes. Fin Inspect local agent data with on-demand, read-only storage scans and per-folder breakdowns. -

Loom 2.0 Storage view showing local storage usage

+

Loom 2.0 Storage view showing local storage usage

## Widgets @@ -63,7 +63,7 @@ Loom includes Sessions, Quotas, and Overview widgets for the desktop and Notific
Widget previews use illustrative, privacy-safe demo data.

-The session, usage, storage, widget, and notification screenshots on this page show the current 2.0 interface; session, quota, and storage values shown are illustrative demo data. +The Sessions, Usage and Storage images are the original individual-window captures from the 2.0 video; click them to see the original desktop captures with native Liquid Glass. Widget previews and notification captures also show the current 2.0 interface; session, quota, and storage values shown are illustrative demo data. See [widget setup and verification](docs/WIDGETS.md) and [interface and storage details](docs/INTERFACE_AND_STORAGE.md). diff --git a/docs/DEMO_MEDIA.md b/docs/DEMO_MEDIA.md index 1e961bc..63ca47c 100644 --- a/docs/DEMO_MEDIA.md +++ b/docs/DEMO_MEDIA.md @@ -34,3 +34,5 @@ Notification banners are genuine user-provided macOS captures from 24 October 20 ## Website and README captures The current Sessions, Usage, Storage and widget images are the same audited native 2.0 captures used in the trailer. The [notification examples](loom-2.0-notifications.png) are genuine macOS banners captured from the explicit demo scenarios; their values are illustrative. The website includes an optional [English caption track](loom-2.0-captions.vtt). The film already contains visible subtitles, so this extra track is off by default to avoid duplicate text. + +The website Sessions, Usage and Storage visuals now use the user's full-desktop captures from the approved video (`loom-2.0-desktop-*.png`). CSS crops the surrounding desktop for readability while preserving its original wallpaper and native Liquid Glass; opening the image shows the untouched 1920×1080 source. No interface, wallpaper, values or translucency is reconstructed. diff --git a/docs/loom-2.0-desktop-sessions.png b/docs/loom-2.0-desktop-sessions.png new file mode 100644 index 0000000..06a4ae0 Binary files /dev/null and b/docs/loom-2.0-desktop-sessions.png differ diff --git a/docs/loom-2.0-desktop-storage.png b/docs/loom-2.0-desktop-storage.png new file mode 100644 index 0000000..0c937e3 Binary files /dev/null and b/docs/loom-2.0-desktop-storage.png differ diff --git a/docs/loom-2.0-desktop-usage.png b/docs/loom-2.0-desktop-usage.png new file mode 100644 index 0000000..4af6854 Binary files /dev/null and b/docs/loom-2.0-desktop-usage.png differ diff --git a/docs/loom-2.0-window-sessions.png b/docs/loom-2.0-window-sessions.png new file mode 100644 index 0000000..f44349f Binary files /dev/null and b/docs/loom-2.0-window-sessions.png differ diff --git a/docs/loom-2.0-window-storage.png b/docs/loom-2.0-window-storage.png new file mode 100644 index 0000000..91aea26 Binary files /dev/null and b/docs/loom-2.0-window-storage.png differ diff --git a/docs/loom-2.0-window-usage.png b/docs/loom-2.0-window-usage.png new file mode 100644 index 0000000..7384e50 Binary files /dev/null and b/docs/loom-2.0-window-usage.png differ diff --git a/pages/index.html b/pages/index.html index 9e13fc1..1b8b86f 100644 --- a/pages/index.html +++ b/pages/index.html @@ -3,6 +3,8 @@ + + Loom for macOS — Local AI Coding Agent Monitor @@ -40,8 +42,8 @@

Your agents,

-Loom 2.0 Sessions view with provider filters, search, working and idle sessions, and discovery diagnostics. -
Native macOS. Now with Liquid Glass.Click to explore
+User-captured Loom 2.0 Liquid Glass Sessions popover over the macOS desktop, with waiting, failed and active demo sessions. +
Your Mac. Genuine Liquid Glass.Open full capture

Genuine app captures. Illustrative, privacy-safe session, quota, and storage data throughout.

@@ -60,15 +62,15 @@

Your agents,

Made for the way you work

A clear view.
A quieter workflow.

01 / Sessions

Know what needs you.

Working, waiting, idle, or needing attention. Bring your local coding sessions together, with the ones that need you first.

Search by repository, branch, or host app. Focus the app, reveal a workspace in Finder, or inspect discovery diagnostics when the evidence needs a closer look.

What's new in 2.0
-
Sessions organized by provider and activity, with search and expandable discovery diagnostics.
Real app interface · illustrative sessions
+
User-captured Loom 2.0 Liquid Glass Sessions popover over the macOS desktop, with waiting, failed and active demo sessions.
Your desktop capture · illustrative sessions
-
Loom Usage view showing observed remaining quota, reset windows, and provider availability.
Observed quotas · illustrative values
+
Loom Usage view showing observed remaining quota, reset windows, and provider availability.
Observed quotas · illustrative values

02 / Quotas & notifications

A heads-up.
Before the limit.

See observed quota and reset windows for Codex and Antigravity. Get a warning below 15%, a critical alert below 5%, and a reset notification when fresh observations confirm replenishment.

Session alerts can tell you when attention is needed or work finishes. Finished alerts default to at least five minutes of working time observed by Loom.

Native macOS Codex and Antigravity demo quota warnings at 12% and 8% remaining.
Genuine macOS notifications · demo scenarios

Availability depends on each provider's local interface. Claude Code does not expose quota locally.

03 / Local storage

See what adds up.

Get a clear breakdown of local agent storage, without digging through hidden folders. Configure local scans in Settings and see the details in Loom's Storage view.

Interface & storage guide
-
Loom Storage view breaking down local agent data by provider.
Local storage overview · illustrative data
+
Loom Storage view breaking down local agent data by provider.
Local storage overview · illustrative data
@@ -83,6 +85,6 @@

Your agents,

Make room for clarity

Meet your
menu bar's
new thread.

Loom app icon

Download Loom 2.0 for Apple Silicon.
Requires macOS 14 or later.

Download Loom

Open the disk image and drag Loom into Applications. Signed updates are built in.

Release assets & checksums ↗Release notes ↗

Liquid Glass on macOS 26. Native system-material fallbacks on earlier supported versions.

-

Open full image ↗ +

Open full image ↗ diff --git a/pages/style.css b/pages/style.css index 9599ee2..9a8b07e 100644 --- a/pages/style.css +++ b/pages/style.css @@ -1,12 +1,13 @@ :root { - --paper:#f4f1ea; - --ink:#14110d; - --muted:#655f57; - --rule:rgba(20,17,13,.14); - --accent:#b53e26; + --paper:#101113; + --ink:#f1f1f3; + --muted:#adaeb5; + --rule:rgba(241,241,243,.15); + --accent:#ff9c7c; --gutter:24px; --margin:clamp(20px,5vw,120px); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; + color-scheme:dark; color:var(--ink); background:var(--paper); font-size:18px; @@ -240,7 +241,7 @@ h1 { .hero-product img { width:100%; border-radius:24px; - box-shadow:0 24px 48px rgba(20,17,13,.16) + box-shadow:0 24px 48px rgba(0,0,0,.45) } .image-link { display:block; @@ -294,7 +295,7 @@ h1 { width:100%; height:auto; aspect-ratio:16/9; - background:var(--ink); + background:#08090a; border-radius:8px } .film-player figcaption { @@ -570,7 +571,7 @@ dialog { overflow:auto } dialog::backdrop { - background:rgba(20,17,13,.8) + background:rgba(0,0,0,.8) } dialog img { max-height:72vh; @@ -854,3 +855,28 @@ thead th { } } + +/* User-supplied desktop captures retain the original wallpaper and native glass. + Presentation crops leave the source screenshots intact for full-size viewing. */ +.desktop-capture { + display:block; + position:relative; + overflow:hidden; + width:100%; + aspect-ratio:500/980; + border-radius:16px; + background:#102535; +} +.desktop-capture img { + position:absolute; + top:0; + left:-236%; + width:384%; + max-width:none; + height:auto; + border-radius:0; + box-shadow:none; +} +.hero-product { width:100%; max-width:400px; justify-self:end } +.capture-usage { aspect-ratio:500/740 } +.capture-storage { aspect-ratio:500/460 } diff --git a/scripts/verify-pages-staging.sh b/scripts/verify-pages-staging.sh index 92f3610..d64208f 100755 --- a/scripts/verify-pages-staging.sh +++ b/scripts/verify-pages-staging.sh @@ -144,7 +144,7 @@ mkdir -p "${SIM_DIR}" # Stage files into SIM_DIR/site mkdir -p "${SIM_DIR}/site/docs" "${SIM_DIR}/site/Resources" cp -R pages/. "${SIM_DIR}/site/" - for asset in docs/menu-navigation-*.png docs/widget-showcase.png docs/loom-2.0-poster.png docs/loom-2.0-notifications.png docs/loom-2.0-captions.vtt; do + for asset in docs/menu-navigation-*.png docs/loom-2.0-desktop-*.png docs/widget-showcase.png docs/loom-2.0-poster.png docs/loom-2.0-notifications.png docs/loom-2.0-captions.vtt; do cp "$asset" "${SIM_DIR}/site/docs/" done [[ -f Resources/LoomIconMaster.png ]] && cp Resources/LoomIconMaster.png "${SIM_DIR}/site/Resources/"