diff --git a/manual/ja/storage-and-sync.md b/manual/ja/storage-and-sync.md index 3680a67f8..e9d958d9f 100644 --- a/manual/ja/storage-and-sync.md +++ b/manual/ja/storage-and-sync.md @@ -99,8 +99,12 @@ Fork したページが入るのは、ノートではなく自分のナレッジ 共有フォルダを設定すると、サイドバーに **ライブラリ** セクションと **共有** の項目が現れます。チーム全員が共有したもの（ノート・ナレッジページ・文献・データファイル）が、種類ごとのタブに並びます。他人のエントリは読み取り専用です。**Fork** を押すと、自分のストレージにコピーして自由に編集できます。持っているメディアは自動でローカルのライブラリに実体化され、fork にはその出どころが記録されます。 +![表形式の共有ライブラリ。ノートにはフォルダ・作成者・共有日・バージョンの列が並ぶ](/screenshots/shared-library.png) + 共有されたノートには、共有した時点のフォルダも付いてきます。**ノート** のタブに **フォルダ** 列が並び、そこで絞り込みや検索ができます。Fork ではこのフォルダは引き継ぎません。共有した人の整理であって、こちらの分類ではないからです（fork したノートは未分類から始まります）。 +![共有ライブラリをフォルダで絞り込む](/screenshots/shared-library-folder-filter.png) + ### 検索と AI チャットでの共有エントリ {#shared-entries-in-search-and-ai-chat} 共有されたノート・ナレッジページ・文献・データファイルは、fork しなくても現れます。`⌘K` 検索パレットに **共有** のセクションが増え、AI チャットも自分のノートと同じように共有エントリを横断検索の対象にします（Internal のグラウンディングスコープ）。索引（と、共有ナレッジページについては埋め込み）は自分の端末上だけに作られます。共有フォルダには何も書き戻さず、AI が共有エントリを根拠にしても、あなた自身が引用カードを挿入しない限り PROV には記録されません。 diff --git a/manual/public/screenshots/shared-library-folder-filter.png b/manual/public/screenshots/shared-library-folder-filter.png new file mode 100644 index 000000000..87e0cdfb2 Binary files /dev/null and b/manual/public/screenshots/shared-library-folder-filter.png differ diff --git a/manual/public/screenshots/shared-library.png b/manual/public/screenshots/shared-library.png new file mode 100644 index 000000000..441d8410d Binary files /dev/null and b/manual/public/screenshots/shared-library.png differ diff --git a/manual/storage-and-sync.md b/manual/storage-and-sync.md index 7d97e5969..066ac427b 100644 --- a/manual/storage-and-sync.md +++ b/manual/storage-and-sync.md @@ -99,8 +99,12 @@ The button appears in the desktop app once a shared folder and an identity are s Once a shared folder is configured, a **Library** section with a **Shared** entry appears in the sidebar. It lists what everyone on the team has shared — notes, knowledge pages, references, and data files — on a tab each. Entries from others are read-only — press **Fork** to copy one into your own storage, where you can edit it freely. Any media it carries is materialized into your local library automatically, and the fork records where it came from. +![The shared library as a table: notes with folder, author, shared date, and version columns](/screenshots/shared-library.png) + A shared note also carries the folder it was in when it was shared, so the **Notes** tab has a **Folder** column you can filter and search on. Forking does not bring that folder along: it is the author's own filing, so your copy starts unfiled. +![Filtering the shared library by folder](/screenshots/shared-library-folder-filter.png) + ### Shared entries in search and AI chat {#shared-entries-in-search-and-ai-chat} Shared notes, knowledge pages, references, and data files also show up without forking them: the `⌘K` search palette gets a **Shared** section, and AI chat can cross-search them the same way it cross-searches your own notes (Internal grounding scope). Graphium builds a search index and, for shared knowledge pages, an embedding — both on your own device only. Nothing is written back to the shared folder, and the AI never records a shared entry as a source in provenance unless you insert a citation card yourself. diff --git a/src/features/sharing/SharedLibraryView.stories.tsx b/src/features/sharing/SharedLibraryView.stories.tsx index cd1d9d15d..0600ef543 100644 --- a/src/features/sharing/SharedLibraryView.stories.tsx +++ b/src/features/sharing/SharedLibraryView.stories.tsx @@ -246,3 +246,165 @@ export const ProposedEnglish: Story = { }, ], }; + +// マニュアル用スクショ撮影ストーリー（英語 UI・パン作りの世界観） +// currentIdentity は指導役 Mia Tanaka、ノートは学生役 Ken Sato / Hana Ito と Mia の混在 + +const MANUAL_MENTOR = { name: "Mia Tanaka", email: "mia@example.org" }; +const MANUAL_STUDENT_A = { name: "Ken Sato", email: "ken@example.org" }; +const MANUAL_STUDENT_B = { name: "Hana Ito", email: "hana@example.org" }; + +const MANUAL_NOTES: SharedEntry[] = [ + makeEntry({ + id: "manual-note-1", + type: "note", + author: MANUAL_STUDENT_A, + updated_at: daysAgo(0.1), + extra: { title: "Sourdough starter log — day 3", noteContexts: ["Sourdough/Starter"] }, + }), + makeEntry({ + id: "manual-note-2", + type: "note", + author: MANUAL_STUDENT_B, + updated_at: daysAgo(0.3), + version: 2, + extra: { title: "Oven calibration for the deck oven", noteContexts: ["Shared/Equipment"] }, + }), + makeEntry({ + id: "manual-note-3", + type: "note", + author: MANUAL_MENTOR, + updated_at: daysAgo(1), + extra: { title: "Weekend bake schedule", noteContexts: ["Baguette"] }, + }), + makeEntry({ + id: "manual-note-4", + type: "note", + author: MANUAL_STUDENT_A, + updated_at: daysAgo(2), + extra: { title: "Baguette shaping notes", noteContexts: ["Baguette"] }, + }), + makeEntry({ + id: "manual-note-5", + type: "note", + author: MANUAL_MENTOR, + updated_at: daysAgo(4), + extra: { title: "Recipe card template" }, + }), +]; + +const MANUAL_KNOWLEDGE: SharedEntry[] = [ + makeEntry({ + id: "manual-knowledge-1", + type: "knowledge", + author: MANUAL_STUDENT_B, + updated_at: daysAgo(1.5), + extra: { title: "Hydration and crumb structure", wikiKind: "summary" }, + }), + makeEntry({ + id: "manual-knowledge-2", + type: "knowledge", + author: MANUAL_MENTOR, + updated_at: daysAgo(5), + extra: { title: "Ideal proofing temperature range", wikiKind: "atom" }, + }), +]; + +const MANUAL_REFERENCES: SharedEntry[] = [ + makeEntry({ + id: "manual-ref-1", + type: "reference", + author: MANUAL_STUDENT_A, + updated_at: daysAgo(3), + extra: { + title: "The Chemistry of Sourdough Fermentation", + url: "https://example.org/articles/sourdough-fermentation", + domain: "example.org", + description: "Background reading on wild yeast and lactic acid bacteria", + }, + }), + makeEntry({ + id: "manual-ref-2", + type: "reference", + author: MANUAL_MENTOR, + updated_at: daysAgo(7), + extra: { + title: "Deck Oven Operating Manual", + url: "https://example.org/manuals/deck-oven", + domain: "example.org", + }, + }), +]; + +const MANUAL_DATA_MANIFESTS: SharedEntry[] = [ + makeEntry({ + id: "manual-data-1", + type: "data-manifest", + author: MANUAL_STUDENT_B, + updated_at: daysAgo(0.4), + extra: { + title: "Crumb cross-section photo", + media_type: "image", + mime_type: "image/png", + original_filename: "crumb_cross_section.png", + }, + }), + makeEntry({ + id: "manual-data-2", + type: "data-manifest", + author: MANUAL_STUDENT_A, + updated_at: daysAgo(1.5), + extra: { + title: "Bake log sheet (week 1–3)", + media_type: "pdf", + mime_type: "application/pdf", + original_filename: "bake_log.pdf", + }, + }), + makeEntry({ + id: "manual-data-3", + type: "data-manifest", + author: MANUAL_MENTOR, + updated_at: daysAgo(8), + extra: { + title: "Oven temperature readings (CSV)", + media_type: "data", + mime_type: "text/csv", + original_filename: "oven_temps.csv", + }, + }), +]; + +const MANUAL_ENTRIES = { + entries: { + note: MANUAL_NOTES, + knowledge: MANUAL_KNOWLEDGE, + reference: MANUAL_REFERENCES, + "data-manifest": MANUAL_DATA_MANIFESTS, + template: [], + report: [], + }, + errors: {}, +}; + +export const ManualEnglish: Story = { + name: "Manual (English, bread world)", + args: { + ...baseArgs, + sharedRoot: "/Users/mia/shared-bakery", + currentIdentity: MANUAL_MENTOR, + loadEntries: async () => MANUAL_ENTRIES, + }, + decorators: [ + (Story) => { + syncLocale("en"); + return ( + +
+ +
+ + ); + }, + ], +};