@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/data-screen/LoadData.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">Load Data</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/data-screen/ManageData.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 Data</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/data-screen/OffChainManagement.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">Off-Chain Management</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/data-screen/SearchData.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 Data</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/eggs/ManageEggs.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 Eggs</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/eggs/SearchEggs.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 Eggs</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/eggs/ViewEggs.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 Eggs</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/game/SearchProfiles.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 Profiles</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/game/ViewAchievements.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 Achievements</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/game/ViewLeagues.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 Leagues</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/game/ViewTournaments.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 Tournaments</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/karma/SearchKarma.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 Karma</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/karma/ViewAvatarKarma.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 Avatar Karma</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/karma/ViewKarma.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 Karma</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/karma/VoteKarma.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">Vote Karma</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/map/Add2dObjectMap.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">Add 2D Object to Map</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/map/Add3dObjectMap.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">Add 3D Object to Map</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/map/AddQuestToMap.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">Add Quest to Map</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/map/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/map/ManageMap.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 Map</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/map/PlotRouteOnMap.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">Plot Route on Map</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/map/SearchMap.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 Map</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/map/ViewGlobal3dMap.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 Global 3D Map</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/map/ViewHalonsOnMap.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 Halons on Map</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/map/ViewOappOnMap.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 OApp on Map</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/map/ViewQuestOnMap.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 Quest on Map</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/messages/Message.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">Message</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/mission/ManageMission.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 Mission</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/mission/SearchMission.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 Mission</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/mission/ViewMission.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 Mission</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/ContactPopup.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">Contact</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/ManageOasisNft.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 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/PurchaseOasisNft.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 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>