Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Enhanced Asset Management System with Modern UI/UX Improvements #13731

Open
UsmanTechJive opened this issue Jan 5, 2025 · 35 comments
Open

Enhanced Asset Management System with Modern UI/UX Improvements #13731

UsmanTechJive opened this issue Jan 5, 2025 · 35 comments
Labels

Comments

@UsmanTechJive
Copy link

UsmanTechJive commented Jan 5, 2025

In what scenarios do you need this feature?

As a long-term SiYuan user. I've identified several key scenarios where improved asset management would significantly enhance workflow:

But first I want to express my gratitude to:

  • The development team for continuously improving the overall experience
  • The creator of the Asri theme, which stands out as one of SiYuan's finest themes

As my usage has grown, I've accumulated numerous assets within SiYuan. To better communicate my vision for improving asset management, I've created detailed concept designs in Figma that focus on two key areas:

  • Assets management within the settings dialog panel
  • Banner cover image selection interface

1. Bulk Asset Management:

  • Need to manage multiple assets simultaneously
  • Replace images used across multiple documents
  • Easily locate and track asset usage

2. Asset Organization:

  • Smart image renaming, description, and tags with AI assistance and without AI
  • Automatic OCR processing for all images
  • Extracted text stored and searchable automatically
  • Search through large collections of assets
  • Manage used, unreferenced, and missing assets efficiently
  • Quick access to frequently used assets

3. Banner Image Management:

  • Better UI for selecting and previewing banner images
  • Improved visual feedback when choosing images
  • Efficient navigation through available assets

Describe the optimal solution

Based on my Figma concept designs, here's the optimal implementation:

A. Settings Dialog Enhancement:

1. Add three distinct tabs:

  • Used Assets
  • Unreferenced Assets (Already Added)
  • Missing Assets (Already Added)

2. Add search functionality in each tab:

  • Implement real-time search filtering
  • Clear search interface

B. Used Assets Features:

  1. Asset Location Tracking:
  • Add "locate image" icon
  • Pop-up dialog showing all documents using the asset
  • Similar to existing "Switch Tab" dialog

2. Image Management Tools:

  • Image Hover actions:
    • Delete icon
    • Open in folder icon
    • Copy path icon
    • Replace image icon
    • Checkbox for bulk selection
  • Bulk deletion with selection counter
  • Drag & Drop files or copy paste files in Settings

3. Intelligent Image Processing:
- Automatic OCR on image import:

  • Text extraction stored with image metadata
  • Text available in OCR wherever image is used in any doc

- AI-powered image renaming (Name, Description & Tags):

  • Smart contextual naming, description and tags suggestions
  • Batch rename capability

C. Banner Cover Selection:

1. Modern Waterfall Layout:

  • Grid-based image display
  • Hover effects with image highlight
  • Subtle greying of non-hovered images

2. Search Integration:

  • Quick filter for banner images
  • Real-time results

Describe the candidate solution

The proposed design maintains SiYuan's clean aesthetic while adding modern functionality that would significantly improve asset management workflow.

Settings - Assets Management:

Settings - Assets

Drag & Drop Files:

Drag and Drop Files

Delete Button:

image

Opened Image:

Selected Opened Image

image

  • Add an 'AI Rename' icon in the text field
  • Implement automatic OCR and image description storage that saves data in OCR section or we could have separate image description section whenever the image is used in any doc, as shown below:

image

Change Banner Cover UI:

Assets Dialog
  • When users try to pick an image for a banner cover, they should have the option to search and select images from local storage, as well as the ability to choose from Unsplash or other cloud sources which can later be added in Settings - Assets Management.

Assets Management Icon in the Toolbar:

Shortcut to Assets Management
  • We should be able to access it from here and also with a shortcut key.

Implementation Suggestions:

I think each image should be stored inside a folder with a JSON file containing all the tags, name, description, OCR text, and thumbnail. This would make it easier and faster to load and search in real-time.

Note: Even if you implement the core features and basic UI, Asri (theme creator) and I will do our best to further improve the overall UI with animations, backdrop blur effects etc.

@UsmanTechJive
Copy link
Author

UsmanTechJive commented Jan 5, 2025

I have spent a great amount of time and effort creating these design concepts. Please, it is my humble request not to close this feature request, as it would break my heart. I really really wish to see this type of assets management in SiYuan, even if it happens by mid or end of 2025.

I'm looking forward to these most high priority three features: Enhanced Assets Management, Gallery View, and Kanban View. I need these features very badly. Even if you require financial support, I would be happy to support you via GitHub. I think you should focus on these three features this year.

@HeyAlex-90
Copy link

+1 I've been thinking about this

@itszarnish
Copy link

OMG! This is amazing! I just saw it on Discord, a must-have feature! +100

@Muko-Tabi
Copy link

Really like the modern design that make you feel doing PKM an enjoyable activity, love your concept there :D
Hopefully, between the team and this concept could reach an understanding to implement it.

@jackiallied
Copy link

I will try the Asri theme! Your design ideas are like a dream now. If these designs become real in Siyuan, I think I will stop using all other PKM tools. This is exactly the kind of feature everyone wants! thank u for amazing work.

@KuiyueRO
Copy link

KuiyueRO commented Jan 6, 2025

I hope to provide some additional information on existing features/plugins:

OCR: SiYuan already supports Tesseract OCR.

OceanPress OCR Plugin supports UmiOCR + text selection on images.

SAC AssetsManager Plugin: A SiYuan's Eagle-Like Plugin currently under development. It supports notes, images, HDRI, 3D models, node flows, and brushes. https://github.com/leolee9086/SACAssetsManager

@KuiyueRO
Copy link

KuiyueRO commented Jan 6, 2025

But I strongly agree with the idea of treating "assets as first-class citizen."

@UsmanTechJive
Copy link
Author

I hope to provide some additional information on existing features/plugins:

OCR: SiYuan already supports Tesseract OCR.

OceanPress OCR Plugin supports UmiOCR + text selection on images.

SAC AssetsManager Plugin: A SiYuan's Eagle-Like Plugin currently under development. It supports notes, images, HDRI, 3D models, node flows, and brushes. https://github.com/leolee9086/SACAssetsManager

Well, you've got a point here, but the concept designs I made should be native features in SiYuan without any plugins. I always prefer native features so I don't have to rely on plugins too much, and these plugins are nothing close to what I just showed in the shared images. Since SiYuan already has a very basic, simple asset manager in settings, why not develop it to its full potential?

@88250
Copy link
Member

88250 commented Jan 6, 2025

We plan to implement the gallery view this year, but there are many scenarios where assets management is required, so it would be better to implement it through some specific plugins. Due to limited development resources, we can only consider implementing basic functions. Of course, if community developers contribute PR, we will also consider integrating them into native functions.

This issue will remain open until February so that more people can see it, and then it will be closed. Thank you for your understanding.

@Aryank90
Copy link

Aryank90 commented Jan 6, 2025

Someone please make this real! I always wanted this kind of assets management in Siyuan @UsmanTechJive did fantastic job here.

@UsmanTechJive
Copy link
Author

Someone please make this real! I always wanted this kind of assets management in Siyuan @UsmanTechJive did fantastic job here.

Thanks! I feel the same way, brother. I just hope someone from the community can turn these concepts into reality, this is a much needed feature.

@UsmanTechJive
Copy link
Author

UsmanTechJive commented Jan 6, 2025

We plan to implement the gallery view this year, but there are many scenarios where assets management is required, so it would be better to implement it through some specific plugins. Due to limited development resources, we can only consider implementing basic functions. Of course, if community developers contribute PR, we will also consider integrating them into native functions.

This issue will remain open until February so that more people can see it, and then it will be closed. Thank you for your understanding.

Thanks, appreciate that.

I think it's best to keep it open, someone might make this a reality someday. I would do it myself, but I don't have enough plugin development knowledge in deep.

@Muko-Tabi
Copy link

Just a suggestion but it would help if the post is renamed with help seek and is pinned, it's easier to missed when there are issues daily

@UsmanTechJive
Copy link
Author

Just a suggestion but it would help if the post is renamed with help seek and is pinned, it's easier to missed when there are issues daily

couldn't agree more.

@HeyAlex-90
Copy link

Just a suggestion but it would help if the post is renamed with help seek and is pinned, it's easier to missed when there are issues daily

Yes +1

@ZSCN2024
Copy link

ZSCN2024 commented Jan 7, 2025

Just a suggestion but it would help if the post is renamed with help seek and is pinned, it's easier to missed when there are issues daily

Great idea, I support it.

@ThisIsEva
Copy link

Just a suggestion but it would help if the post is renamed with help seek and is pinned, it's easier to missed when there are issues daily

I support it too.

@itszarnish
Copy link

Just a suggestion but it would help if the post is renamed with help seek and is pinned, it's easier to missed when there are issues daily

+1

@HamXaY09
Copy link

@88250 can you pin this somewhere so it's visible to all other community devs? This is exactly what I've imagined for Siyuan, and I really really need these features so badly! 🙏

@88250 88250 pinned this issue Jan 10, 2025
@88250 88250 added the Idea label Jan 10, 2025
@InayaWhoCodes
Copy link

+1!

@Priya-V0
Copy link

This is the most needed feature for me. +1

@TonyAtlas
Copy link

A very good and certainly ambitious idea! I would definitely use this on a regular basis. I have to work with images a lot. This kind of image management could take the user experience to a new level.

@TonyAtlas
Copy link

I wanted to add that this kind of implementation seems to be the most versatile to use. I.e. it will be useful in a huge number of scenarios for many users.
It seems like a big and very important functionality and I'm not even sure if third-party developers can handle it decently without degrading the speed of the application....

@ZSCN2024
Copy link

I wanted to add that this kind of implementation seems to be the most versatile to use. I.e. it will be useful in a huge number of scenarios for many users. It seems like a big and very important functionality and I'm not even sure if third-party developers can handle it decently without degrading the speed of the application....

Your concern is valid, but I still believe in the developers’ ability to deliver. I’ve been using SiYuan Note for two years and have seen how they’ve worked steadily to improve the software’s stability, performance, and features. The progress they’ve achieved is truly remarkable.

@TonyAtlas
Copy link

I wanted to add that this kind of implementation seems to be the most versatile to use. I.e. it will be useful in a huge number of scenarios for many users. It seems like a big and very important functionality and I'm not even sure if third-party developers can handle it decently without degrading the speed of the application....

Your concern is valid, but I still believe in the developers’ ability to deliver. I’ve been using SiYuan Note for two years and have seen how they’ve worked steadily to improve the software’s stability, performance, and features. The progress they’ve achieved is truly remarkable.

Totally agree with you! I tried SiYuan a couple years ago and then left for Obsidian, but have been following the SiYuan project. All this time I saw how they are actively working on the project and have made a lot of progress. I would especially like to mention the databases.
As a result, I recently decided to come back to SiYuan again and try to use it as my main application. It is very pleasant to use.
I have a lot of respect to the developers for their hard work and professionalism.

@UsmanTechJive
Copy link
Author

I wanted to add that this kind of implementation seems to be the most versatile to use. I.e. it will be useful in a huge number of scenarios for many users. It seems like a big and very important functionality and I'm not even sure if third-party developers can handle it decently without degrading the speed of the application....

Your concern is valid, but I still believe in the developers’ ability to deliver. I’ve been using SiYuan Note for two years and have seen how they’ve worked steadily to improve the software’s stability, performance, and features. The progress they’ve achieved is truly remarkable.

Totally agree with you! I tried SiYuan a couple years ago and then left for Obsidian, but have been following the SiYuan project. All this time I saw how they are actively working on the project and have made a lot of progress. I would especially like to mention the databases. As a result, I recently decided to come back to SiYuan again and try to use it as my main application. It is very pleasant to use. I have a lot of respect to the developers for their hard work and professionalism.

Could not agree more - my story is similar! I started my journey with Obsidian, but since I found Siyuan back in 2023, I switched immediately and have been using it ever since. All credit goes to the devs who put their heart and soul into this app, providing amazing features that even Notion and Obsidian don't have. Though Obsidian's plugin marketplace is huge, Siyuan still stands out, and it's fast as well.

@LoganYang300
Copy link

I found this through a Reddit post, and I've been looking for exactly this feature!

Thanks to @UsmanTechJive who created the designs to show the perspective and possibility. Honestly, I've never seen this in any PKM tool, and if SiYuan successfully adds this feature (either natively or through community developer support), I'm sure many many people will switch to SiYuan. Plus, from what I've heard, the developers are planning to add gallery and kanban views this year - if that happens, I won't need Notion, Obsidian, or similar tools anymore in my life, and I think many others will feel the same.

I wholeheartedly support this idea a million times over! +1

@YusufDemir90
Copy link

+1

@based-coder808
Copy link

Been looking for this kind of feature for so long ... +100!

@based-coder808
Copy link

Can we have both a Gallery View for the first half and a Kanban View for the second half of this year? 👀

@IntoTheVoid000
Copy link

For my use case, this can be extremely helpful.

@Muko-Tabi
Copy link

Muko-Tabi commented Jan 18, 2025

Just a recap for newcomer:

  • This request is pinned, so people to seek people that want to help in making it. The SiYuan team have 2 main devs, and they have their hand full, so other contributors are needed for this request.
  • Currently based on the poll the team are likely to be working on Calendar View first half of 2025 and Gallery View second half of 2025.
  • Everyone is welcome to show support for this idea, but we still need new contributors to make this a reality.

Edit: From the poll on the Chinese community that is holding x10 more vote than the English, Gallery View > Kanban View > Calendar View

@KuiyueRO
Copy link

  • Currently based on the poll the team are likely to be working on Calendar View first half of 2025 and Gallery View second half of 2025.

Some additional information is needed here:

The development team is likely to decide which view to prioritize based on the cumulative votes from both the Chinese and international communities. Currently, it seems that the gallery view is the frontrunner.

@Muko-Tabi
Copy link

  • Currently based on the poll the team are likely to be working on Calendar View first half of 2025 and Gallery View second half of 2025.

Some additional information is needed here:

The development team is likely to decide which view to prioritize based on the cumulative votes from both the Chinese and international communities. Currently, it seems that the gallery view is the frontrunner.

* https://ld246.com/article/1736306868100

* https://liuyun.io/article/1736307279668

Ah, thanks for that. The Chinese forum before this was blocked to unregistered user that doesn't have a Chinese phone number, so I didn't go looking over there. Let me edit the recap.

@jackiallied
Copy link

is any community dev willing to turn this into a reality, any one?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests