Skip to content

New storage layout without tables - #242

Open
SharonStrats wants to merge 8 commits into
stagingfrom
task/restructure
Open

SharonStrats wants to merge 8 commits into
stagingfrom
task/restructure

Conversation

@SharonStrats

@SharonStrats SharonStrats commented Sep 27, 2026 •

Copy link
Copy Markdown
Contributor

I had trouble making it simple and getting things to work and making it look presentable, so I decided to pull the basic stuff over from the prototype. There is no real new functionality. Nothing added to 3dot menu, no extra drag and drop features with the folders or content area...

I took on all the feedback from the prototype and also renaming things here and implemented it.

Some examples

Screenshot 2026-10-18 at 10 24 50 PM Screenshot 2026-10-18 at 10 25 08 PM

@SharonStrats
SharonStrats requested a balanced review from Copilot September 27, 2026 11:42
@SharonStrats SharonStrats self-assigned this Sep 27, 2026
@SharonStrats SharonStrats added the enhancement New feature or request label Sep 27, 2026
@SharonStrats SharonStrats moved this to In review in SolidOS NLNet UI Sep 27, 2026

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copilot review overview

🟡 Changes recommended

Nested-container rendering, resource refreshes, responsive layout, and asynchronous selection handling have unresolved defects.

Review effort: Balanced
Findings: 1 High severity · 6 Medium severity · 2 Low severity

Open (9)
What changed in this PR

Replaces the legacy table-based folder pane with a component-based storage browser containing sidebar navigation and content views.

Changes:

  • Adds resource-loading and content-rendering helpers.
  • Introduces Lit storage sidebar, pane, and container components.
  • Adds layout styling and Lucide icon support.
File Description
src/​types.ts Adds shared resource and renderer types.
src/​helpers.ts Adds container and content-rendering helpers.
src/​folderPane.ts Integrates the new storage pane.
src/​styles/​folderPane.css Replaces table styles with flex layout.
src/​components/​storage-sidebar/​StorageSidebar.ts Implements resource-tree navigation.
src/​components/​storage-sidebar/​StorageSidebar.styles.css Styles sidebar rows and icons.
src/​components/​storage-sidebar/​index.ts Exports the sidebar.
src/​components/​storage-pane-view/​StoragePaneView.ts Coordinates sidebar selection and content.
src/​components/​storage-pane-view/​StoragePaneView.styles.css Adds pane section styles.
src/​components/​storage-pane-view/​index.ts Adds the pane-view barrel export.
src/​components/​storage-content-view/​StorageContentView.ts Adds the slotted content host.
src/​components/​storage-content-view/​StorageContentView.styles.css Adds a content-view style placeholder.
src/​components/​storage-content-view/​index.ts Exports the content view.
src/​components/​container-content-view/​ContainerContentView.ts Renders container resources.
src/​components/​container-content-view/​ContainerContentView.styles.css Adds a container style placeholder.
src/​components/​container-content-view/​index.ts Adds the container-view barrel export.
package.json Adds icon data and side-effect metadata.
package-lock.json Locks the icon dependency.
declarations.d.ts Declares CSS and virtual icon modules.

💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.

Comment thread src/types.ts Outdated
Comment thread src/components/container-content-view/ContainerContentView.ts Outdated
Comment thread src/components/storage-sidebar/StorageSidebar.ts Outdated
Comment thread src/components/storage-sidebar/StorageSidebar.ts Outdated
Comment thread src/folderPane.ts
Comment thread src/helpers.ts Outdated
Comment thread src/styles/folderPane.css Outdated
Comment thread src/components/container-content-view/index.ts Outdated
Comment thread src/components/storage-pane-view/index.ts Outdated
@SharonStrats SharonStrats linked an issue Sep 27, 2026 that may be closed by this pull request

@timea-solid timea-solid left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

how is refresh handeled now?

and i see you also do not need GotoSubject ?

Comment thread src/components/storage-content-view/StorageContentView.ts Outdated
@SharonStrats
SharonStrats marked this pull request as draft October 18, 2026 11:32
@SharonStrats SharonStrats changed the title new storage layout without tables New storage layout without tables Oct 18, 2026
@SharonStrats
SharonStrats force-pushed the task/restructure branch 2 times, most recently from 12a5ad9 to 6d5e990 Compare October 19, 2026 05:21
@SharonStrats SharonStrats moved this from In review to In progress in SolidOS NLNet UI Oct 19, 2026
@timea-solid

Copy link
Copy Markdown
Member

p.s What is the search top right supposed to do? On your server, it does nothing. We could leave it off for now.

@timea-solid

timea-solid commented Oct 19, 2026 •

Copy link
Copy Markdown
Member

A bug:
When i scroll up the content of a file on About (only happens on About), the top of the content is visible on top of the header of the resource. See image.
image

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Comment thread src/components/folder-pane-container/FolderPaneContainer.ts
Comment thread src/components/folder-pane-container/FolderPaneContainer.ts
Comment thread src/components/folder-pane-container/FolderPaneContainer.ts
Comment thread src/components/folder-pane-container/FolderPaneContainer.ts
Comment thread src/components/folder-pane-view/FolderPaneView.ts Outdated
Comment thread src/components/folder-pane-view/FolderPaneView.ts
Comment thread src/components/folder-pane-view/FolderPaneView.ts Outdated
Comment thread src/components/folder-pane-view/FolderPaneView.ts Outdated
Comment thread src/components/folder-pane-view/FolderPaneView.ts Outdated
Comment thread src/components/folder-pane-view/FolderPaneView.ts
Prompt: Various prompts such as progressively load the data for the container view, implement recoverable loading and discovery, handle creation so that it does not add a sidebar list entry when it was not created.

Co-authored-by: GPT-5.6 Luna <gpt-5.6-luna@openai.com>
@SharonStrats
SharonStrats marked this pull request as ready for review October 22, 2026 10:02
private isRootSpecialFolder (resource: Resource) {
if (!resource.isContainer) return false
const label = utils.label(resource.subject).toLowerCase()
return label === 'public' || label === 'trash'

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Do we have trash?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

enhancement New feature or request

Projects

Status: In progress

Development

Successfully merging this pull request may close these issues.

Restructure layout from Tables

3 participants