Implement the Settings page in the Svelte Web UI

[mufeedvh]

In the main UI, the Settings page is not implemented yet. Here's how to implement it:

API

Set Settings

Endpoint: /api/set-settings
Method: POST
JSON Request Body:

{
  "STORAGE": {
    "SQLITE_DB": "db/devika.db",
    "SCREENSHOTS_DIR": "screenshots",
    "PDFS_DIR": "pdfs",
    "PROJECTS_DIR": "projects",
    "LOGS_DIR": "logs",
    "REPOS_DIR": "repos"
  },
  "API_KEYS": {
    "BING": "<YOUR_BING_API_KEY>",
    "CLAUDE": "<YOUR_CLAUDE_API_KEY>",
    "NETLIFY": "<YOUR_NETLIFY_API_KEY>",
    "OPENAI": "<YOUR_OPENAI_API_KEY>"
  },
  "API_ENDPOINTS": {
    "BING": "https://api.bing.microsoft.com/v7.0/search"
  }
}

Get Settings

Endpoint: /api/get-settings
Method: GET

{
  "STORAGE": {
    "SQLITE_DB": "db/devika.db",
    "SCREENSHOTS_DIR": "screenshots",
    "PDFS_DIR": "pdfs",
    "PROJECTS_DIR": "projects",
    "LOGS_DIR": "logs",
    "REPOS_DIR": "repos"
  },
  "API_KEYS": {
    "BING": "<YOUR_BING_API_KEY>",
    "CLAUDE": "<YOUR_CLAUDE_API_KEY>",
    "NETLIFY": "<YOUR_NETLIFY_API_KEY>",
    "OPENAI": "<YOUR_OPENAI_API_KEY>"
  },
  "API_ENDPOINTS": {
    "BING": "https://api.bing.microsoft.com/v7.0/search"
  }
}

UI

Add the required form widgets for each of these configuration values.

[Haimantika]

Hi @mufeedvh I can take this one up, but please provide more details on how you want it to look like and what details to be added.

[mufeedvh]

Hey @Haimantika, just updated the Issue with the everything required to implement this! If you need any more information/details on this, feel free to ask! Thanks! 🙌❤️

[Chenthan]

Hi @mufeedvh I also want to take part in this. Can you provide UI wireframe for this feature

[Haimantika]

@Chenthan I am will be out of office until next week, so you can take it up if you want. If you can’t solve until then, I can help :)

[Chenthan]

@Haimantika Fine. I can take this.

[manish-9245]

Hi I can take this up and implement it! Happy to contribute

[rgsk]

#110

@Chenthan @manish-9245 this is almost complete.