@oasisomniverse/svelte 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (120) hide show
  1. package/package.json +36 -0
  2. package/src/components/AvatarConnect.svelte +61 -0
  3. package/src/components/AvatarProfile.svelte +124 -0
  4. package/src/components/ComingSoon.svelte +13 -0
  5. package/src/components/Confirmation.svelte +21 -0
  6. package/src/components/Contact.svelte +38 -0
  7. package/src/components/Eggs.svelte +40 -0
  8. package/src/components/ForgotPassword.svelte +67 -0
  9. package/src/components/Game.svelte +28 -0
  10. package/src/components/HyperDrive.svelte +42 -0
  11. package/src/components/KarmaPanel.svelte +74 -0
  12. package/src/components/KarmaToast.svelte +23 -0
  13. package/src/components/Login.svelte +88 -0
  14. package/src/components/Map.svelte +41 -0
  15. package/src/components/MenuMessage.svelte +59 -0
  16. package/src/components/Messaging.svelte +41 -0
  17. package/src/components/Mission.svelte +31 -0
  18. package/src/components/NFT.svelte +37 -0
  19. package/src/components/NavBar.svelte +63 -0
  20. package/src/components/OApp.svelte +36 -0
  21. package/src/components/ONET.svelte +35 -0
  22. package/src/components/ONODE.svelte +36 -0
  23. package/src/components/OasisModal.svelte +35 -0
  24. package/src/components/ProviderDropdown.svelte +35 -0
  25. package/src/components/Providers.svelte +29 -0
  26. package/src/components/Quest.svelte +34 -0
  27. package/src/components/ResetPassword.svelte +28 -0
  28. package/src/components/SearchAvatars.svelte +44 -0
  29. package/src/components/Seeds.svelte +39 -0
  30. package/src/components/Settings.svelte +59 -0
  31. package/src/components/Signup.svelte +115 -0
  32. package/src/components/StarField.svelte +47 -0
  33. package/src/components/VerifyEmail.svelte +18 -0
  34. package/src/components/Wallet.svelte +42 -0
  35. package/src/components/avatar/AvatarWallet.svelte +17 -0
  36. package/src/components/avatar/EditAvatar.svelte +17 -0
  37. package/src/components/avatar/SearchAvatar.svelte +17 -0
  38. package/src/components/avatar/ViewAvatar.svelte +17 -0
  39. package/src/components/comingsoon/ComingSoon.svelte +17 -0
  40. package/src/components/confirmation/Confirmation.svelte +17 -0
  41. package/src/components/contact/Contact.svelte +17 -0
  42. package/src/components/data-screen/AddData.svelte +17 -0
  43. package/src/components/data-screen/CrossChainManagement.svelte +17 -0
  44. package/src/components/data-screen/LoadData.svelte +17 -0
  45. package/src/components/data-screen/ManageData.svelte +17 -0
  46. package/src/components/data-screen/OffChainManagement.svelte +17 -0
  47. package/src/components/data-screen/SearchData.svelte +17 -0
  48. package/src/components/eggs/ManageEggs.svelte +17 -0
  49. package/src/components/eggs/SearchEggs.svelte +17 -0
  50. package/src/components/eggs/ViewEggs.svelte +17 -0
  51. package/src/components/game/SearchProfiles.svelte +17 -0
  52. package/src/components/game/ViewAchievements.svelte +17 -0
  53. package/src/components/game/ViewLeagues.svelte +17 -0
  54. package/src/components/game/ViewTournaments.svelte +17 -0
  55. package/src/components/karma/SearchKarma.svelte +17 -0
  56. package/src/components/karma/ViewAvatarKarma.svelte +17 -0
  57. package/src/components/karma/ViewKarma.svelte +17 -0
  58. package/src/components/karma/VoteKarma.svelte +17 -0
  59. package/src/components/map/Add2dObjectMap.svelte +17 -0
  60. package/src/components/map/Add3dObjectMap.svelte +17 -0
  61. package/src/components/map/AddQuestToMap.svelte +17 -0
  62. package/src/components/map/DownloadOurWorld.svelte +17 -0
  63. package/src/components/map/ManageMap.svelte +17 -0
  64. package/src/components/map/PlotRouteOnMap.svelte +17 -0
  65. package/src/components/map/SearchMap.svelte +17 -0
  66. package/src/components/map/ViewGlobal3dMap.svelte +17 -0
  67. package/src/components/map/ViewHalonsOnMap.svelte +17 -0
  68. package/src/components/map/ViewOappOnMap.svelte +17 -0
  69. package/src/components/map/ViewQuestOnMap.svelte +17 -0
  70. package/src/components/messages/Message.svelte +17 -0
  71. package/src/components/mission/ManageMission.svelte +17 -0
  72. package/src/components/mission/SearchMission.svelte +17 -0
  73. package/src/components/mission/ViewMission.svelte +17 -0
  74. package/src/components/nft/ContactPopup.svelte +17 -0
  75. package/src/components/nft/ManageOasisNft.svelte +17 -0
  76. package/src/components/nft/PurchaseOasisNft.svelte +17 -0
  77. package/src/components/nft/PurchaseOasisVirtualLandNft.svelte +17 -0
  78. package/src/components/nft/SearchOasisNft.svelte +17 -0
  79. package/src/components/nft/Solana.svelte +17 -0
  80. package/src/components/nft/ViewOasisNft.svelte +17 -0
  81. package/src/components/oapp/CreateOAPP.svelte +17 -0
  82. package/src/components/oapp/DeployOAPP.svelte +17 -0
  83. package/src/components/oapp/DownloadOurWorld.svelte +17 -0
  84. package/src/components/oapp/EditOAPP.svelte +17 -0
  85. package/src/components/oapp/InstallOAPP.svelte +17 -0
  86. package/src/components/oapp/LaunchOAPP.svelte +17 -0
  87. package/src/components/oapp/ManageOAPP.svelte +17 -0
  88. package/src/components/oapp/SearchOAPP.svelte +17 -0
  89. package/src/components/provider/ActivityPub.svelte +17 -0
  90. package/src/components/provider/CompareProviderSpeeds.svelte +17 -0
  91. package/src/components/provider/Eosio.svelte +17 -0
  92. package/src/components/provider/Ethereum.svelte +17 -0
  93. package/src/components/provider/Holochain.svelte +17 -0
  94. package/src/components/provider/Ipfs.svelte +17 -0
  95. package/src/components/provider/ManageAutoFailOver.svelte +17 -0
  96. package/src/components/provider/ManageAutoReplicaton.svelte +17 -0
  97. package/src/components/provider/ManageLoadBalancing.svelte +17 -0
  98. package/src/components/provider/ManageProviders.svelte +17 -0
  99. package/src/components/provider/MongoDb.svelte +17 -0
  100. package/src/components/provider/Neo4j.svelte +17 -0
  101. package/src/components/provider/SearchProviders.svelte +17 -0
  102. package/src/components/provider/Seeds.svelte +17 -0
  103. package/src/components/provider/Solid.svelte +17 -0
  104. package/src/components/provider/SqlLite.svelte +17 -0
  105. package/src/components/provider/ThreeFold.svelte +17 -0
  106. package/src/components/provider/ViewProviderStats.svelte +17 -0
  107. package/src/components/provider/ViewProviders.svelte +17 -0
  108. package/src/components/quest/ManageQuest.svelte +17 -0
  109. package/src/components/quest/SearchQuest.svelte +17 -0
  110. package/src/components/quest/ViewQuest.svelte +17 -0
  111. package/src/components/seeds/AcceptInvite.svelte +17 -0
  112. package/src/components/seeds/DonateSeeds.svelte +17 -0
  113. package/src/components/seeds/ManageSeeds.svelte +17 -0
  114. package/src/components/seeds/PayWithSeeds.svelte +17 -0
  115. package/src/components/seeds/RewardSeeds.svelte +17 -0
  116. package/src/components/seeds/SearchSeeds.svelte +17 -0
  117. package/src/components/seeds/SendInvite.svelte +17 -0
  118. package/src/components/seeds/ViewOrganizations.svelte +17 -0
  119. package/src/components/seeds/ViewSeeds.svelte +17 -0
  120. package/src/index.ts +139 -0
package/src/components/nft/PurchaseOasisVirtualLandNft.svelte ADDED
@@ -0,0 +1,17 @@
1
+ <script lang="ts">
2
+ import { createEventDispatcher } from 'svelte'
3
+ export let show = false
4
+ const dispatch = createEventDispatcher()
5
+ function close() { dispatch('hide') }
6
+ </script>
7
+ {#if show}
8
+ <div class="cs-shell">
9
+ <div class="cs-icon">ℹ️</div>
10
+ <h2 class="cs-title">Purchase OASIS Virtual Land NFT</h2>
11
+ <p class="cs-body">UI Coming Soon — use the OASIS API from the Developer menu for this functionality.</p>
12
+ <button class="cs-btn" on:click={close}>OK</button>
13
+ </div>
14
+ {/if}
15
+ <style>
16
+ .cs-shell{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 20px;text-align:center}.cs-icon{font-size:48px}.cs-title{font-family:Orbitron,sans-serif;font-size:18px;color:#fff;margin:0}.cs-body{font-size:13px;color:#7a9bbf;line-height:1.6;margin:0;max-width:340px}.cs-btn{margin-top:8px;background:linear-gradient(135deg,#00c8ff,#0080ff);border:none;border-radius:8px;color:#fff;font-family:Orbitron,sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em;padding:10px 28px;cursor:pointer}
17
+ </style>
package/src/components/nft/SearchOasisNft.svelte ADDED
@@ -0,0 +1,17 @@
1
+ <script lang="ts">
2
+ import { createEventDispatcher } from 'svelte'
3
+ export let show = false
4
+ const dispatch = createEventDispatcher()
5
+ function close() { dispatch('hide') }
6
+ </script>
7
+ {#if show}
8
+ <div class="cs-shell">
9
+ <div class="cs-icon">ℹ️</div>
10
+ <h2 class="cs-title">Search OASIS NFT</h2>
11
+ <p class="cs-body">UI Coming Soon — use the OASIS API from the Developer menu for this functionality.</p>
12
+ <button class="cs-btn" on:click={close}>OK</button>
13
+ </div>
14
+ {/if}
15
+ <style>
16
+ .cs-shell{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 20px;text-align:center}.cs-icon{font-size:48px}.cs-title{font-family:Orbitron,sans-serif;font-size:18px;color:#fff;margin:0}.cs-body{font-size:13px;color:#7a9bbf;line-height:1.6;margin:0;max-width:340px}.cs-btn{margin-top:8px;background:linear-gradient(135deg,#00c8ff,#0080ff);border:none;border-radius:8px;color:#fff;font-family:Orbitron,sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em;padding:10px 28px;cursor:pointer}
17
+ </style>
package/src/components/nft/Solana.svelte ADDED
@@ -0,0 +1,17 @@
1
+ <script lang="ts">
2
+ import { createEventDispatcher } from 'svelte'
3
+ export let show = false
4
+ const dispatch = createEventDispatcher()
5
+ function close() { dispatch('hide') }
6
+ </script>
7
+ {#if show}
8
+ <div class="cs-shell">
9
+ <div class="cs-icon">ℹ️</div>
10
+ <h2 class="cs-title">Solana</h2>
11
+ <p class="cs-body">UI Coming Soon — use the OASIS API from the Developer menu for this functionality.</p>
12
+ <button class="cs-btn" on:click={close}>OK</button>
13
+ </div>
14
+ {/if}
15
+ <style>
16
+ .cs-shell{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 20px;text-align:center}.cs-icon{font-size:48px}.cs-title{font-family:Orbitron,sans-serif;font-size:18px;color:#fff;margin:0}.cs-body{font-size:13px;color:#7a9bbf;line-height:1.6;margin:0;max-width:340px}.cs-btn{margin-top:8px;background:linear-gradient(135deg,#00c8ff,#0080ff);border:none;border-radius:8px;color:#fff;font-family:Orbitron,sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em;padding:10px 28px;cursor:pointer}
17
+ </style>
package/src/components/nft/ViewOasisNft.svelte ADDED
@@ -0,0 +1,17 @@
1
+ <script lang="ts">
2
+ import { createEventDispatcher } from 'svelte'
3
+ export let show = false
4
+ const dispatch = createEventDispatcher()
5
+ function close() { dispatch('hide') }
6
+ </script>
7
+ {#if show}
8
+ <div class="cs-shell">
9
+ <div class="cs-icon">ℹ️</div>
10
+ <h2 class="cs-title">View OASIS NFT</h2>
11
+ <p class="cs-body">UI Coming Soon — use the OASIS API from the Developer menu for this functionality.</p>
12
+ <button class="cs-btn" on:click={close}>OK</button>
13
+ </div>
14
+ {/if}
15
+ <style>
16
+ .cs-shell{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 20px;text-align:center}.cs-icon{font-size:48px}.cs-title{font-family:Orbitron,sans-serif;font-size:18px;color:#fff;margin:0}.cs-body{font-size:13px;color:#7a9bbf;line-height:1.6;margin:0;max-width:340px}.cs-btn{margin-top:8px;background:linear-gradient(135deg,#00c8ff,#0080ff);border:none;border-radius:8px;color:#fff;font-family:Orbitron,sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em;padding:10px 28px;cursor:pointer}
17
+ </style>
package/src/components/oapp/CreateOAPP.svelte ADDED
@@ -0,0 +1,17 @@
1
+ <script lang="ts">
2
+ import { createEventDispatcher } from 'svelte'
3
+ export let show = false
4
+ const dispatch = createEventDispatcher()
5
+ function close() { dispatch('hide') }
6
+ </script>
7
+ {#if show}
8
+ <div class="cs-shell">
9
+ <div class="cs-icon">ℹ️</div>
10
+ <h2 class="cs-title">Create OAPP</h2>
11
+ <p class="cs-body">UI Coming Soon — use the OASIS API from the Developer menu for this functionality.</p>
12
+ <button class="cs-btn" on:click={close}>OK</button>
13
+ </div>
14
+ {/if}
15
+ <style>
16
+ .cs-shell{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 20px;text-align:center}.cs-icon{font-size:48px}.cs-title{font-family:Orbitron,sans-serif;font-size:18px;color:#fff;margin:0}.cs-body{font-size:13px;color:#7a9bbf;line-height:1.6;margin:0;max-width:340px}.cs-btn{margin-top:8px;background:linear-gradient(135deg,#00c8ff,#0080ff);border:none;border-radius:8px;color:#fff;font-family:Orbitron,sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em;padding:10px 28px;cursor:pointer}
17
+ </style>
package/src/components/oapp/DeployOAPP.svelte ADDED
@@ -0,0 +1,17 @@
1
+ <script lang="ts">
2
+ import { createEventDispatcher } from 'svelte'
3
+ export let show = false
4
+ const dispatch = createEventDispatcher()
5
+ function close() { dispatch('hide') }
6
+ </script>
7
+ {#if show}
8
+ <div class="cs-shell">
9
+ <div class="cs-icon">ℹ️</div>
10
+ <h2 class="cs-title">Deploy OAPP</h2>
11
+ <p class="cs-body">UI Coming Soon — use the OASIS API from the Developer menu for this functionality.</p>
12
+ <button class="cs-btn" on:click={close}>OK</button>
13
+ </div>
14
+ {/if}
15
+ <style>
16
+ .cs-shell{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 20px;text-align:center}.cs-icon{font-size:48px}.cs-title{font-family:Orbitron,sans-serif;font-size:18px;color:#fff;margin:0}.cs-body{font-size:13px;color:#7a9bbf;line-height:1.6;margin:0;max-width:340px}.cs-btn{margin-top:8px;background:linear-gradient(135deg,#00c8ff,#0080ff);border:none;border-radius:8px;color:#fff;font-family:Orbitron,sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em;padding:10px 28px;cursor:pointer}
17
+ </style>
package/src/components/oapp/DownloadOurWorld.svelte ADDED
@@ -0,0 +1,17 @@
1
+ <script lang="ts">
2
+ import { createEventDispatcher } from 'svelte'
3
+ export let show = false
4
+ const dispatch = createEventDispatcher()
5
+ function close() { dispatch('hide') }
6
+ </script>
7
+ {#if show}
8
+ <div class="cs-shell">
9
+ <div class="cs-icon">ℹ️</div>
10
+ <h2 class="cs-title">Download Our World</h2>
11
+ <p class="cs-body">UI Coming Soon — use the OASIS API from the Developer menu for this functionality.</p>
12
+ <button class="cs-btn" on:click={close}>OK</button>
13
+ </div>
14
+ {/if}
15
+ <style>
16
+ .cs-shell{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 20px;text-align:center}.cs-icon{font-size:48px}.cs-title{font-family:Orbitron,sans-serif;font-size:18px;color:#fff;margin:0}.cs-body{font-size:13px;color:#7a9bbf;line-height:1.6;margin:0;max-width:340px}.cs-btn{margin-top:8px;background:linear-gradient(135deg,#00c8ff,#0080ff);border:none;border-radius:8px;color:#fff;font-family:Orbitron,sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em;padding:10px 28px;cursor:pointer}
17
+ </style>
package/src/components/oapp/EditOAPP.svelte ADDED
@@ -0,0 +1,17 @@
1
+ <script lang="ts">
2
+ import { createEventDispatcher } from 'svelte'
3
+ export let show = false
4
+ const dispatch = createEventDispatcher()
5
+ function close() { dispatch('hide') }
6
+ </script>
7
+ {#if show}
8
+ <div class="cs-shell">
9
+ <div class="cs-icon">ℹ️</div>
10
+ <h2 class="cs-title">Edit OAPP</h2>
11
+ <p class="cs-body">UI Coming Soon — use the OASIS API from the Developer menu for this functionality.</p>
12
+ <button class="cs-btn" on:click={close}>OK</button>
13
+ </div>
14
+ {/if}
15
+ <style>
16
+ .cs-shell{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 20px;text-align:center}.cs-icon{font-size:48px}.cs-title{font-family:Orbitron,sans-serif;font-size:18px;color:#fff;margin:0}.cs-body{font-size:13px;color:#7a9bbf;line-height:1.6;margin:0;max-width:340px}.cs-btn{margin-top:8px;background:linear-gradient(135deg,#00c8ff,#0080ff);border:none;border-radius:8px;color:#fff;font-family:Orbitron,sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em;padding:10px 28px;cursor:pointer}
17
+ </style>
package/src/components/oapp/InstallOAPP.svelte ADDED
@@ -0,0 +1,17 @@
1
+ <script lang="ts">
2
+ import { createEventDispatcher } from 'svelte'
3
+ export let show = false
4
+ const dispatch = createEventDispatcher()
5
+ function close() { dispatch('hide') }
6
+ </script>
7
+ {#if show}
8
+ <div class="cs-shell">
9
+ <div class="cs-icon">ℹ️</div>
10
+ <h2 class="cs-title">Install OAPP</h2>
11
+ <p class="cs-body">UI Coming Soon — use the OASIS API from the Developer menu for this functionality.</p>
12
+ <button class="cs-btn" on:click={close}>OK</button>
13
+ </div>
14
+ {/if}
15
+ <style>
16
+ .cs-shell{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 20px;text-align:center}.cs-icon{font-size:48px}.cs-title{font-family:Orbitron,sans-serif;font-size:18px;color:#fff;margin:0}.cs-body{font-size:13px;color:#7a9bbf;line-height:1.6;margin:0;max-width:340px}.cs-btn{margin-top:8px;background:linear-gradient(135deg,#00c8ff,#0080ff);border:none;border-radius:8px;color:#fff;font-family:Orbitron,sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em;padding:10px 28px;cursor:pointer}
17
+ </style>
package/src/components/oapp/LaunchOAPP.svelte ADDED
@@ -0,0 +1,17 @@
1
+ <script lang="ts">
2
+ import { createEventDispatcher } from 'svelte'
3
+ export let show = false
4
+ const dispatch = createEventDispatcher()
5
+ function close() { dispatch('hide') }
6
+ </script>
7
+ {#if show}
8
+ <div class="cs-shell">
9
+ <div class="cs-icon">ℹ️</div>
10
+ <h2 class="cs-title">Launch OAPP</h2>
11
+ <p class="cs-body">UI Coming Soon — use the OASIS API from the Developer menu for this functionality.</p>
12
+ <button class="cs-btn" on:click={close}>OK</button>
13
+ </div>
14
+ {/if}
15
+ <style>
16
+ .cs-shell{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 20px;text-align:center}.cs-icon{font-size:48px}.cs-title{font-family:Orbitron,sans-serif;font-size:18px;color:#fff;margin:0}.cs-body{font-size:13px;color:#7a9bbf;line-height:1.6;margin:0;max-width:340px}.cs-btn{margin-top:8px;background:linear-gradient(135deg,#00c8ff,#0080ff);border:none;border-radius:8px;color:#fff;font-family:Orbitron,sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em;padding:10px 28px;cursor:pointer}
17
+ </style>
package/src/components/oapp/ManageOAPP.svelte ADDED
@@ -0,0 +1,17 @@
1
+ <script lang="ts">
2
+ import { createEventDispatcher } from 'svelte'
3
+ export let show = false
4
+ const dispatch = createEventDispatcher()
5
+ function close() { dispatch('hide') }
6
+ </script>
7
+ {#if show}
8
+ <div class="cs-shell">
9
+ <div class="cs-icon">ℹ️</div>
10
+ <h2 class="cs-title">Manage OAPP</h2>
11
+ <p class="cs-body">UI Coming Soon — use the OASIS API from the Developer menu for this functionality.</p>
12
+ <button class="cs-btn" on:click={close}>OK</button>
13
+ </div>
14
+ {/if}
15
+ <style>
16
+ .cs-shell{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 20px;text-align:center}.cs-icon{font-size:48px}.cs-title{font-family:Orbitron,sans-serif;font-size:18px;color:#fff;margin:0}.cs-body{font-size:13px;color:#7a9bbf;line-height:1.6;margin:0;max-width:340px}.cs-btn{margin-top:8px;background:linear-gradient(135deg,#00c8ff,#0080ff);border:none;border-radius:8px;color:#fff;font-family:Orbitron,sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em;padding:10px 28px;cursor:pointer}
17
+ </style>
package/src/components/oapp/SearchOAPP.svelte ADDED
@@ -0,0 +1,17 @@
1
+ <script lang="ts">
2
+ import { createEventDispatcher } from 'svelte'
3
+ export let show = false
4
+ const dispatch = createEventDispatcher()
5
+ function close() { dispatch('hide') }
6
+ </script>
7
+ {#if show}
8
+ <div class="cs-shell">
9
+ <div class="cs-icon">ℹ️</div>
10
+ <h2 class="cs-title">Search OAPP</h2>
11
+ <p class="cs-body">UI Coming Soon — use the OASIS API from the Developer menu for this functionality.</p>
12
+ <button class="cs-btn" on:click={close}>OK</button>
13
+ </div>
14
+ {/if}
15
+ <style>
16
+ .cs-shell{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 20px;text-align:center}.cs-icon{font-size:48px}.cs-title{font-family:Orbitron,sans-serif;font-size:18px;color:#fff;margin:0}.cs-body{font-size:13px;color:#7a9bbf;line-height:1.6;margin:0;max-width:340px}.cs-btn{margin-top:8px;background:linear-gradient(135deg,#00c8ff,#0080ff);border:none;border-radius:8px;color:#fff;font-family:Orbitron,sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em;padding:10px 28px;cursor:pointer}
17
+ </style>
package/src/components/provider/ActivityPub.svelte ADDED
@@ -0,0 +1,17 @@
1
+ <script lang="ts">
2
+ import { createEventDispatcher } from 'svelte'
3
+ export let show = false
4
+ const dispatch = createEventDispatcher()
5
+ function close() { dispatch('hide') }
6
+ </script>
7
+ {#if show}
8
+ <div class="cs-shell">
9
+ <div class="cs-icon">ℹ️</div>
10
+ <h2 class="cs-title">ActivityPub</h2>
11
+ <p class="cs-body">UI Coming Soon — use the OASIS API from the Developer menu for this functionality.</p>
12
+ <button class="cs-btn" on:click={close}>OK</button>
13
+ </div>
14
+ {/if}
15
+ <style>
16
+ .cs-shell{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 20px;text-align:center}.cs-icon{font-size:48px}.cs-title{font-family:Orbitron,sans-serif;font-size:18px;color:#fff;margin:0}.cs-body{font-size:13px;color:#7a9bbf;line-height:1.6;margin:0;max-width:340px}.cs-btn{margin-top:8px;background:linear-gradient(135deg,#00c8ff,#0080ff);border:none;border-radius:8px;color:#fff;font-family:Orbitron,sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em;padding:10px 28px;cursor:pointer}
17
+ </style>
package/src/components/provider/CompareProviderSpeeds.svelte ADDED
@@ -0,0 +1,17 @@
1
+ <script lang="ts">
2
+ import { createEventDispatcher } from 'svelte'
3
+ export let show = false
4
+ const dispatch = createEventDispatcher()
5
+ function close() { dispatch('hide') }
6
+ </script>
7
+ {#if show}
8
+ <div class="cs-shell">
9
+ <div class="cs-icon">ℹ️</div>
10
+ <h2 class="cs-title">Compare Provider Speeds</h2>
11
+ <p class="cs-body">UI Coming Soon — use the OASIS API from the Developer menu for this functionality.</p>
12
+ <button class="cs-btn" on:click={close}>OK</button>
13
+ </div>
14
+ {/if}
15
+ <style>
16
+ .cs-shell{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 20px;text-align:center}.cs-icon{font-size:48px}.cs-title{font-family:Orbitron,sans-serif;font-size:18px;color:#fff;margin:0}.cs-body{font-size:13px;color:#7a9bbf;line-height:1.6;margin:0;max-width:340px}.cs-btn{margin-top:8px;background:linear-gradient(135deg,#00c8ff,#0080ff);border:none;border-radius:8px;color:#fff;font-family:Orbitron,sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em;padding:10px 28px;cursor:pointer}
17
+ </style>
package/src/components/provider/Eosio.svelte ADDED
@@ -0,0 +1,17 @@
1
+ <script lang="ts">
2
+ import { createEventDispatcher } from 'svelte'
3
+ export let show = false
4
+ const dispatch = createEventDispatcher()
5
+ function close() { dispatch('hide') }
6
+ </script>
7
+ {#if show}
8
+ <div class="cs-shell">
9
+ <div class="cs-icon">ℹ️</div>
10
+ <h2 class="cs-title">EOSIO</h2>
11
+ <p class="cs-body">UI Coming Soon — use the OASIS API from the Developer menu for this functionality.</p>
12
+ <button class="cs-btn" on:click={close}>OK</button>
13
+ </div>
14
+ {/if}
15
+ <style>
16
+ .cs-shell{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 20px;text-align:center}.cs-icon{font-size:48px}.cs-title{font-family:Orbitron,sans-serif;font-size:18px;color:#fff;margin:0}.cs-body{font-size:13px;color:#7a9bbf;line-height:1.6;margin:0;max-width:340px}.cs-btn{margin-top:8px;background:linear-gradient(135deg,#00c8ff,#0080ff);border:none;border-radius:8px;color:#fff;font-family:Orbitron,sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em;padding:10px 28px;cursor:pointer}
17
+ </style>
package/src/components/provider/Ethereum.svelte ADDED
@@ -0,0 +1,17 @@
1
+ <script lang="ts">
2
+ import { createEventDispatcher } from 'svelte'
3
+ export let show = false
4
+ const dispatch = createEventDispatcher()
5
+ function close() { dispatch('hide') }
6
+ </script>
7
+ {#if show}
8
+ <div class="cs-shell">
9
+ <div class="cs-icon">ℹ️</div>
10
+ <h2 class="cs-title">Ethereum</h2>
11
+ <p class="cs-body">UI Coming Soon — use the OASIS API from the Developer menu for this functionality.</p>
12
+ <button class="cs-btn" on:click={close}>OK</button>
13
+ </div>
14
+ {/if}
15
+ <style>
16
+ .cs-shell{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 20px;text-align:center}.cs-icon{font-size:48px}.cs-title{font-family:Orbitron,sans-serif;font-size:18px;color:#fff;margin:0}.cs-body{font-size:13px;color:#7a9bbf;line-height:1.6;margin:0;max-width:340px}.cs-btn{margin-top:8px;background:linear-gradient(135deg,#00c8ff,#0080ff);border:none;border-radius:8px;color:#fff;font-family:Orbitron,sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em;padding:10px 28px;cursor:pointer}
17
+ </style>
package/src/components/provider/Holochain.svelte ADDED
@@ -0,0 +1,17 @@
1
+ <script lang="ts">
2
+ import { createEventDispatcher } from 'svelte'
3
+ export let show = false
4
+ const dispatch = createEventDispatcher()
5
+ function close() { dispatch('hide') }
6
+ </script>
7
+ {#if show}
8
+ <div class="cs-shell">
9
+ <div class="cs-icon">ℹ️</div>
10
+ <h2 class="cs-title">Holochain</h2>
11
+ <p class="cs-body">UI Coming Soon — use the OASIS API from the Developer menu for this functionality.</p>
12
+ <button class="cs-btn" on:click={close}>OK</button>
13
+ </div>
14
+ {/if}
15
+ <style>
16
+ .cs-shell{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 20px;text-align:center}.cs-icon{font-size:48px}.cs-title{font-family:Orbitron,sans-serif;font-size:18px;color:#fff;margin:0}.cs-body{font-size:13px;color:#7a9bbf;line-height:1.6;margin:0;max-width:340px}.cs-btn{margin-top:8px;background:linear-gradient(135deg,#00c8ff,#0080ff);border:none;border-radius:8px;color:#fff;font-family:Orbitron,sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em;padding:10px 28px;cursor:pointer}
17
+ </style>
package/src/components/provider/Ipfs.svelte ADDED
@@ -0,0 +1,17 @@
1
+ <script lang="ts">
2
+ import { createEventDispatcher } from 'svelte'
3
+ export let show = false
4
+ const dispatch = createEventDispatcher()
5
+ function close() { dispatch('hide') }
6
+ </script>
7
+ {#if show}
8
+ <div class="cs-shell">
9
+ <div class="cs-icon">ℹ️</div>
10
+ <h2 class="cs-title">IPFS</h2>
11
+ <p class="cs-body">UI Coming Soon — use the OASIS API from the Developer menu for this functionality.</p>
12
+ <button class="cs-btn" on:click={close}>OK</button>
13
+ </div>
14
+ {/if}
15
+ <style>
16
+ .cs-shell{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 20px;text-align:center}.cs-icon{font-size:48px}.cs-title{font-family:Orbitron,sans-serif;font-size:18px;color:#fff;margin:0}.cs-body{font-size:13px;color:#7a9bbf;line-height:1.6;margin:0;max-width:340px}.cs-btn{margin-top:8px;background:linear-gradient(135deg,#00c8ff,#0080ff);border:none;border-radius:8px;color:#fff;font-family:Orbitron,sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em;padding:10px 28px;cursor:pointer}
17
+ </style>
package/src/components/provider/ManageAutoFailOver.svelte ADDED
@@ -0,0 +1,17 @@
1
+ <script lang="ts">
2
+ import { createEventDispatcher } from 'svelte'
3
+ export let show = false
4
+ const dispatch = createEventDispatcher()
5
+ function close() { dispatch('hide') }
6
+ </script>
7
+ {#if show}
8
+ <div class="cs-shell">
9
+ <div class="cs-icon">ℹ️</div>
10
+ <h2 class="cs-title">Manage Auto Fail-Over</h2>
11
+ <p class="cs-body">UI Coming Soon — use the OASIS API from the Developer menu for this functionality.</p>
12
+ <button class="cs-btn" on:click={close}>OK</button>
13
+ </div>
14
+ {/if}
15
+ <style>
16
+ .cs-shell{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 20px;text-align:center}.cs-icon{font-size:48px}.cs-title{font-family:Orbitron,sans-serif;font-size:18px;color:#fff;margin:0}.cs-body{font-size:13px;color:#7a9bbf;line-height:1.6;margin:0;max-width:340px}.cs-btn{margin-top:8px;background:linear-gradient(135deg,#00c8ff,#0080ff);border:none;border-radius:8px;color:#fff;font-family:Orbitron,sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em;padding:10px 28px;cursor:pointer}
17
+ </style>
package/src/components/provider/ManageAutoReplicaton.svelte ADDED
@@ -0,0 +1,17 @@
1
+ <script lang="ts">
2
+ import { createEventDispatcher } from 'svelte'
3
+ export let show = false
4
+ const dispatch = createEventDispatcher()
5
+ function close() { dispatch('hide') }
6
+ </script>
7
+ {#if show}
8
+ <div class="cs-shell">
9
+ <div class="cs-icon">ℹ️</div>
10
+ <h2 class="cs-title">Manage Auto Replication</h2>
11
+ <p class="cs-body">UI Coming Soon — use the OASIS API from the Developer menu for this functionality.</p>
12
+ <button class="cs-btn" on:click={close}>OK</button>
13
+ </div>
14
+ {/if}
15
+ <style>
16
+ .cs-shell{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 20px;text-align:center}.cs-icon{font-size:48px}.cs-title{font-family:Orbitron,sans-serif;font-size:18px;color:#fff;margin:0}.cs-body{font-size:13px;color:#7a9bbf;line-height:1.6;margin:0;max-width:340px}.cs-btn{margin-top:8px;background:linear-gradient(135deg,#00c8ff,#0080ff);border:none;border-radius:8px;color:#fff;font-family:Orbitron,sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em;padding:10px 28px;cursor:pointer}
17
+ </style>
package/src/components/provider/ManageLoadBalancing.svelte ADDED
@@ -0,0 +1,17 @@
1
+ <script lang="ts">
2
+ import { createEventDispatcher } from 'svelte'
3
+ export let show = false
4
+ const dispatch = createEventDispatcher()
5
+ function close() { dispatch('hide') }
6
+ </script>
7
+ {#if show}
8
+ <div class="cs-shell">
9
+ <div class="cs-icon">ℹ️</div>
10
+ <h2 class="cs-title">Manage Load Balancing</h2>
11
+ <p class="cs-body">UI Coming Soon — use the OASIS API from the Developer menu for this functionality.</p>
12
+ <button class="cs-btn" on:click={close}>OK</button>
13
+ </div>
14
+ {/if}
15
+ <style>
16
+ .cs-shell{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 20px;text-align:center}.cs-icon{font-size:48px}.cs-title{font-family:Orbitron,sans-serif;font-size:18px;color:#fff;margin:0}.cs-body{font-size:13px;color:#7a9bbf;line-height:1.6;margin:0;max-width:340px}.cs-btn{margin-top:8px;background:linear-gradient(135deg,#00c8ff,#0080ff);border:none;border-radius:8px;color:#fff;font-family:Orbitron,sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em;padding:10px 28px;cursor:pointer}
17
+ </style>
package/src/components/provider/ManageProviders.svelte ADDED
@@ -0,0 +1,17 @@
1
+ <script lang="ts">
2
+ import { createEventDispatcher } from 'svelte'
3
+ export let show = false
4
+ const dispatch = createEventDispatcher()
5
+ function close() { dispatch('hide') }
6
+ </script>
7
+ {#if show}
8
+ <div class="cs-shell">
9
+ <div class="cs-icon">ℹ️</div>
10
+ <h2 class="cs-title">Manage Providers</h2>
11
+ <p class="cs-body">UI Coming Soon — use the OASIS API from the Developer menu for this functionality.</p>
12
+ <button class="cs-btn" on:click={close}>OK</button>
13
+ </div>
14
+ {/if}
15
+ <style>
16
+ .cs-shell{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 20px;text-align:center}.cs-icon{font-size:48px}.cs-title{font-family:Orbitron,sans-serif;font-size:18px;color:#fff;margin:0}.cs-body{font-size:13px;color:#7a9bbf;line-height:1.6;margin:0;max-width:340px}.cs-btn{margin-top:8px;background:linear-gradient(135deg,#00c8ff,#0080ff);border:none;border-radius:8px;color:#fff;font-family:Orbitron,sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em;padding:10px 28px;cursor:pointer}
17
+ </style>
package/src/components/provider/MongoDb.svelte ADDED
@@ -0,0 +1,17 @@
1
+ <script lang="ts">
2
+ import { createEventDispatcher } from 'svelte'
3
+ export let show = false
4
+ const dispatch = createEventDispatcher()
5
+ function close() { dispatch('hide') }
6
+ </script>
7
+ {#if show}
8
+ <div class="cs-shell">
9
+ <div class="cs-icon">ℹ️</div>
10
+ <h2 class="cs-title">MongoDB</h2>
11
+ <p class="cs-body">UI Coming Soon — use the OASIS API from the Developer menu for this functionality.</p>
12
+ <button class="cs-btn" on:click={close}>OK</button>
13
+ </div>
14
+ {/if}
15
+ <style>
16
+ .cs-shell{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 20px;text-align:center}.cs-icon{font-size:48px}.cs-title{font-family:Orbitron,sans-serif;font-size:18px;color:#fff;margin:0}.cs-body{font-size:13px;color:#7a9bbf;line-height:1.6;margin:0;max-width:340px}.cs-btn{margin-top:8px;background:linear-gradient(135deg,#00c8ff,#0080ff);border:none;border-radius:8px;color:#fff;font-family:Orbitron,sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em;padding:10px 28px;cursor:pointer}
17
+ </style>
package/src/components/provider/Neo4j.svelte ADDED
@@ -0,0 +1,17 @@
1
+ <script lang="ts">
2
+ import { createEventDispatcher } from 'svelte'
3
+ export let show = false
4
+ const dispatch = createEventDispatcher()
5
+ function close() { dispatch('hide') }
6
+ </script>
7
+ {#if show}
8
+ <div class="cs-shell">
9
+ <div class="cs-icon">ℹ️</div>
10
+ <h2 class="cs-title">Neo4j</h2>
11
+ <p class="cs-body">UI Coming Soon — use the OASIS API from the Developer menu for this functionality.</p>
12
+ <button class="cs-btn" on:click={close}>OK</button>
13
+ </div>
14
+ {/if}
15
+ <style>
16
+ .cs-shell{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 20px;text-align:center}.cs-icon{font-size:48px}.cs-title{font-family:Orbitron,sans-serif;font-size:18px;color:#fff;margin:0}.cs-body{font-size:13px;color:#7a9bbf;line-height:1.6;margin:0;max-width:340px}.cs-btn{margin-top:8px;background:linear-gradient(135deg,#00c8ff,#0080ff);border:none;border-radius:8px;color:#fff;font-family:Orbitron,sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em;padding:10px 28px;cursor:pointer}
17
+ </style>
package/src/components/provider/SearchProviders.svelte ADDED
@@ -0,0 +1,17 @@
1
+ <script lang="ts">
2
+ import { createEventDispatcher } from 'svelte'
3
+ export let show = false
4
+ const dispatch = createEventDispatcher()
5
+ function close() { dispatch('hide') }
6
+ </script>
7
+ {#if show}
8
+ <div class="cs-shell">
9
+ <div class="cs-icon">ℹ️</div>
10
+ <h2 class="cs-title">Search Providers</h2>
11
+ <p class="cs-body">UI Coming Soon — use the OASIS API from the Developer menu for this functionality.</p>
12
+ <button class="cs-btn" on:click={close}>OK</button>
13
+ </div>
14
+ {/if}
15
+ <style>
16
+ .cs-shell{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 20px;text-align:center}.cs-icon{font-size:48px}.cs-title{font-family:Orbitron,sans-serif;font-size:18px;color:#fff;margin:0}.cs-body{font-size:13px;color:#7a9bbf;line-height:1.6;margin:0;max-width:340px}.cs-btn{margin-top:8px;background:linear-gradient(135deg,#00c8ff,#0080ff);border:none;border-radius:8px;color:#fff;font-family:Orbitron,sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em;padding:10px 28px;cursor:pointer}
17
+ </style>
package/src/components/provider/Seeds.svelte ADDED
@@ -0,0 +1,17 @@
1
+ <script lang="ts">
2
+ import { createEventDispatcher } from 'svelte'
3
+ export let show = false
4
+ const dispatch = createEventDispatcher()
5
+ function close() { dispatch('hide') }
6
+ </script>
7
+ {#if show}
8
+ <div class="cs-shell">
9
+ <div class="cs-icon">ℹ️</div>
10
+ <h2 class="cs-title">Seeds</h2>
11
+ <p class="cs-body">UI Coming Soon — use the OASIS API from the Developer menu for this functionality.</p>
12
+ <button class="cs-btn" on:click={close}>OK</button>
13
+ </div>
14
+ {/if}
15
+ <style>
16
+ .cs-shell{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 20px;text-align:center}.cs-icon{font-size:48px}.cs-title{font-family:Orbitron,sans-serif;font-size:18px;color:#fff;margin:0}.cs-body{font-size:13px;color:#7a9bbf;line-height:1.6;margin:0;max-width:340px}.cs-btn{margin-top:8px;background:linear-gradient(135deg,#00c8ff,#0080ff);border:none;border-radius:8px;color:#fff;font-family:Orbitron,sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em;padding:10px 28px;cursor:pointer}
17
+ </style>
package/src/components/provider/Solid.svelte ADDED
@@ -0,0 +1,17 @@
1
+ <script lang="ts">
2
+ import { createEventDispatcher } from 'svelte'
3
+ export let show = false
4
+ const dispatch = createEventDispatcher()
5
+ function close() { dispatch('hide') }
6
+ </script>
7
+ {#if show}
8
+ <div class="cs-shell">
9
+ <div class="cs-icon">ℹ️</div>
10
+ <h2 class="cs-title">Solid</h2>
11
+ <p class="cs-body">UI Coming Soon — use the OASIS API from the Developer menu for this functionality.</p>
12
+ <button class="cs-btn" on:click={close}>OK</button>
13
+ </div>
14
+ {/if}
15
+ <style>
16
+ .cs-shell{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 20px;text-align:center}.cs-icon{font-size:48px}.cs-title{font-family:Orbitron,sans-serif;font-size:18px;color:#fff;margin:0}.cs-body{font-size:13px;color:#7a9bbf;line-height:1.6;margin:0;max-width:340px}.cs-btn{margin-top:8px;background:linear-gradient(135deg,#00c8ff,#0080ff);border:none;border-radius:8px;color:#fff;font-family:Orbitron,sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em;padding:10px 28px;cursor:pointer}
17
+ </style>
package/src/components/provider/SqlLite.svelte ADDED
@@ -0,0 +1,17 @@
1
+ <script lang="ts">
2
+ import { createEventDispatcher } from 'svelte'
3
+ export let show = false
4
+ const dispatch = createEventDispatcher()
5
+ function close() { dispatch('hide') }
6
+ </script>
7
+ {#if show}
8
+ <div class="cs-shell">
9
+ <div class="cs-icon">ℹ️</div>
10
+ <h2 class="cs-title">SQLite</h2>
11
+ <p class="cs-body">UI Coming Soon — use the OASIS API from the Developer menu for this functionality.</p>
12
+ <button class="cs-btn" on:click={close}>OK</button>
13
+ </div>
14
+ {/if}
15
+ <style>
16
+ .cs-shell{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 20px;text-align:center}.cs-icon{font-size:48px}.cs-title{font-family:Orbitron,sans-serif;font-size:18px;color:#fff;margin:0}.cs-body{font-size:13px;color:#7a9bbf;line-height:1.6;margin:0;max-width:340px}.cs-btn{margin-top:8px;background:linear-gradient(135deg,#00c8ff,#0080ff);border:none;border-radius:8px;color:#fff;font-family:Orbitron,sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em;padding:10px 28px;cursor:pointer}
17
+ </style>
package/src/components/provider/ThreeFold.svelte ADDED
@@ -0,0 +1,17 @@
1
+ <script lang="ts">
2
+ import { createEventDispatcher } from 'svelte'
3
+ export let show = false
4
+ const dispatch = createEventDispatcher()
5
+ function close() { dispatch('hide') }
6
+ </script>
7
+ {#if show}
8
+ <div class="cs-shell">
9
+ <div class="cs-icon">ℹ️</div>
10
+ <h2 class="cs-title">ThreeFold</h2>
11
+ <p class="cs-body">UI Coming Soon — use the OASIS API from the Developer menu for this functionality.</p>
12
+ <button class="cs-btn" on:click={close}>OK</button>
13
+ </div>
14
+ {/if}
15
+ <style>
16
+ .cs-shell{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 20px;text-align:center}.cs-icon{font-size:48px}.cs-title{font-family:Orbitron,sans-serif;font-size:18px;color:#fff;margin:0}.cs-body{font-size:13px;color:#7a9bbf;line-height:1.6;margin:0;max-width:340px}.cs-btn{margin-top:8px;background:linear-gradient(135deg,#00c8ff,#0080ff);border:none;border-radius:8px;color:#fff;font-family:Orbitron,sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em;padding:10px 28px;cursor:pointer}
17
+ </style>
package/src/components/provider/ViewProviderStats.svelte ADDED
@@ -0,0 +1,17 @@
1
+ <script lang="ts">
2
+ import { createEventDispatcher } from 'svelte'
3
+ export let show = false
4
+ const dispatch = createEventDispatcher()
5
+ function close() { dispatch('hide') }
6
+ </script>
7
+ {#if show}
8
+ <div class="cs-shell">
9
+ <div class="cs-icon">ℹ️</div>
10
+ <h2 class="cs-title">View Provider Stats</h2>
11
+ <p class="cs-body">UI Coming Soon — use the OASIS API from the Developer menu for this functionality.</p>
12
+ <button class="cs-btn" on:click={close}>OK</button>
13
+ </div>
14
+ {/if}
15
+ <style>
16
+ .cs-shell{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 20px;text-align:center}.cs-icon{font-size:48px}.cs-title{font-family:Orbitron,sans-serif;font-size:18px;color:#fff;margin:0}.cs-body{font-size:13px;color:#7a9bbf;line-height:1.6;margin:0;max-width:340px}.cs-btn{margin-top:8px;background:linear-gradient(135deg,#00c8ff,#0080ff);border:none;border-radius:8px;color:#fff;font-family:Orbitron,sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em;padding:10px 28px;cursor:pointer}
17
+ </style>
package/src/components/provider/ViewProviders.svelte ADDED
@@ -0,0 +1,17 @@
1
+ <script lang="ts">
2
+ import { createEventDispatcher } from 'svelte'
3
+ export let show = false
4
+ const dispatch = createEventDispatcher()
5
+ function close() { dispatch('hide') }
6
+ </script>
7
+ {#if show}
8
+ <div class="cs-shell">
9
+ <div class="cs-icon">ℹ️</div>
10
+ <h2 class="cs-title">View Providers</h2>
11
+ <p class="cs-body">UI Coming Soon — use the OASIS API from the Developer menu for this functionality.</p>
12
+ <button class="cs-btn" on:click={close}>OK</button>
13
+ </div>
14
+ {/if}
15
+ <style>
16
+ .cs-shell{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 20px;text-align:center}.cs-icon{font-size:48px}.cs-title{font-family:Orbitron,sans-serif;font-size:18px;color:#fff;margin:0}.cs-body{font-size:13px;color:#7a9bbf;line-height:1.6;margin:0;max-width:340px}.cs-btn{margin-top:8px;background:linear-gradient(135deg,#00c8ff,#0080ff);border:none;border-radius:8px;color:#fff;font-family:Orbitron,sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em;padding:10px 28px;cursor:pointer}
17
+ </style>
package/src/components/quest/ManageQuest.svelte ADDED
@@ -0,0 +1,17 @@
1
+ <script lang="ts">
2
+ import { createEventDispatcher } from 'svelte'
3
+ export let show = false
4
+ const dispatch = createEventDispatcher()
5
+ function close() { dispatch('hide') }
6
+ </script>
7
+ {#if show}
8
+ <div class="cs-shell">
9
+ <div class="cs-icon">ℹ️</div>
10
+ <h2 class="cs-title">Manage Quest</h2>
11
+ <p class="cs-body">UI Coming Soon — use the OASIS API from the Developer menu for this functionality.</p>
12
+ <button class="cs-btn" on:click={close}>OK</button>
13
+ </div>
14
+ {/if}
15
+ <style>
16
+ .cs-shell{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 20px;text-align:center}.cs-icon{font-size:48px}.cs-title{font-family:Orbitron,sans-serif;font-size:18px;color:#fff;margin:0}.cs-body{font-size:13px;color:#7a9bbf;line-height:1.6;margin:0;max-width:340px}.cs-btn{margin-top:8px;background:linear-gradient(135deg,#00c8ff,#0080ff);border:none;border-radius:8px;color:#fff;font-family:Orbitron,sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em;padding:10px 28px;cursor:pointer}
17
+ </style>
package/src/components/quest/SearchQuest.svelte ADDED
@@ -0,0 +1,17 @@
1
+ <script lang="ts">
2
+ import { createEventDispatcher } from 'svelte'
3
+ export let show = false
4
+ const dispatch = createEventDispatcher()
5
+ function close() { dispatch('hide') }
6
+ </script>
7
+ {#if show}
8
+ <div class="cs-shell">
9
+ <div class="cs-icon">ℹ️</div>
10
+ <h2 class="cs-title">Search Quest</h2>
11
+ <p class="cs-body">UI Coming Soon — use the OASIS API from the Developer menu for this functionality.</p>
12
+ <button class="cs-btn" on:click={close}>OK</button>
13
+ </div>
14
+ {/if}
15
+ <style>
16
+ .cs-shell{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 20px;text-align:center}.cs-icon{font-size:48px}.cs-title{font-family:Orbitron,sans-serif;font-size:18px;color:#fff;margin:0}.cs-body{font-size:13px;color:#7a9bbf;line-height:1.6;margin:0;max-width:340px}.cs-btn{margin-top:8px;background:linear-gradient(135deg,#00c8ff,#0080ff);border:none;border-radius:8px;color:#fff;font-family:Orbitron,sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em;padding:10px 28px;cursor:pointer}
17
+ </style>