interlatch 0.28.4__tar.gz → 0.28.6__tar.gz

{interlatch-0.28.4 → interlatch-0.28.6}/CHANGELOG.md

@@ -3,6 +3,18 @@
 <!-- Don't add lines here: a pull request puts its line in a new file in changelog.d/ (see changelog.d/README.md),
      and each release moves the files it took into a dated section below. -->
 
+## 0.28.5 (2026-10-20)
+
+- **Settings › Hubs shows each hub's projects and sharing right under it**, on one page, instead of a page per hub
+  ([Several hubs on one computer](docs/profiles.md)).
+
+## 0.28.4 (2026-10-20)
+
+- **Every hub has the same page.** Settings › Hubs lists each hub, Personal's too, and each one opens a page of its own
+  with how sending goes, **Projects on the hub** (join a project with a folder here, add or remove a folder, leave or
+  rejoin) and what this computer shares with it. Settings › Devices is about this computer and your phone again
+  ([Several hubs on one computer](docs/profiles.md)).
+
 ## 0.28.3 (2026-10-20)
 
 - **Settings › Hubs.** Each hub this computer sends to has its own card: whether sending works, the last share,

{interlatch-0.28.4 → interlatch-0.28.6}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.5
 Name: interlatch
-Version: 0.28.4
+Version: 0.28.6
 Summary: Shared memory for your coding agents: records every session (Claude Code, Codex, Copilot, Bob, Antigravity, OpenCode) locally and keeps what they learned, each lesson linked to the session it came from.
 Project-URL: Homepage, https://interlatch.com
 Project-URL: Documentation, https://interlatch.com/docs/

interlatch-0.28.6/changelog.d/hubs-tabs.md

@@ -0,0 +1,2 @@
+- **Hubs page, tidier:** **Settings › Hubs** has a tab for each hub and one to add a hub. A hub's tab fits on one
+  screen: how sending goes and its buttons on top, then its projects beside what this computer shares with it.

{interlatch-0.28.4 → interlatch-0.28.6}/docs/devices.md

@@ -93,7 +93,7 @@ matching project of its own:
    already on the hub: they move with their knowledge, and both projects' knowledge bases are rebuilt. The more
    specific match wins, so a repository inside the folder whose git remote the hub knows still follows its remote. A
    folder inside a repository the hub files under another project is refused, because a repository belongs to one
-   project. `interlatch hub folders` shows what goes where. **Settings › Hubs › (the hub) › Projects on the hub** does the same
+   project. `interlatch hub folders` shows what goes where. **Settings › Hubs › (the hub) › Projects** does the same
    from the dashboard: **Join a project** picks one of the hub's projects and a folder here. To take back a folder
    added by mistake, see [Leaving](#leaving). The hub's **Team › Computers** lists the folders each computer added.
    On this computer's **Projects** page and sidebar, the hub's projects that folders here go to come first, under
@@ -126,7 +126,7 @@ projects there from its next push, as if you had added each of their folders to
   above. A project recorded on another computer (such as `server:/root/app`) can't go from here.
 
 The project must already be on the hub (a member's computer can't make one), and the choice is made on this computer
-itself, not from another device. **Settings › Hubs › (the hub) › Projects on the hub** shows the group under that project, and
+itself, not from another device. **Settings › Hubs › (the hub) › Projects** shows the group under that project, and
 the Projects page and sidebar list the group's projects under that project as well as in the group.
 
 ### What is sent
@@ -169,7 +169,7 @@ It does that only for sessions the hub files under one of its projects: those in
 computer, and its push counts them as "kept here". A hub that has never run a session in a repository itself doesn't
 know its remote, as with a hub in Docker or on a server, so add your folder for each project there. To share
 sessions from every folder, join with `--all-folders`, run `interlatch config set hub.all_folders true`, or choose
-**Every folder** under **Settings › Hubs › (the hub) › What this computer sends**.
+**Every folder** under **Settings › Hubs › (the hub) › What this computer shares**.
 
 Prompts, shell commands, file paths, transcripts and lessons about you (global ones and preferences) never leave
 the computer. Sessions from GitHub Copilot, IBM Bob, Google Antigravity and OpenCode are shared too; imported chats are not.
@@ -242,7 +242,8 @@ unless the connection works, the password is never shown again, and only an admi
   kept read-only in its own database, under its own folder for that repository, where its MCP tools answer with them
   (marked as teammates') and the start-of-session notes list them under **From teammates' sessions**. Its dashboard
   shows them on project pages and in **All knowledge**, marked **from** the computers whose sessions stated them;
-  the source **From teammates** there lists only them, and **Read them** in **Settings › Hubs** opens that list.
+  the source **From teammates** there lists only them, and the **teammates' lessons** count in **Settings › Hubs**
+  opens that list.
   Lessons it stated itself are not sent back. One it dismisses stays dismissed; one the team no longer has disappears.
   `interlatch hub status` and its **Settings › Hubs** show how many it holds; **Share now** there
   pushes at once.
@@ -257,7 +258,7 @@ Not yet: of the sessions the hub analyzes itself, only its own sessions in a pro
 ### Leaving
 
 A computer that shares knowledge can leave one of the hub's projects and stay in the others. In **Settings ›
-Devices › Projects on the hub**, each project has these buttons:
+Hubs › (the hub) › Projects**, each project has these buttons:
 
 - **Leave**: this computer stops sharing its sessions there and stops getting the project's teammates' lessons.
   What it already shared stays on the hub, in the project, for the team. **Rejoin** undoes it. On the command line:
@@ -269,7 +270,7 @@ Devices › Projects on the hub**, each project has these buttons:
   command line: `interlatch hub remove-folder <folder>`. A computer that sends transcripts keeps them on the hub: the
   hub files them by their git remote or their own folder again.
 
-`interlatch hub leave`, or **Leave the hub…** in **Settings › Hubs**, makes the computer record and analyze its own
+`interlatch hub leave`, or **Leave…** in **Settings › Hubs**, makes the computer record and analyze its own
 sessions again; the hub keeps what it was sent. It also removes the teammates' lessons that came from the hub, and
 puts aside what the computer had for that hub (its folders, the projects it left, and its groups shared there) in
 `~/.interlatch/hub-left/`, so a different hub joined later never gets any of it. Whether it shares knowledge only

{interlatch-0.28.4 → interlatch-0.28.6}/docs/ja/devices.md

@@ -90,7 +90,7 @@ interlatch hub join https://pc.tail1234.ts.net --token …
    両方のプロジェクトのナレッジベースが作り直されます。より具体的な指定が優先されるので、フォルダーの中にあってもハブが
    git リモートを知っているリポジトリはそのリモートに従います。ハブが別のプロジェクトに入れているリポジトリの中のフォルダーは追加できません
    （1 つのリポジトリは 1 つのプロジェクトに属します）。`interlatch hub folders` でどこに入るかを確認できます。
-   ダッシュボードの **Settings › Hubs › (the hub) › Projects on the hub** でも同じことができ、**Join a project** でハブの
+   ダッシュボードの **Settings › Hubs › (the hub) › Projects** でも同じことができ、**Join a project** でハブの
    プロジェクトとこのコンピューターのフォルダーを選びます。間違えて追加したフォルダーを外すには[やめるとき](#やめるとき)を
    見てください。ハブの **Team › Computers** に、各コンピューターが追加したフォルダーが表示されます。
    このコンピューターの **Projects** ページとサイドバーでは、ここのフォルダーの送り先になっているハブのプロジェクトが
@@ -123,7 +123,7 @@ interlatch hub join https://pc.tail1234.ts.net --token …
   別のコンピューターで記録されたプロジェクト（`server:/root/app` など）は、ここからは送れません。
 
 プロジェクトはハブにすでにある必要があり（メンバーのコンピューターでは作れません）、選ぶのはこのコンピューター自身で、ほかの
-デバイスからはできません。**Settings › Hubs › (the hub) › Projects on the hub** ではそのプロジェクトの下にグループが表示され、グループの
+デバイスからはできません。**Settings › Hubs › (the hub) › Projects** ではそのプロジェクトの下にグループが表示され、グループの
 プロジェクトは Projects ページとサイドバーで、グループの中に加えてそのプロジェクトの下にも並びます。
 
 ### 送られるもの
@@ -148,7 +148,7 @@ interlatch hub join https://pc.tail1234.ts.net --token … --share knowledge
 ```
 
 （参加済みのコンピューターでは `interlatch config set hub.share knowledge`、またはそのダッシュボードの **Settings › Hubs › (the hub) ›
-What this computer sends**）。そのコンピューターは単独の Interlatch と同じように
+What this computer shares**）。そのコンピューターは単独の Interlatch と同じように
 動きます。自分のセッションを記録し、自分で分析し（自分の Claude Code か Codex のログイン、Bob API キー、または
 モデルプロバイダーで）、ダッシュボードと MCP ツールも更新され続けます。分析のたびにハブへ送るのは次のものだけです。
 
@@ -162,7 +162,7 @@ What this computer sends**）。そのコンピューターは単独の Interlat
 それ以外のフォルダーのセッションはコンピューターに残り、送信の結果には「kept here」として数えられます。Docker やサーバー上の
 ハブのように、ハブ自身がそのリポジトリでセッションを実行したことがなければ、ハブはその git リモートを知りません。その場合は
 プロジェクトごとに自分のフォルダーを追加してください。すべてのフォルダーのセッションを共有するには、`--all-folders` を付けて
-参加するか、`interlatch config set hub.all_folders true` を実行するか、**Settings › Hubs › (the hub) › What this computer sends** で
+参加するか、`interlatch config set hub.all_folders true` を実行するか、**Settings › Hubs › (the hub) › What this computer shares** で
 **すべてのフォルダー** を選びます。
 
 プロンプト、シェルのコマンド、ファイルのパス、トランスクリプト、あなた自身についてのナレッジ（全体のものと好み）は
@@ -222,8 +222,8 @@ interlatch hub store                          # 接続し、テーブルを用
   15 分ごと）と、`interlatch push` または **Settings › Hubs** の **Share now** を使ったときです。自分のデータベースに読み取り専用で、そのリポジトリの自分のフォルダーの下に保存されます。MCP ツールはそれも
   （チームメイトのものと示して）答えに使い、セッション開始時のメモは **From teammates' sessions** の下に並べます。
   ダッシュボードでも、プロジェクトのページと **All knowledge** に、それを述べたセッションのコンピューター名を **from** で
-  示して表示します。そこで取得元に **From teammates** を選ぶとそれだけが並び、**Settings › Hubs** の **Read them** で
-  その一覧が開きます。自分が述べたナレッジは返ってきません。却下したものは却下されたまま残り、チームから消えたものは消えます。持っている数は
+  示して表示します。そこで取得元に **From teammates** を選ぶとそれだけが並び、**Settings › Hubs** の **teammates' lessons**
+  の数を押すとその一覧が開きます。自分が述べたナレッジは返ってきません。却下したものは却下されたまま残り、チームから消えたものは消えます。持っている数は
   `interlatch hub status` とそのコンピューターの **Settings › Hubs** で分かり、そこの **Share now** ですぐに
   プッシュできます。
 - **データベースにつなぐのはハブだけです。** 各コンピューターはそのアドレスもパスワードも知らないので、ハブだけが届く
@@ -237,7 +237,7 @@ interlatch hub store                          # 接続し、テーブルを用
 ### やめるとき
 
 ナレッジを共有するコンピューターは、ハブのプロジェクトのうち一つから抜けて、ほかには残れます。**Settings › Hubs › (the hub) ›
-Projects on the hub** で、プロジェクトごとに次のボタンがあります。
+Projects** で、プロジェクトごとに次のボタンがあります。
 
 - **Leave**：このコンピューターはそこへのセッションの共有と、そのプロジェクトのチームメイトのナレッジの受け取りを
   やめます。すでに共有したものはチームのためにハブのそのプロジェクトに残ります。**Rejoin** で元に戻せます。コマンドでは
@@ -249,7 +249,7 @@ Projects on the hub** で、プロジェクトごとに次のボタンがあり
   `interlatch hub remove-folder <folder>` です。トランスクリプトを送るコンピューターでは、ハブにトランスクリプトが残り、
   ハブは git リモートか元のフォルダーで振り分け直します。
 
-`interlatch hub leave`、または **Settings › Hubs** の **Leave the hub…** で、そのコンピューターは再び自分でセッションを
+`interlatch hub leave`、または **Settings › Hubs** の **Leave…** で、そのコンピューターは再び自分でセッションを
 記録・分析します。ハブは受け取ったものを残します。そのハブから来たチームメイトのナレッジも削除し、そのハブのための設定
 （フォルダー、抜けたプロジェクト、そこに共有したグループ）は `~/.interlatch/hub-left/` に保存するので、
 あとで参加するほかのハブには渡りません。ナレッジだけを共有するかどうか（`[hub] share`）はそのままです。再び参加するには新しい招待が必要です。同じハブにもう一度参加すると、それらを

{interlatch-0.28.4 → interlatch-0.28.6}/docs/ja/join-a-hub.md

@@ -69,7 +69,7 @@ interlatch hub add-folder ~/code/website --project Website
 これで、そこで分析済みのものが送られます。ハブがすでに知っている git リポジトリのクローンは、この手順がなくても
 そのプロジェクトに入りますが、実行しても問題ありません。
 
-ダッシュボードでも同じことができます：**Settings › Hubs › (the hub) › Projects on the hub › Join a project** で、
+ダッシュボードでも同じことができます：**Settings › Hubs › (the hub) › Projects › Join a project** で、
 プロジェクトとあなたのフォルダーを選びます。
 
 ハブにそのプロジェクトがないと言われたり、**Join a project** が「一致するものはありません。」となったりしたら、
@@ -95,12 +95,12 @@ interlatch hub status
   （`interlatch install --inject-context`）、新しいセッションの "From teammates' sessions" にも並びます。
 - **あなたのダッシュボード**には、これまでどおりあなた自身のセッションが表示されます。チームメイトのナレッジは、
   プロジェクトのページと **All knowledge** に、どのコンピューターから来たかを示して並びます。**Settings › Hubs** の
-  **Read them** でそれだけの一覧が開きます。
+  **teammates' lessons** の数を押すと、それだけの一覧が開きます。
 
 一つのプロジェクトへの共有をやめるには、**Settings › Hubs** でその横の **Leave** を選びます（または
 `interlatch hub leave --project <name>`）。そこで共有したものはハブに残ります。間違ったフォルダーを追加したときは、
 その横の **Remove** でフォルダーを外すと、あなたのコンピューターがそこから共有したものをハブが削除します。送るのを
-すべてやめるには **Leave the hub…** を選びます（または `interlatch hub leave`）。すでに送ったものはハブに残ります。
+すべてやめるには **Leave…** を選びます（または `interlatch hub leave`）。すでに送ったものはハブに残ります。
 そのハブからのチームメイトのナレッジはあなたのコンピューターから削除され、そのハブのために追加したフォルダー、抜けた
 プロジェクト、共有したグループは `~/.interlatch/hub-left/` に保存されます。あとで参加するほかのハブには渡りません。
 同じハブにもう一度参加すると、`interlatch hub join` が元に戻すか尋ねます（`--restore` か `--no-restore` で尋ねずに

{interlatch-0.28.4 → interlatch-0.28.6}/docs/ja/profiles.md

@@ -29,7 +29,7 @@
 
 グループのフォルダーですでに記録されたセッションは Acme に移り、それ以降は Acme のハブに送られます。Personal のハブがすでに持っているものは、先にそのハブが取り下げます（[移すとハブから取り下げる](#moving-takes-sessions-back)）。`--dry-run` を付けると、何も変えずに、移るものと、そのうちハブが持っている数を表示します。
 
-**ダッシュボードでは：** **設定 › ハブ**に Personal のものを含むすべてのハブが並び、ハブの追加（名前、アドレス、招待コード）もここで行います。ハブごとに同じ構成のページがあります。送信がうまくいっているか、**今すぐ共有**、ハブのダッシュボード、**ハブのプロジェクト**（ここのフォルダーでハブのプロジェクトに参加する、抜ける）、そのハブと何を共有するか、です。グループのページの**送り先**で、そのグループのセッションを送るハブを選びます。**プロジェクト**のサイドバーでは、ハブにつないだグループにそのハブの名前が表示され、選択を待つフォルダーが先頭に並びます。
+**ダッシュボードでは：** **設定 › ハブ**に Personal のものを含むすべてのハブが並び、ハブの追加（名前、アドレス、招待コード）もここで行います。ハブごとにタブがあり、どのハブも同じ構成です。送信がうまくいっているか、**今すぐ共有**、ハブのダッシュボード、**ハブのプロジェクト**（ここのフォルダーでハブのプロジェクトに参加する、抜ける）、そのハブと何を共有するか、です。グループのページの**送り先**で、そのグループのセッションを送るハブを選びます。**プロジェクト**のサイドバーでは、ハブにつないだグループにそのハブの名前が表示され、選択を待つフォルダーが先頭に並びます。
 
 ほかのコンピューターと同じく、ハブに送られるのは、そのハブのプロジェクトに追加したフォルダーのものだけです（`interlatch --hub Acme hub add-folder ~/work/acme/app --project App`）。`--all-folders` を付けて参加した場合は別です。
 

{interlatch-0.28.4 → interlatch-0.28.6}/docs/join-a-hub.md

@@ -67,7 +67,7 @@ Use your folder for the project and the project's name from step 2. This sends w
 analyzed there. A clone of a git repository the hub already knows is filed under its project without this step,
 but running it does no harm.
 
-Your dashboard can do the same: **Settings › Hubs › (the hub) › Projects on the hub › Join a project**, then pick the project
+Your dashboard can do the same: **Settings › Hubs › (the hub) › Projects › Join a project**, then pick the project
 and your folder.
 
 If the hub says it has no such project, or **Join a project** answers "Nothing matches.", you don't see that
@@ -92,13 +92,13 @@ dashboard, where you see your projects.
   through Interlatch's MCP tools, marked as teammates'. With start-of-session notes on (`interlatch install
   --inject-context`), new sessions also list them under "From teammates' sessions".
 - **Your own dashboard** keeps showing your own sessions, as before. Your teammates' lessons appear on its project
-  pages and in **All knowledge**, marked with the computers they came from; **Read them** in **Settings › Hubs**
-  lists only those.
+  pages and in **All knowledge**, marked with the computers they came from; the **teammates' lessons** count in
+  **Settings › Hubs** lists only those.
 
 To stop sharing to one project, choose **Leave** next to it in **Settings › Hubs** (or run `interlatch hub leave
 --project <name>`). What you shared there stays on the hub. Added the wrong folder? **Remove** next to it takes the
-folder back, and the hub deletes what your computer shared from it. To stop sending altogether, choose **Leave the
-hub…** (or run `interlatch hub leave`). What you already sent stays on the hub. Your teammates' lessons from it are
+folder back, and the hub deletes what your computer shared from it. To stop sending altogether, choose **Leave…**
+(or run `interlatch hub leave`). What you already sent stays on the hub. Your teammates' lessons from it are
 removed from your computer, and the folders, left projects and shared groups you had for that hub are put aside in
 `~/.interlatch/hub-left/`: another hub you join later never gets them. If you join the same hub again, `interlatch hub
 join` asks whether to bring them back (`--restore` or `--no-restore` answers without asking).

{interlatch-0.28.4 → interlatch-0.28.6}/docs/profiles.md

@@ -38,9 +38,9 @@ Personal's hub already has, it takes back first (see [Moving takes sessions back
 `--dry-run` shows what would move, and how many of them a hub has, without changing anything.
 
 **On the dashboard:** **Settings › Hubs** lists every hub, Personal's too, and adds one (its name, address and
-invite code). Each hub has a page of its own, the same for every hub: whether sending to it works, **Share now**, its
-dashboard, **Projects on the hub** (join one of its projects with a folder here, or leave one) and what this computer
-shares with it. A group's page has **Goes to**, where you pick the hub its sessions go to. In the **Projects** sidebar,
+invite code). Each hub has a tab, the same for every hub: whether sending to it works, **Share now**, its dashboard,
+then **Projects** (join one of its projects with a folder here, or leave one) beside what this computer shares with
+it. A group's page has **Goes to**, where you pick the hub its sessions go to. In the **Projects** sidebar,
 a group connected to a hub shows that hub's name, and folders waiting for you are listed first.
 
 As on any computer, a hub gets only the folders added to one of its projects

{interlatch-0.28.4 → interlatch-0.28.6}/src/interlatch/web/app.css

@@ -473,6 +473,50 @@ select:focus, .input:focus { outline: 2px solid var(--accent-wash-2); border-col
 .filters { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 18px; }
 .filters .spacer { flex: 1; }
 .grid { display: grid; gap: 16px; }
+/* Settings › Hubs: a tab per hub; each tab one panel, its projects beside what this computer shares with it */
+.hubtabs { display: flex; gap: 6px; overflow-x: auto; padding: 2px 2px 0; margin-bottom: -1px; position: relative; z-index: 1; scrollbar-width: thin; }
+.hubtab { flex: none; display: grid; gap: 1px; padding: 8px 14px 9px; min-width: 120px; border: 1px solid var(--border); border-bottom: 0;
+  border-radius: 8px 8px 0 0; background: var(--surface-2); color: var(--ink-2); }
+.hubtab b { display: flex; align-items: center; gap: 7px; font-size: 13.5px; font-weight: 600; color: var(--ink); }
+.hubtab > span { font-size: 11.5px; padding-left: 15px; max-width: 26ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.hubtab:hover { text-decoration: none; color: var(--ink); background: var(--surface); }
+.hubtab.on { background: var(--surface); box-shadow: inset 0 2px 0 var(--accent); }
+.hubtab.add { align-content: center; min-width: 0; border-style: dashed; }
+.hubtab.add b { color: var(--ink-2); font-weight: 500; }
+.hubtab .sdot { width: 8px; height: 8px; border-radius: 50%; background: var(--muted); flex: none; }
+.hubtab .sdot.good { background: var(--good); }
+.hubtab .sdot.warning { background: var(--warning); }
+.hubtab .sdot.critical { background: var(--critical); }
+.hubtabs + .card { border-top-left-radius: 0; }
+.hubp-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px 20px; flex-wrap: wrap; }
+.hubp-id { display: flex; align-items: center; gap: 12px; min-width: 0; }
+.hubp-name { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
+.hubp-name h2 { font-size: 19px; letter-spacing: -0.01em; }
+.hubp-host { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; margin-top: 3px; color: var(--ink-2); font-size: 13px; }
+.hubp-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
+.hubp-actions a.btn { text-decoration: none; color: var(--ink); }
+.hubp-facts { margin: 16px 0 0; padding: 12px 0 0; border-top: 1px solid var(--grid); }
+a.fact:hover { text-decoration: none; }
+a.fact:hover b { color: var(--accent-ink); }
+.hubp-join { margin-top: 14px; }
+.hubp-join > p { margin: 0 0 8px; font-size: 12.5px; }
+.hubp-body { display: grid; grid-template-columns: minmax(0, 1fr) minmax(240px, 300px); gap: 0 28px; margin-top: 16px; padding-top: 4px; border-top: 1px solid var(--grid); }
+.hubp-body.solo { grid-template-columns: minmax(0, 1fr); }
+.hubp-side { display: grid; align-content: start; gap: 4px; padding-left: 24px; border-left: 1px solid var(--grid); }
+.hubp-body.solo .hubp-side { padding-left: 0; border-left: 0; }
+.hubp-sec { padding-top: 12px; min-width: 0; }
+.hubp-sec-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 6px; }
+.hubp-sec-head h3 { font-size: 12px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--muted); }
+.hubp-sec > p { margin: 0; font-size: 12.5px; }
+.hubp-set { display: grid; gap: 6px; justify-items: start; padding: 8px 0 10px; }
+.hubp-set + .hubp-set { border-top: 1px solid var(--grid); padding-top: 12px; }
+.hubp-set b { font-size: 13px; font-weight: 600; }
+.hubp-set .muted { font-size: 12px; }
+.hubp-projects .sp-list { margin-bottom: 4px; }
+@media (max-width: 820px) {
+  .hubp-body { grid-template-columns: minmax(0, 1fr); }
+  .hubp-side { padding-left: 0; border-left: 0; border-top: 1px solid var(--grid); margin-top: 8px; }
+}
 .cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
 .cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
 .cols-main { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); }