quietlight/skraak.app - Change EVQYH44JJD5YTCCLSK2I3PPQFA57KJJYHKQKOKVAIKKYWLIEB2VQC

render selections table when file not online and selections present

Created by AEj8dahVWy718uSSFPe9VSRJ5qX5G8pC2zvFzJJ8yzBd on July 9, 2025

EVQYH44JJD5YTCCLSK2I3PPQFA57KJJYHKQKOKVAIKKYWLIEB2VQC

Dependencies

In channels

main

Change contents

Replacement in src/components/File.tsx at line 1209 [3.1]

B:BD[3.11564] → [3.11564:11670]

            {/* Offline file + owner - show file picker */}
            {!file.upload && userIsOwner && (

[3.11564]

[3.11670]

            {/* Offline file handling */}
            {!file.upload && (

Replacement in src/components/File.tsx at line 1212 [3.1]

B:BD[3.11712] → [3.11712:11997]

B:BD[3.11997] → [4.8808:8936]

∅:D[4.8936] → [3.12105:12128]

B:BD[3.12105] → [3.12105:12128]

B:BD[3.12128] → [4.8937:9062]

∅:D[4.9062] → [5.5961:6042]

B:BD[6.1179] → [5.5961:6042]

∅:D[5.6042] → [3.12261:12312]

B:BD[3.12261] → [3.12261:12312]

                <div className="text-center p-8">
                  <Upload className="h-12 w-12 mx-auto text-muted-foreground mb-4" />
                  <h3 className="text-lg font-medium mb-2">Load Local File</h3>
                  <p className="text-sm text-muted-foreground mb-4">
                    This file is not available online. Load it from your local
                    storage to play and analyze.
                  </p>
                  <Button
                    onClick={() => void openFilePicker().catch(console.error)}
                  >
                    {state.filePickerSupported ? "Browse Files" : "Select File"}
                  </Button>
                </div>

[3.11712]

[3.12312]

                {/* Show file picker for owner, info message for non-owner */}
                {userIsOwner ? (
                  <div className="text-center p-8">
                    <Upload className="h-12 w-12 mx-auto text-muted-foreground mb-4" />
                    <h3 className="text-lg font-medium mb-2">Load Local File</h3>
                    <p className="text-sm text-muted-foreground mb-4">
                      This file is not available online. Load it from your local
                      storage to play and analyze.
                    </p>
                    <Button
                      onClick={() => void openFilePicker().catch(console.error)}
                    >
                      {state.filePickerSupported ? "Browse Files" : "Select File"}
                    </Button>
                  </div>
                ) : (
                  <div className="text-center p-8">
                    <AlertCircle className="h-12 w-12 mx-auto text-muted-foreground mb-4" />
                    <h3 className="text-lg font-medium mb-2">
                      {state.selections.length > 0 ? "Audio Not Available" : "File Not Available"}
                    </h3>
                    <p className="text-sm text-muted-foreground">
                      {state.selections.length > 0 
                        ? "This file is not available for playback, but you can view the selections below."
                        : "This file is not available online and you don't have permission to load local files."
                      }
                    </p>
                  </div>
                )}

Replacement in src/components/File.tsx at line 1242 [3.1]

B:BD[3.12313] → [3.12313:12413]

                {/* Show waveform if local file is loaded */}
                {state.localFile && (

[3.12313]

[3.12413]

                {/* Show waveform if local file is loaded (owner only) */}
                {state.localFile && userIsOwner && (

Deletion in src/components/File.tsx at line 1308 [3.1]

B:BD[3.14706] → [3.14706:15105]

B:BD[3.15105] → [4.10251:10373]

∅:D[4.10373] → [3.15209:15266]

B:BD[3.15209] → [3.15209:15266]

B:BD[3.15266] → [7.707:708]

            {/* Offline file + not owner - show unavailable message */}
            {!file.upload && !userIsOwner && (
              <div className="text-center p-8">
                <AlertCircle className="h-12 w-12 mx-auto text-muted-foreground mb-4" />
                <h3 className="text-lg font-medium mb-2">File Not Available</h3>
                <p className="text-sm text-muted-foreground">
                  This file is not available for playback. Only the dataset
                  owner can load local files.
                </p>
              </div>
            )}

Replacement in src/components/File.tsx at line 1322 [3.1]

B:BD[7.1188] → [7.1188:1498]

              {!state.selectionsLoading &&
                !state.selectionsError &&
                state.selections.length === 0 && (
                  <div className="text-center py-8 text-muted-foreground">
                    No selections found for this file.
                  </div>
                )}

[7.1188]

[7.1498]

              {!state.selectionsLoading && !state.selectionsError && state.selections.length === 0 && (
                <div className="text-center py-8 text-muted-foreground">
                  No selections found for this file.
                </div>
              )}

Insertion in db/migrations.sql at line 925 [8.94401]
[2.1286]
[2.1286]
Insertion in db/migrations.sql at line 927 [8.94401]
[2.1360]
```
-- 2025-07-10 03:19:16
```

Replacement in TODO.md at line 31 [11.62710]

∅:D[9.8357] → [10.4736:4761]

B:BD[7.8362] → [10.4736:4761]

B:BD[10.4761] → [9.8358:8430]

[ ] deletable selections
[ ] render selections table when file not online and selections present

[9.8357]

[9.8430]

[X] deletable selections
[X] render selections table when file not online and selections present

Insertion in TODO.md at line 35 [11.62710]
[9.8479]
[12.20852]
```
[ ] check individual file upload feature
```