{"version":3,"file":"3.CxJcl_x0.js","sources":["../../../../../../../../node_modules/lucide-svelte/dist/icons/arrow-down.svelte","../../../../../../../../node_modules/lucide-svelte/dist/icons/arrow-up-down.svelte","../../../../../../../../node_modules/lucide-svelte/dist/icons/arrow-up.svelte","../../../../../../src/lib/components/liquidity/pools/PoolDetails.svelte","../../../../../../src/lib/components/liquidity/add_liquidity/AddLiquidityModal.svelte","../../../../../../src/lib/components/liquidity/pools/PoolRow.svelte","../../../../../../src/lib/components/liquidity/pools/PoolsTable.svelte","../../../../../../src/routes/earn/+page.svelte"],"sourcesContent":["<script>/**\n * @license lucide-svelte v0.456.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\nimport Icon from '../Icon.svelte';\nconst iconNode = [[\"path\", { \"d\": \"M12 5v14\" }], [\"path\", { \"d\": \"m19 12-7 7-7-7\" }]];\n/**\n * @component @name ArrowDown\n * @description Lucide SVG icon component, renders SVG Element with children.\n *\n * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogIHdpZHRoPSIyNCIKICBoZWlnaHQ9IjI0IgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBmaWxsPSJub25lIgogIHN0cm9rZT0iIzAwMCIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6ICNmZmY7IGJvcmRlci1yYWRpdXM6IDJweCIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCj4KICA8cGF0aCBkPSJNMTIgNXYxNCIgLz4KICA8cGF0aCBkPSJtMTkgMTItNyA3LTctNyIgLz4KPC9zdmc+Cg==) - https://lucide.dev/icons/arrow-down\n * @see https://lucide.dev/guide/packages/lucide-svelte - Documentation\n *\n * @param {Object} props - Lucide icons props and any valid SVG attribute\n * @returns {FunctionalComponent} Svelte component\n *\n */\n</script>\n\n<Icon name=\"arrow-down\" {...$$props} iconNode={iconNode}>\n  <slot/>\n</Icon>\n","<script>/**\n * @license lucide-svelte v0.456.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\nimport Icon from '../Icon.svelte';\nconst iconNode = [[\"path\", { \"d\": \"m21 16-4 4-4-4\" }], [\"path\", { \"d\": \"M17 20V4\" }], [\"path\", { \"d\": \"m3 8 4-4 4 4\" }], [\"path\", { \"d\": \"M7 4v16\" }]];\n/**\n * @component @name ArrowUpDown\n * @description Lucide SVG icon component, renders SVG Element with children.\n *\n * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogIHdpZHRoPSIyNCIKICBoZWlnaHQ9IjI0IgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBmaWxsPSJub25lIgogIHN0cm9rZT0iIzAwMCIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6ICNmZmY7IGJvcmRlci1yYWRpdXM6IDJweCIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCj4KICA8cGF0aCBkPSJtMjEgMTYtNCA0LTQtNCIgLz4KICA8cGF0aCBkPSJNMTcgMjBWNCIgLz4KICA8cGF0aCBkPSJtMyA4IDQtNCA0IDQiIC8+CiAgPHBhdGggZD0iTTcgNHYxNiIgLz4KPC9zdmc+Cg==) - https://lucide.dev/icons/arrow-up-down\n * @see https://lucide.dev/guide/packages/lucide-svelte - Documentation\n *\n * @param {Object} props - Lucide icons props and any valid SVG attribute\n * @returns {FunctionalComponent} Svelte component\n *\n */\n</script>\n\n<Icon name=\"arrow-up-down\" {...$$props} iconNode={iconNode}>\n  <slot/>\n</Icon>\n","<script>/**\n * @license lucide-svelte v0.456.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\nimport Icon from '../Icon.svelte';\nconst iconNode = [[\"path\", { \"d\": \"m5 12 7-7 7 7\" }], [\"path\", { \"d\": \"M12 19V5\" }]];\n/**\n * @component @name ArrowUp\n * @description Lucide SVG icon component, renders SVG Element with children.\n *\n * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogIHdpZHRoPSIyNCIKICBoZWlnaHQ9IjI0IgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBmaWxsPSJub25lIgogIHN0cm9rZT0iIzAwMCIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6ICNmZmY7IGJvcmRlci1yYWRpdXM6IDJweCIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCj4KICA8cGF0aCBkPSJtNSAxMiA3LTcgNyA3IiAvPgogIDxwYXRoIGQ9Ik0xMiAxOVY1IiAvPgo8L3N2Zz4K) - https://lucide.dev/icons/arrow-up\n * @see https://lucide.dev/guide/packages/lucide-svelte - Documentation\n *\n * @param {Object} props - Lucide icons props and any valid SVG attribute\n * @returns {FunctionalComponent} Svelte component\n *\n */\n</script>\n\n<Icon name=\"arrow-up\" {...$$props} iconNode={iconNode}>\n  <slot/>\n</Icon>\n","<script lang=\"ts\">\n  import Modal from \"$lib/components/common/Modal.svelte\";\n  import { formatTokenAmount, formatToNonZeroDecimal } from \"$lib/utils/numberFormatUtils\";\n  import TokenImages from \"$lib/components/common/TokenImages.svelte\";\n  import AddLiquidityForm from \"$lib/components/liquidity/add_liquidity/AddLiquidityForm.svelte\";\n  import Button from \"$lib/components/common/Button.svelte\";\n  import { goto } from \"$app/navigation\";\n  import type { Position } from \"$lib/types\";\n\n  export let pool: BE.Pool;\n  export let tokenMap: Map<string, any>;\n  export let onClose: () => void;\n  export let positions: Position[] = [];\n  export let showModal: boolean;\n\n  let activeTab: 'details' | 'add-liquidity' | 'positions' = 'details';\n  \n  const tabs = [\n    { id: 'details', label: 'Pool Details' },\n    { id: 'positions', label: 'Your Positions' },\n    { id: 'add-liquidity', label: 'Add Liquidity' }\n  ];\n\n  function handleSwap() {\n    if (pool.address_0 && pool.address_1) {\n      goto(`/swap?from=${pool.address_0}&to=${pool.address_1}`);\n    }\n  }\n\n  $: token0 = tokenMap.get(pool.address_0);\n  $: token1 = tokenMap.get(pool.address_1);\n  $: apyColor = pool.rolling_24h_apy > 100 ? \"#FFD700\" : \n                pool.rolling_24h_apy > 50 ? \"#FFA500\" : \"#FF8C00\";\n\n  function handleClose() {\n      showModal = false;\n      onClose();\n  }\n</script>\n\n<Modal\n  show={showModal}\n  title=\"Pool Details\"\n  onClose={handleClose}\n  variant=\"green\"\n  width=\"800px\"\n>\n  <div class=\"pool-details\">\n    <div class=\"pool-header\">\n      <div class=\"token-info\">\n        <TokenImages tokens={[token0, token1]} overlap={12} />\n        <h3 class=\"token-pair\">{pool.symbol_0}/{pool.symbol_1}</h3>\n      </div>\n      \n      <div class=\"quick-actions\">\n        <Button variant=\"green\" size=\"small\" text=\"Swap\" onClick={handleSwap} />\n      </div>\n    </div>\n\n    <div class=\"tabs\">\n      {#each tabs as tab}\n        <button\n          class=\"tab-btn {activeTab === tab.id ? 'active' : ''}\"\n          on:click={() => activeTab = tab.id as any}\n        >\n          {tab.label}\n        </button>\n      {/each}\n    </div>\n\n    {#if activeTab === 'details'}\n      <div class=\"stats-grid\">\n        <div class=\"stat-item\">\n          <span class=\"stat-label\">TVL</span>\n          <span class=\"stat-value\">${formatToNonZeroDecimal(pool.tvl)}</span>\n        </div>\n        <div class=\"stat-item\">\n          <span class=\"stat-label\">24h Volume</span>\n          <span class=\"stat-value\">${formatToNonZeroDecimal(pool.rolling_24h_volume.toString())}</span>\n        </div>\n        <div class=\"stat-item\">\n          <span class=\"stat-label\">APY</span>\n          <span class=\"stat-value apy\" style=\"color: {apyColor}\">{formatToNonZeroDecimal(pool.rolling_24h_apy)}%</span>\n        </div>\n        <div class=\"stat-item\">\n          <span class=\"stat-label\">Fee</span>\n          <span class=\"stat-value\">{pool.lp_fee_bps / 100}%</span>\n        </div>\n      </div>\n\n      <div class=\"pool-reserves\">\n        <h4>Pool Reserves</h4>\n        <div class=\"reserves-grid\">\n          <div class=\"reserve-item\">\n            <TokenImages tokens={[token0]} />\n            <div class=\"reserve-info\">\n              <span class=\"token-symbol\">{pool.symbol_0}</span>\n              <span class=\"token-amount\">{formatTokenAmount(pool.balance_0, token0?.decimals || 8)}</span>\n            </div>\n          </div>\n          <div class=\"reserve-item\">\n            <TokenImages tokens={[token1]} />\n            <div class=\"reserve-info\">\n              <span class=\"token-symbol\">{pool.symbol_1}</span>\n              <span class=\"token-amount\">{formatTokenAmount(pool.balance_1, token1?.decimals || 8)}</span>\n            </div>\n          </div>\n        </div>\n      </div>\n    {:else if activeTab === 'positions'}\n      <div class=\"positions-container\">\n        {#if positions.length === 0}\n          <div class=\"empty-state\">\n            <p>You don't have any positions in this pool yet.</p>\n            <Button \n              variant=\"green\" \n              size=\"small\" \n              text=\"Add Liquidity\" \n              onClick={() => activeTab = 'add-liquidity'} \n            />\n          </div>\n        {:else}\n          {#each positions as position}\n            <div class=\"position-item\">\n              <div class=\"position-header\">\n                <span class=\"position-label\">Position #{position.id}</span>\n                <span class=\"position-value\">${formatToNonZeroDecimal(position.value)}</span>\n              </div>\n              <div class=\"position-tokens\">\n                <div class=\"token-amount\">\n                  <TokenImages tokens={[token0]} />\n                  <span>{formatTokenAmount(position.amount0, token0?.decimals)} {pool.symbol_0}</span>\n                </div>\n                <div class=\"token-amount\">\n                  <TokenImages tokens={[token1]} />\n                  <span>{formatTokenAmount(position.amount1, token1?.decimals)} {pool.symbol_1}</span>\n                </div>\n              </div>\n            </div>\n          {/each}\n        {/if}\n      </div>\n    {:else if activeTab === 'add-liquidity'}\n      <AddLiquidityForm\n        token0={token0}\n        token1={token1}\n        amount0=\"\"\n        amount1=\"\"\n        loading={false}\n        previewMode={false}\n        error={null}\n        token0Balance=\"0\"\n        token1Balance=\"0\"\n        onTokenSelect={() => {}}\n        onInput={() => {}}\n        onSubmit={() => {}}\n      />\n    {/if}\n  </div>\n</Modal>\n\n<style lang=\"postcss\">\n  .pool-details {\n    @apply flex flex-col gap-6;\n  }\n\n  .pool-header {\n    @apply flex justify-between items-center;\n  }\n\n  .token-info {\n    @apply flex items-center gap-3;\n  }\n\n  .token-pair {\n    @apply text-xl font-semibold text-white m-0;\n  }\n\n  .tabs {\n    @apply flex gap-8 mb-6 relative;\n    &::after {\n      content: '';\n      @apply absolute bottom-0 left-0 right-0 h-[1px] bg-white/20;\n    }\n  }\n\n  .tab-btn {\n    @apply px-2 py-3 text-white/60 relative cursor-pointer font-medium;\n    @apply bg-transparent border-none transition-colors;\n    @apply hover:text-white;\n\n    &.active {\n      @apply text-white;\n      &::after {\n        content: '';\n        @apply absolute bottom-0 left-0 right-0 h-[2px] bg-white;\n        z-index: 1;\n      }\n    }\n  }\n\n  .stats-grid {\n    @apply grid grid-cols-2 md:grid-cols-4 gap-4;\n  }\n\n  .stat-item {\n    @apply bg-emerald-900/50 rounded-lg p-4 flex flex-col;\n  }\n\n  .stat-label {\n    @apply text-sm text-white/60;\n  }\n\n  .stat-value {\n    @apply text-lg font-medium text-white;\n  }\n\n  .pool-reserves {\n    @apply mt-6;\n  }\n\n  .pool-reserves h4 {\n    @apply text-lg font-medium text-white mb-4;\n  }\n\n  .reserves-grid {\n    @apply grid grid-cols-1 md:grid-cols-2 gap-4;\n  }\n\n  .reserve-item {\n    @apply flex items-center gap-3 bg-emerald-900/30 rounded-lg p-4;\n  }\n\n  .reserve-info {\n    @apply flex flex-col;\n  }\n\n  .token-symbol {\n    @apply text-sm text-white/80;\n  }\n\n  .token-amount {\n    @apply text-white font-medium;\n  }\n\n  .positions-container {\n    @apply flex flex-col gap-4;\n  }\n\n  .empty-state {\n    @apply flex flex-col items-center gap-4 py-8 text-white/60;\n  }\n\n  .position-item {\n    @apply bg-emerald-900/30 rounded-lg p-4 flex flex-col gap-3;\n  }\n\n  .position-header {\n    @apply flex justify-between items-center;\n  }\n\n  .position-label {\n    @apply text-white/60 text-sm;\n  }\n\n  .position-value {\n    @apply text-white font-medium;\n  }\n\n  .position-tokens {\n    @apply flex flex-col gap-2;\n  }\n\n  .token-amount {\n    @apply flex items-center gap-2 text-white;\n  }\n</style>\n","<script lang=\"ts\">\n    import { TokenService } from \"$lib/services/tokens/TokenService\";\n    import { PoolService } from \"$lib/services/pools/PoolService\";\n    import { onMount } from \"svelte\";\n    import { tokenStore, formattedTokens } from \"$lib/services/tokens/tokenStore\";\n    import { get } from \"svelte/store\";\n    import AddLiquidityForm from \"$lib/components/liquidity/add_liquidity/AddLiquidityForm.svelte\";\n    import TokenSelectionModal from \"$lib/components/liquidity/add_liquidity/TokenSelectionModal.svelte\";\n    import { debounce } from \"lodash-es\";\n    import { parseTokenAmount, formatTokenAmount } from \"$lib/utils/numberFormatUtils\";\n    import { goto } from '$app/navigation';\n    import { page } from '$app/stores';\n    import Modal from \"$lib/components/common/Modal.svelte\";\n  \n    let token0: FE.Token | null = null;\n    let token1: FE.Token | null = null;\n    let amount0: string = \"\";\n    let amount1: string = \"\";\n    let loading = false;\n    let error: string | null = null;\n    let poolShare: string = \"0\";\n    let token0Balance: string = \"0\";\n    let token1Balance: string = \"0\";\n    let isProcessingOutput = false;\n  \n    // Modal state variables\n    let statusSteps = [\n      { label: 'Sending Tokens', completed: false },\n      { label: 'Updating LPs', completed: false },\n      { label: 'Success', completed: false }\n    ];\n  \n    let showTokenModal = false;\n    let activeTokenIndex: 0 | 1 = 0;\n    let searchQuery = \"\";\n    let tokens: FE.Token[] = [];\n  \n    let activeInput: 0 | 1 | null = null;\n    let statusMessage: string = \"\";\n  \n    let previewMode = false;\n  \n    // Add confirmation modal state\n    let showReview = false;\n  \n    // Handle URL parameters\n    async function initializeFromParams() {\n      const token0Id = $page.url.searchParams.get('token0');\n      const token1Id = $page.url.searchParams.get('token1');\n  \n      if (token0Id || token1Id) {\n        const allTokens = get(formattedTokens);\n  \n        if (token0Id) {\n          const foundToken0 = allTokens.find(t => t.canister_id === token0Id);\n          if (foundToken0) {\n            token0 = foundToken0;\n          }\n        }\n  \n        if (token1Id) {\n          const foundToken1 = allTokens.find(t => t.canister_id === token1Id);\n          if (foundToken1) {\n            token1 = foundToken1;\n          }\n        }\n      }\n    }\n  \n    onMount(async () => {\n      try {\n        await Promise.all([initializeFromParams(), tokenStore.loadBalances()]);\n        tokens = get(formattedTokens);\n      } catch (err) {\n        console.error(\"Error initializing:\", err);\n        error = \"Failed to initialize tokens\";\n      }\n    });\n  \n    function handleTokenSelect(index: 0 | 1) {\n      activeTokenIndex = index;\n      searchQuery = \"\"; // Reset search query\n      showTokenModal = true;\n    }\n  \n    function closeModal() {\n      showTokenModal = false;\n      searchQuery = \"\"; // Reset search query when closing\n    }\n  \n    function selectToken(token: FE.Token) {\n      if (activeTokenIndex === 0) {\n        token0 = token;\n      } else {\n        token1 = token;\n      }\n      closeModal();\n      error = null;\n    }\n  \n    // Debounced calculation to prevent excessive API calls\n    const debouncedCalculate = debounce(async (amount: string, index: 0 | 1) => {\n      if (!amount || isNaN(parseFloat(amount))) {\n        if (index === 0) amount1 = \"\";\n        else amount0 = \"\";\n        return;\n      }\n      await calculateLiquidityAmount(amount, index);\n    }, 300);\n  \n    function handleInput(index: 0 | 1, value: string) {\n      if (index === 0) {\n        amount0 = value;\n      } else {\n        amount1 = value;\n      }\n      activeInput = index;\n      debouncedCalculate(value, index);\n    }\n  \n    async function calculateLiquidityAmount(amount: string, index: 0 | 1) {\n      if (!token0 || !token1) {\n        error = \"Please select both tokens.\";\n        return;\n      }\n  \n      try {\n        loading = true;\n        error = null;\n        isProcessingOutput = true;\n  \n        const balance0 = tokenStore.getBalance(token0.canister_id);\n        const balance1 = tokenStore.getBalance(token1.canister_id);\n  \n        if (index === 0) {\n          const requiredAmount = await PoolService.addLiquidityAmounts(\n            token0.token,\n            parseTokenAmount(amount, token0.decimals),\n            token1.token,\n          );\n  \n          const requiredAmount1 = requiredAmount.Ok.amount_1;\n          \n          // Check if token1 amount exceeds balance\n          if (balance1.in_tokens - token1.fee < requiredAmount1) {\n            // If it exceeds, calculate backwards from token1's max balance\n            const reverseAmount = await PoolService.addLiquidityAmounts(\n              token1.token,\n              balance1.in_tokens - token1.fee,\n              token0.token,\n            );\n            amount0 = formatTokenAmount(reverseAmount.Ok.amount_1, token0.decimals).toString();\n            amount1 = formatTokenAmount(balance1.in_tokens - token1.fee, token1.decimals).toString();\n          } else {\n            amount1 = formatTokenAmount(requiredAmount1 - token1.fee, token1.decimals).toString();\n          }\n        } else {\n          const requiredAmount = await PoolService.addLiquidityAmounts(\n            token1.token,\n            parseTokenAmount(amount, token1.decimals),\n            token0.token,\n          );\n  \n          const requiredAmount0 = requiredAmount.Ok.amount_1;\n  \n          // Check if token0 amount exceeds balance\n          if (balance0.in_tokens - token0.fee < requiredAmount0) {\n            // If it exceeds, calculate backwards from token0's max balance\n            const reverseAmount = await PoolService.addLiquidityAmounts(\n              token0.token,\n              balance0.in_tokens - token0.fee,\n              token1.token,\n            );\n            amount0 = formatTokenAmount(balance0.in_tokens - token0.fee, token0.decimals).toString();\n            amount1 = formatTokenAmount(reverseAmount.Ok.amount_1, token1.decimals).toString();\n          } else {\n            amount0 = formatTokenAmount(requiredAmount0 - token0.fee, token0.decimals).toString();\n          }\n        }\n      } catch (err) {\n        error = err.message;\n      } finally {\n        loading = false;\n        isProcessingOutput = false;\n      }\n    }\n  \n    async function handleSubmit() {\n      showReview = true;\n    }\n  \n    function handleCancel() {\n      showReview = false;\n    }\n  \n    async function handleConfirm() {\n      showReview = false;\n      loading = true;\n      error = null;\n      previewMode = true;\n      statusMessage = \"Submitting liquidity request...\";\n      statusSteps = statusSteps.map(step => ({ ...step, completed: false }));\n  \n      try {\n          const params = {\n              token_0: token0,\n              amount_0: parseTokenAmount(amount0, token0.decimals),\n              token_1: token1,\n              amount_1: parseTokenAmount(amount1, token1.decimals),\n          };\n  \n          const requestId = await PoolService.addLiquidity(params);\n  \n          // Poll for request status\n          const checkStatus = async () => {\n              try {\n                  const requestStatus = await PoolService.pollRequestStatus(requestId);\n  \n                  updateStatusSteps(requestStatus.statuses);\n  \n                  // Check for failure states first\n                  if (requestStatus.statuses.some(s => \n                      s.toLowerCase().includes('failed') || \n                      s.toLowerCase().includes('error')\n                  )) {\n                      loading = false;\n                      previewMode = false;\n                      console.log(\"requestStatus\", requestStatus)\n                      error = requestStatus.statuses[requestStatus.statuses.length - 2]\n                      // Add failed status to steps\n                      statusSteps = statusSteps.map(step => ({\n                          ...step,\n                          completed: false,\n                          failed: true\n                      }));\n                      return;\n                  }\n  \n                  if (requestStatus.statuses.includes('Success')) {\n                      loading = false;\n                      setTimeout(() => {\n                          previewMode = false;\n                          goto('/pools');\n                      }, 2000);\n                  } else {\n                      // Continue polling\n                      setTimeout(checkStatus, 2000);\n                  }\n              } catch (err) {\n                  console.error(\"Error polling request status:\", err);\n                  statusMessage = \"Error polling request status: \" + err.message;\n                  loading = false;\n                  error = err.message;\n                  previewMode = false;\n                  // Mark all incomplete steps as failed\n                  statusSteps = statusSteps.map(step => ({\n                      ...step,\n                      failed: !step.completed\n                  }));\n              }\n          };\n  \n          checkStatus(); // Start polling\n  \n      } catch (err) {\n          console.error(\"Error adding liquidity:\", err);\n          error = err.message;\n          loading = false;\n          previewMode = false;\n          // Mark all steps as failed\n          statusSteps = statusSteps.map(step => ({\n              ...step,\n              completed: false,\n              failed: true\n          }));\n      }\n    }\n  \n    function updateStatusSteps(rawStatuses: string[]) {\n      const stepsToMatch = {\n        'Sending Tokens': [\n          'Sending token 0',\n          'Token 0 sent',\n          'Sending token 1',\n          'Token 1 sent'\n        ],\n        'Updating LPs': [\n          'Updating liquidity pool',\n          'Liquidity pool updated',\n          'Updating user LP token amount',\n          'User LP token amount updated'\n        ],\n        'Success': ['Success']\n      };\n  \n      // Check for any failure states in the raw statuses\n      const hasFailure = rawStatuses.some(status => \n          status.toLowerCase().includes('failed') || \n          status.toLowerCase().includes('error')\n      );\n  \n      // Update steps based on latest statuses\n      statusSteps = statusSteps.map(step => {\n          const matches = stepsToMatch[step.label];\n          const isCompleted = matches.every(match => \n              rawStatuses.some(status => status.includes(match))\n          );\n          \n          // Special case for \"Sending Tokens\"\n          if (step.label === 'Sending Tokens') {\n              const token0Sent = rawStatuses.includes('Token 0 sent');\n              const token1Sent = rawStatuses.includes('Token 1 sent');\n              const token0Failed = rawStatuses.some(s => s.includes('Token 0') && s.includes('failed'));\n              const token1Failed = rawStatuses.some(s => s.includes('Token 1') && s.includes('failed'));\n              \n              return {\n                  ...step,\n                  completed: token0Sent && token1Sent,\n                  failed: token0Failed || token1Failed\n              };\n          }\n  \n          return {\n              ...step,\n              completed: isCompleted,\n              failed: hasFailure && !isCompleted\n          };\n      });\n    }\n  \n    async function updateBalances() {\n      if (!token0 || !token1) return;\n  \n      try {\n        const balances = await TokenService.fetchBalances([token0, token1]);\n        if (token0) {\n          token0Balance =\n            balances[token0.canister_id]?.in_tokens.toString() || \"0\";\n        }\n        if (token1) {\n          token1Balance =\n            balances[token1.canister_id]?.in_tokens.toString() || \"0\";\n        }\n      } catch (err) {\n        console.error(\"Error fetching balances:\", err);\n      }\n    }\n  \n    $: if (token0 || token1) {\n      const params = new URLSearchParams();\n      if (token0) params.set('token0', token0.canister_id);\n      if (token1) params.set('token1', token1.canister_id);\n      const newUrl = `/pools/add${params.toString() ? '?' + params.toString() : ''}`;\n      window.history.replaceState(null, '', newUrl);\n      updateBalances();\n    }\n  \n    function getCurrentStep(): string {\n      const currentStep = statusSteps.find(step => !step.completed);\n      return currentStep ? currentStep.label : 'Success';\n    }\n  \n    export let showModal = false;\n    export let onClose: () => void;\n  \n    function handleClose() {\n        showModal = false;\n        onClose?.();\n    }\n  </script>\n  \n  <Modal\n    show={showModal}\n    title=\"Add Liquidity\"\n    onClose={handleClose}\n    variant=\"green\"\n    width=\"800px\"\n  >\n    <div class=\"min-w-3xl w-full flex flex-col justify-center space-y-8\">\n      <div class=\"bg-white dark:bg-emerald-900/70 dark:bg-opacity-80 dark:backdrop-blur-md rounded-2xl shadow-lg p-6 w-full\">\n        <AddLiquidityForm\n          {token0}\n          {token1}\n          {amount0}\n          {amount1}\n          {loading}\n          {previewMode}\n          {error}\n          {statusSteps}\n          {showReview}\n          {token0Balance}\n          {token1Balance}\n          getCurrentStep={getCurrentStep}\n          onTokenSelect={handleTokenSelect}\n          onInput={handleInput}\n          onSubmit={handleSubmit}\n          onConfirm={handleConfirm}\n          onCancel={handleCancel}\n          {isProcessingOutput}\n        />\n      </div>\n    </div>\n  </Modal>\n  \n  <!-- Token selection modal -->\n  <TokenSelectionModal\n    show={showTokenModal}\n    {tokens}\n    helperText={activeTokenIndex === 1 ? \"Only ICP and ckUSDT pairs are supported\" : \"\"}\n    bind:searchQuery\n    onClose={closeModal}\n    onSelect={selectToken}\n  />\n  ","<script lang=\"ts\">\n    import { goto } from \"$app/navigation\";\n    import {\n      formatTokenAmount,\n      formatToNonZeroDecimal,\n    } from \"$lib/utils/numberFormatUtils\";\n    import TokenImages from \"$lib/components/common/TokenImages.svelte\";\n    import Button from \"$lib/components/common/Button.svelte\";\n    import Modal from \"$lib/components/common/Modal.svelte\";\n    import PoolDetails from \"$lib/components/liquidity/pools/PoolDetails.svelte\";\n    import { Flame } from \"lucide-svelte\";\n    import AddLiquidityModal from \"$lib/components/liquidity/add_liquidity/AddLiquidityModal.svelte\";\n    import { onMount } from 'svelte';\n  \n    export let pool: BE.Pool & { tvl?: number };\n    export let tokenMap: Map<string, any>;\n    export let isEven: boolean;\n    export let onAddLiquidity: (token0: string, token1: string) => void;\n  \n    let showPoolDetails = false;\n    let showAddLiquidity = false;\n    let isMobile = false;\n    let isSmallMobile = false;\n    let isTableCompact = false;\n    let hideSwap = false;\n    let showSwapButton = true;\n  \n    onMount(() => {\n      const checkMobile = () => {\n        isMobile = window.innerWidth < 900;\n        showSwapButton = window.innerWidth >= 1150;\n      };\n      \n      checkMobile();\n      window.addEventListener('resize', checkMobile);\n      \n      return () => {\n        window.removeEventListener('resize', checkMobile);\n      };\n    });\n  \n    function handleAddLiquidity() {\n      showPoolDetails = true;\n    }\n  \n    function handleAddLiquidityClose() {\n      showAddLiquidity = false;\n    }\n  \n    function handleSwap() {\n      if (pool.address_0 && pool.address_1) {\n        goto(`/swap?from=${pool.address_0}&to=${pool.address_1}`);\n      }\n    }\n  \n    function handleClose() {\n      showPoolDetails = false;\n    }\n  \n    function handleViewDetails() {\n      showPoolDetails = true;\n    }\n  \n    $: apyColor =\n      pool.rolling_24h_apy > 100\n        ? \"#FFD700\"\n        : pool.rolling_24h_apy > 50\n          ? \"#FFA500\"\n          : \"#FF8C00\";\n</script>\n\n{#if !isMobile}\n  <!-- Desktop view (table row) -->\n  <tr class=\"pool-row {isEven ? 'even' : ''}\">\n    <td class=\"w-[44px] pl-2 sm:pl-3.5\">\n      <div class=\"token-info\">\n        <TokenImages\n          tokens={[tokenMap.get(pool.address_0), tokenMap.get(pool.address_1)]}\n          size={isTableCompact ? 28 : 32}\n          overlap={isTableCompact ? 10 : 12}\n        />\n        <div class=\"flex flex-col\">\n          <span class=\"token-pair text-xs sm:text-sm font-bold\">{pool.symbol_0}/{pool.symbol_1}</span>\n        </div>\n      </div>\n    </td>\n    <td class=\"value-cell\">\n      ${formatToNonZeroDecimal(tokenMap.get(pool.address_0)?.price ?? 0)}\n    </td>\n    <td class=\"value-cell\">\n      ${formatToNonZeroDecimal(pool.tvl)}\n    </td>\n    <td class=\"value-cell\">\n      ${formatToNonZeroDecimal(pool.rolling_24h_volume.toString())}\n    </td>\n    <td class=\"value-cell\">\n      <div style=\"display: flex; justify-content: flex-end;\">\n        <span class=\"apy-badge\" style=\"background-color: {apyColor}\">\n          {formatToNonZeroDecimal(pool.rolling_24h_apy)}%\n        </span>\n      </div>\n    </td>\n    <td>\n      <div class=\"actions\">\n        <Button\n          variant=\"green\"\n          size=\"small\"\n          text=\"Add LP\"\n          onClick={handleAddLiquidity}\n          className=\"action-button mr-1\"\n        />\n        {#if showSwapButton}\n          <Button \n            variant=\"green\" \n            size=\"small\" \n            text=\"Swap\" \n            onClick={handleSwap}\n            className=\"action-button mr-2\"\n          />\n        {/if}\n      </div>\n    </td>\n  </tr>\n{:else}\n  <!-- Mobile view (card) -->\n  <div class=\"mobile-pool-card\">\n    <div class=\"card-header\">\n      <div class=\"token-info\">\n        <TokenImages\n          tokens={[tokenMap.get(pool.address_0), tokenMap.get(pool.address_1)]}\n          size={isSmallMobile ? 32 : 40}\n          overlap={isSmallMobile ? 12 : 16}\n        />\n        <div class=\"token-info-text\">\n          <span class=\"token-pair\">{pool.symbol_0}/{pool.symbol_1}</span>\n        </div>\n        <Button \n          variant=\"green\"\n          size=\"small\"\n          text=\"Add LP\"\n          onClick={handleAddLiquidity}\n          className=\"header-details-button ml-auto\"\n        />\n      </div>\n    </div>\n\n    <div class=\"card-stats\">\n      <div class=\"stat-row\">\n        <div class=\"stat-item\">\n          <span class=\"stat-label\">Price</span>\n          <span class=\"stat-value\">${formatToNonZeroDecimal(tokenMap.get(pool.address_0)?.price ?? 0)}</span>\n        </div>\n        <div class=\"stat-item\">\n          <span class=\"stat-label\">TVL</span>\n          <span class=\"stat-value\">${formatToNonZeroDecimal(pool.tvl)}</span>\n        </div>\n      </div>\n      \n      <div class=\"stat-row\">\n        <div class=\"stat-item\">\n          <span class=\"stat-label\">Volume (24h)</span>\n          <span class=\"stat-value\">${formatToNonZeroDecimal(pool.rolling_24h_volume.toString())}</span>\n        </div>\n        <div class=\"stat-item\">\n          <span class=\"stat-label\">APY</span>\n          <span class=\"apy-badge\" style=\"background-color: {apyColor}\">\n            {formatToNonZeroDecimal(pool.rolling_24h_apy)}%\n          </span>\n        </div>\n      </div>\n    </div>\n  </div>\n{/if}\n\n{#if showPoolDetails}\n  <PoolDetails \n    showModal={showPoolDetails} \n    onClose={handleClose}\n    {pool}\n    {tokenMap}\n  />\n{/if}\n\n<style lang=\"postcss\">\n  .pool-row {\n    @apply border-b border-emerald-900/30 transition-colors duration-150;\n  }\n\n  .pool-row:hover {\n    @apply bg-emerald-800/10;\n  }\n\n  .pool-row.even {\n    @apply bg-emerald-900/30;\n  }\n\n  .mobile-pool-card {\n    @apply bg-emerald-900/20 rounded-lg sm:rounded-xl flex flex-col border border-emerald-900/30 \n           shadow-lg mb-3 sm:mb-4 overflow-hidden;\n    width: 100%;\n  }\n\n  .card-header {\n    @apply p-2 sm:p-3 md:p-4 border-b border-emerald-900/30 bg-emerald-900/10;\n  }\n\n  .token-info {\n    @apply flex items-center gap-1.5 sm:gap-3 w-full;\n  }\n\n  .token-info-text {\n    @apply flex flex-col items-start gap-0.5 min-w-0 flex-1;\n  }\n\n  .token-pair {\n    @apply text-xs sm:text-sm font-bold text-white leading-tight truncate max-w-[120px] sm:max-w-[160px];\n  }\n\n  .card-stats {\n    @apply flex flex-col gap-1.5 sm:gap-2 p-2 sm:p-3 md:p-4 border-b border-emerald-900/30;\n    min-width: 0;\n  }\n\n  .stat-row {\n    @apply grid grid-cols-2 gap-1.5 sm:gap-2 md:gap-4;\n    min-width: 0;\n  }\n\n  .stat-item {\n    @apply flex flex-col items-start text-left p-1.5 sm:p-2 rounded-lg bg-emerald-900/20;\n    min-width: 0;\n  }\n\n  .stat-label {\n    @apply text-xs text-emerald-300/70 font-medium;\n  }\n\n  .stat-value {\n    @apply text-white font-bold font-mono text-xs sm:text-sm md:text-base truncate w-full;\n    word-break: break-word;\n  }\n\n  .apy-badge {\n    @apply px-2 py-0.5 sm:px-2 sm:py-0.5 md:px-3 md:py-1 rounded-lg font-bold font-mono \n           text-black text-xs shadow-sm;\n  }\n\n  .value-cell {\n    @apply px-2 sm:px-3 md:px-4 py-2 sm:py-2 md:py-3 text-right font-mono text-white font-medium text-xs sm:text-sm;\n  }\n\n  .actions {\n    @apply flex justify-end gap-2 sm:gap-3 px-2 sm:px-3;\n  }\n\n  @media (max-width: 374px) {\n    .token-pair {\n      @apply text-xs sm:text-sm;\n    }\n\n    .stat-value {\n      @apply text-xs;\n    }\n\n    .stat-label {\n      @apply text-[10px];\n    }\n\n    .stat-item {\n      @apply p-1;\n    }\n  }\n\n  @media (max-width: 480px) {\n    .card-stats {\n      @apply p-2;\n    }\n\n    .stat-row {\n      @apply gap-1;\n    }\n\n    .stat-item {\n      @apply p-1;\n    }\n  }\n</style>\n","<script lang=\"ts\">\n  import TableHeader from \"$lib/components/common/TableHeader.svelte\";\n  import PoolRow from \"./PoolRow.svelte\";\n  import { writable } from \"svelte/store\";\n  import TextInput from \"$lib/components/common/TextInput.svelte\";\n  import { ArrowUp, ArrowDown, ArrowUpDown, Search, Filter, LayoutList, LayoutGrid } from 'lucide-svelte';\n  import AddLiquidityModal from \"$lib/components/liquidity/add_liquidity/AddLiquidityModal.svelte\";\n  import { onMount } from 'svelte';\n  import Button from \"$lib/components/common/Button.svelte\";\n\n  export let pools: BE.Pool[] = [];\n  export let loading = false;\n  export let error: string | null = null;\n  export let sortColumn: string;\n  export let sortDirection: \"asc\" | \"desc\";\n  export let tokenMap: Map<string, any>;\n\n  let searchTerm = \"\";\n  let showAddLiquidityModal = false;\n  let selectedTokens = { token0: '', token1: '' };\n  let forceCardView = false;\n  let isCardView = false;\n\n  const activeTab = writable(\"all_pools\");\n\n  function handleAddLiquidity(token0: string, token1: string) {\n    selectedTokens = { token0, token1 };\n    showAddLiquidityModal = true;\n  }\n\n  $: filteredPools = pools.filter(pool => {\n    if (!searchTerm) return true;\n    const searchLower = searchTerm.toLowerCase();\n    return pool.symbol_0.toLowerCase().includes(searchLower) || \n           pool.symbol_1.toLowerCase().includes(searchLower) ||\n           (pool.symbol_0 + '/' + pool.symbol_1).toLowerCase().includes(searchLower);\n  });\n\n  function toggleSort(column: string) {\n    if (sortColumn === column) {\n      sortDirection = sortDirection === \"asc\" ? \"desc\" : \"asc\";\n    } else {\n      sortColumn = column;\n      sortDirection = \"asc\";\n    }\n  }\n\n  function getSortIcon(column: string) {\n    if (sortColumn !== column) return ArrowUpDown;\n    return sortDirection === \"asc\" ? ArrowUp : ArrowDown;\n  }\n\n  $: sortedAndFilteredPools = filteredPools.sort((a, b) => {\n    if (!sortColumn) return 0;\n    \n    const direction = sortDirection === \"asc\" ? 1 : -1;\n    switch (sortColumn) {\n      case \"pool\":\n        return (a.symbol_0 + a.symbol_1).localeCompare(b.symbol_0 + b.symbol_1) * direction;\n      case \"price\":\n        return (Number(a.price) - Number(b.price)) * direction;\n      case \"tvl\":\n        return (Number(a.tvl) - Number(b.tvl)) * direction;\n      case \"volume\":\n        if (a.rolling_24h_volume < b.rolling_24h_volume) return -1 * direction;\n        if (a.rolling_24h_volume > b.rolling_24h_volume) return 1 * direction;\n        return 0;\n      case \"apy\":\n        return (Number(a.rolling_24h_apy) - Number(b.rolling_24h_apy)) * direction;\n      default:\n        return 0;\n    }\n  });\n\n  onMount(() => {\n    const checkView = () => {\n      if (typeof window !== 'undefined') {\n        isCardView = window.innerWidth < 900 || forceCardView;\n      }\n    };\n    checkView();\n    if (typeof window !== 'undefined') {\n      window.addEventListener('resize', checkView);\n      return () => window.removeEventListener('resize', checkView);\n    }\n  });\n\n  const sortOptions = [\n    { label: \"Pool\", value: \"pool\" },\n    { label: \"Price\", value: \"price\" },\n    { label: \"TVL\", value: \"tvl\" },\n    { label: \"Volume (24h)\", value: \"volume\" },\n    { label: \"APY\", value: \"apy\" }\n  ];\n\n  $: {\n    if (typeof window !== 'undefined') {\n      isCardView = window.innerWidth < 1250 || forceCardView;\n    }\n  }\n</script>\n\n<div class=\"table-container\">\n  <div class=\"controls-wrapper\" style=\"position: relative; z-index: 1;\">\n    <div class=\"controls-top\">\n      <div class=\"mode-selector\" style=\"position: relative; z-index: 1;\">\n        <Button\n          variant=\"yellow\"\n          size=\"medium\"\n          state={$activeTab === \"all_pools\" ? \"selected\" : \"default\"}\n          onClick={() => activeTab.set(\"all_pools\")}\n          width=\"50%\"\n        >\n          All Pools\n        </Button>\n        <Button\n          variant=\"yellow\"\n          size=\"medium\"\n          state={$activeTab === \"your_pools\" ? \"selected\" : \"default\"}\n          onClick={() => activeTab.set(\"your_pools\")}\n          width=\"50%\"\n        >\n          Your Pools\n        </Button>\n      </div>\n      <div class=\"search-wrapper\" class:full-width={isCardView}>\n        <div class=\"search-input-container\">\n          <button class=\"search-button\">\n            <Search size={18} />\n          </button>\n          <TextInput\n            id=\"pool-search\"\n            placeholder=\"Search by token symbol or pair...\"\n            bind:value={searchTerm}\n            size=\"sm\"\n            variant=\"success\"\n          />\n        </div>\n      </div>\n    </div>\n\n    {#if isCardView}\n      <div class=\"mobile-sort-controls\">\n        <div class=\"top-row\">\n          <button \n            class=\"sort-button {sortColumn === 'pool' ? 'active' : ''}\"\n            on:click={() => toggleSort('pool')}\n          >\n            <span>Pool</span>\n            <svelte:component this={getSortIcon('pool')} size={16} />\n          </button>\n          <button \n            class=\"sort-button {sortColumn === 'price' ? 'active' : ''}\"\n            on:click={() => toggleSort('price')}\n          >\n            <span>Price</span>\n            <svelte:component this={getSortIcon('price')} size={16} />\n          </button>\n          <button \n            class=\"sort-button {sortColumn === 'tvl' ? 'active' : ''}\"\n            on:click={() => toggleSort('tvl')}\n          >\n            <span>TVL</span>\n            <svelte:component this={getSortIcon('tvl')} size={16} />\n          </button>\n        </div>\n        <div class=\"bottom-row\">\n          <button \n            class=\"sort-button {sortColumn === 'volume' ? 'active' : ''}\"\n            on:click={() => toggleSort('volume')}\n          >\n            <span>Volume (24h)</span>\n            <svelte:component this={getSortIcon('volume')} size={16} />\n          </button>\n          <button \n            class=\"sort-button {sortColumn === 'apy' ? 'active' : ''}\"\n            on:click={() => toggleSort('apy')}\n          >\n            <span>APY</span>\n            <svelte:component this={getSortIcon('apy')} size={16} />\n          </button>\n        </div>\n      </div>\n    {/if}\n  </div>\n\n  {#if loading}\n    <div class=\"content-area\">\n      <div class=\"loading\">\n        <div class=\"spinner\" />\n      </div>\n    </div>\n  {:else if error}\n    <div class=\"content-area\">\n      <div class=\"error\">{error}</div>\n    </div>\n  {:else}\n    {#if !isCardView}\n      <!-- Desktop Table View -->\n      <div class=\"table-wrapper\">\n        <table class=\"w-full\">\n          <thead class=\"table-header\" style=\"position: sticky; top: 0; z-index: 1;\">\n            <tr>\n              <th class=\"text-left p-4 w-[22%]\">\n                <button class=\"header-button\" on:click={() => toggleSort(\"pool\")}>\n                  <span>Pool</span>\n                  <svelte:component this={getSortIcon(\"pool\")} size={16} class=\"sort-icon\" />\n                </button>\n              </th>\n              <th class=\"text-right p-4 w-[15%]\">\n                <button class=\"header-button\" on:click={() => toggleSort(\"price\")}>\n                  <span>Price</span>\n                  <svelte:component this={getSortIcon(\"price\")} size={16} class=\"sort-icon\" />\n                </button>\n              </th>\n              <th class=\"text-right p-4 w-[15%]\">\n                <button class=\"header-button\" on:click={() => toggleSort(\"tvl\")}>\n                  <span>TVL</span>\n                  <svelte:component this={getSortIcon(\"tvl\")} size={16} class=\"sort-icon\" />\n                </button>\n              </th>\n              <th class=\"text-right p-4 w-[15%]\">\n                <button class=\"header-button\" on:click={() => toggleSort(\"volume\")}>\n                  <span>Volume (24h)</span>\n                  <svelte:component this={getSortIcon(\"volume\")} size={16} class=\"sort-icon\" />\n                </button>\n              </th>\n              <th class=\"text-right p-4 w-[15%]\">\n                <button class=\"header-button\" on:click={() => toggleSort(\"apy\")}>\n                  <span>APY</span>\n                  <svelte:component this={getSortIcon(\"apy\")} size={16} class=\"sort-icon\" />\n                </button>\n              </th>\n              <th class=\"text-center p-4\">Actions</th>\n            </tr>\n          </thead>\n          <tbody class=\"table-body\">\n            {#each sortedAndFilteredPools as pool, i}\n              <PoolRow \n                {pool} \n                {tokenMap} \n                isEven={i % 2 === 0} \n                onAddLiquidity={handleAddLiquidity}\n              />\n            {/each}\n          </tbody>\n        </table>\n      </div>\n    {:else}\n      <div class=\"card-body-wrapper\">\n        <div class=\"card-container\">\n          {#each sortedAndFilteredPools as pool, i}\n            <PoolRow \n              {pool} \n              {tokenMap} \n              isEven={i % 2 === 0} \n              onAddLiquidity={handleAddLiquidity}\n            />\n          {/each}\n        </div>\n      </div>\n    {/if}\n  {/if}\n</div>\n\n{#if showAddLiquidityModal}\n  <AddLiquidityModal\n    showModal={showAddLiquidityModal}\n    onClose={() => showAddLiquidityModal = false}\n    token0={tokenMap.get(selectedTokens.token0)}\n    token1={tokenMap.get(selectedTokens.token1)}\n  />\n{/if}\n\n<style>\n  .table-container {\n    width: 100%;\n    max-width: 1400px;\n    margin: 0 auto;\n    display: flex;\n    flex-direction: column;\n    gap: 0.69rem;\n    padding: 0 0.69rem;\n    position: relative;\n    z-index: 1;\n  }\n\n  .table-wrapper {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    min-height: 0;\n    border-radius: 0.5rem;\n    overflow: hidden;\n  }\n\n  .table-header {\n    position: sticky;\n    top: 0;\n    z-index: 1;\n    background: var(--background-color-darker, #111111);\n    backdrop-filter: blur(8px);\n  }\n\n  .table-header::after {\n    display: none;\n  }\n\n  .card-body-wrapper {\n    flex: 1;\n    overflow-y: auto;\n    min-height: 0;\n    padding-right: 6px;\n  }\n\n  .card-container {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .search-wrapper {\n    position: relative;\n    width: 100%;\n    max-width: 400px;\n  }\n\n  .search-wrapper.full-width {\n    max-width: 100%;\n  }\n\n  .search-input-container {\n    position: relative;\n    display: flex;\n    align-items: center;\n  }\n\n  .search-input-container :global(input) {\n    width: 100%;\n    height: 40px;\n    padding: 0.5rem 1rem 0.5rem 3rem;\n    background: rgba(255, 255, 255, 0.15);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 0.5rem;\n    color: rgba(255, 255, 255, 0.9);\n    font-weight: 500;\n  }\n\n  .search-button {\n    position: absolute;\n    left: 0.75rem;\n    top: 50%;\n    transform: translateY(-50%);\n    color: rgba(255, 255, 255, 0.5);\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: color 0.2s ease;\n  }\n\n  .search-button:hover {\n    color: rgba(255, 255, 255, 0.8);\n  }\n\n  .search-input-container :global(input::placeholder) {\n    color: rgba(255, 255, 255, 0.5);\n  }\n\n  .loading {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    height: 100%;\n  }\n\n  .spinner {\n    border: 4px solid rgba(0, 0, 0, 0.1);\n    border-left-color: #000;\n    border-radius: 50%;\n    width: 30px;\n    height: 30px;\n    animation: spin 1s linear infinite;\n  }\n\n  @keyframes spin {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n\n  .error {\n    color: red;\n    text-align: center;\n  }\n\n  .controls-wrapper {\n    @apply flex flex-col gap-3 w-full relative;\n    z-index: 1;\n  }\n\n  .mobile-sort-controls {\n    @apply flex flex-col gap-2 w-full;\n  }\n\n  .mobile-sort-controls .top-row {\n    @apply grid grid-cols-3 gap-2 w-full;\n  }\n\n  .mobile-sort-controls .bottom-row {\n    @apply grid grid-cols-2 gap-2 w-full;\n  }\n\n  .sort-button {\n    @apply flex items-center justify-center gap-1.5 px-3 py-2 rounded-lg \n           bg-emerald-900/30 border border-emerald-900/50 text-sm font-medium \n           transition-colors hover:bg-emerald-900/40 w-full;\n  }\n\n  .sort-button.active {\n    @apply bg-emerald-600/30 border-emerald-600;\n  }\n\n  @media (max-width: 640px) {\n    .table-container {\n      margin-top: 0.69rem;\n    }\n\n    .controls-wrapper {\n      @apply gap-2;\n    }\n\n    .mobile-sort-controls {\n      @apply gap-1.5;\n    }\n\n    .sort-button {\n      @apply px-2 py-1 text-xs;\n    }\n\n    .card-body-wrapper {\n      padding-right: 0;\n    }\n  }\n\n  @media (max-width: 1250px) {\n    .controls-top {\n      @apply flex-col items-stretch;\n    }\n    \n    .mode-selector {\n      width: 100%;\n      min-width: unset;\n    }\n\n    .mode-selector :global(button) {\n      flex: 1;\n      width: 100% !important;\n    }\n\n    .search-wrapper {\n      width: 100%;\n      max-width: 100%;\n    }\n  }\n\n  .table-body-wrapper,\n  .card-body-wrapper {\n    scrollbar-width: thin;\n    scrollbar-color: rgba(255, 255, 255, 0.2) transparent;\n  }\n\n  .table-body-wrapper::-webkit-scrollbar,\n  .card-body-wrapper::-webkit-scrollbar {\n    width: 6px;\n  }\n\n  .table-body-wrapper::-webkit-scrollbar-track,\n  .card-body-wrapper::-webkit-scrollbar-track {\n    background: transparent;\n  }\n\n  .table-body-wrapper::-webkit-scrollbar-thumb,\n  .card-body-wrapper::-webkit-scrollbar-thumb {\n    background-color: rgba(255, 255, 255, 0.2);\n    border-radius: 3px;\n  }\n\n  .table-container {\n    height: calc(100vh - 120px);\n    max-height: 70vh;\n  }\n\n  @media (max-width: 640px) {\n    .table-body-wrapper,\n    .card-body-wrapper {\n      scrollbar-width: none;\n    }\n\n    .table-body-wrapper::-webkit-scrollbar,\n    .card-body-wrapper::-webkit-scrollbar {\n      display: none;\n    }\n  }\n\n  :global(.pool-row-card) {\n    width: 100%;\n  }\n\n  .controls-top {\n    @apply flex items-center justify-between gap-4 w-full;\n  }\n\n  .view-toggle {\n    @apply flex gap-1 bg-emerald-900/30 p-1 rounded-lg border border-emerald-900/50;\n  }\n\n  .toggle-button {\n    @apply p-1.5 rounded-md transition-colors hover:bg-emerald-900/40;\n  }\n\n  .toggle-button.active {\n    @apply bg-emerald-600/30;\n  }\n\n  th button {\n    @apply hover:text-emerald-400 transition-colors;\n  }\n\n  tr:nth-child(even) {\n    background: rgba(0, 0, 0, 0.2);\n  }\n\n  .header-button {\n    @apply flex items-center gap-2 px-2 py-1 rounded-md transition-all duration-200\n           hover:bg-emerald-900/30 hover:text-emerald-400 w-full;\n  }\n\n  th:not(:first-child) .header-button {\n    @apply justify-end;\n  }\n\n  .sort-icon {\n    @apply opacity-50 transition-opacity;\n  }\n\n  .header-button:hover .sort-icon {\n    @apply opacity-100;\n  }\n\n  th {\n    @apply font-medium text-sm text-gray-300;\n  }\n\n  .table-header {\n    @apply bg-black/40 backdrop-blur-sm;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  /* Add table layout styles */\n  .table-wrapper table {\n    width: 100%;\n    table-layout: fixed;\n    border-collapse: separate;\n    border-spacing: 0;\n  }\n\n  .mode-selector {\n    display: flex;\n    gap: 8px;\n    min-width: 300px;\n    position: relative;\n    z-index: 1;\n  }\n\n  .controls-top {\n    @apply flex items-center gap-4 w-full flex-wrap;\n  }\n</style>\n","<script lang=\"ts\">\n  import { t } from \"$lib/services/translations\";\n  import { writable, derived } from \"svelte/store\";\n  import { poolsList, poolsLoading, poolsError } from \"$lib/services/pools/poolStore\";\n  import { formattedTokens } from \"$lib/services/tokens/tokenStore\";\n  import Button from \"$lib/components/common/Button.svelte\";\n  import Panel from \"$lib/components/common/Panel.svelte\";\n  import PoolsTable from \"$lib/components/liquidity/pools/PoolsTable.svelte\";\n\n  // Navigation state\n  const activeSection = writable(\"pools\");\n  const activeTab = writable(\"all_pools\");\n  \n  // Sort state (required by PoolsTable)\n  const sortColumn = writable(\"rolling_24h_volume\");\n  const sortDirection = writable<\"asc\" | \"desc\">(\"desc\");\n\n  // Instead of creating our own derived store, use the existing formattedTokens\n  const tokenMap = derived(formattedTokens, ($tokens) => {\n    const map = new Map();\n    if ($tokens) {\n      $tokens.forEach((token) => {\n        map.set(token.canister_id, token);\n      });\n    }\n    return map;\n  });\n</script>\n\n<div class=\"pools-container\">\n  <div class=\"pools-content\">\n    <!-- Section Navigation -->\n    <div class=\"section-selector\">\n      <Button\n        variant=\"green\"\n        size=\"medium\"\n        state={$activeSection === \"pools\" ? \"selected\" : \"default\"}\n        onClick={() => activeSection.set(\"pools\")}\n        width=\"33%\"\n      >\n        Pools\n      </Button>\n      <Button\n        variant=\"green\"\n        size=\"medium\"\n        state={$activeSection === \"staking\" ? \"selected\" : \"default\"}\n        onClick={() => activeSection.set(\"staking\")}\n        width=\"33%\"\n      >\n        Staking\n      </Button>\n      <Button\n        variant=\"green\"\n        size=\"medium\"\n        state={$activeSection === \"lending\" ? \"selected\" : \"default\"}\n        onClick={() => activeSection.set(\"lending\")}\n        width=\"33%\"\n      >\n        Lending\n      </Button>\n    </div>\n\n    {#if $activeSection === \"pools\"}\n      <Panel variant=\"green\" width=\"100%\">\n        <PoolsTable\n          pools={$poolsList}\n          loading={$poolsLoading}\n          error={$poolsError}\n          tokenMap={$tokenMap}\n          sortColumn={$sortColumn}\n          sortDirection={$sortDirection}\n        />\n      </Panel>\n    {:else if $activeSection === \"staking\"}\n      <Panel variant=\"green\" width=\"100%\">\n        <div class=\"coming-soon-container\">\n          <h2 class=\"coming-soon-title\">Stake & Earn</h2>\n          <div class=\"coming-soon-badge\">Coming Soon</div>\n          <div class=\"feature-list\">\n            <div class=\"feature-item\">\n              <p>Lock your tokens, earn rewards. Simple as that.</p>\n              <p class=\"highlight\">Up to 25% APY</p>\n            </div>\n          </div>\n        </div>\n      </Panel>\n    {:else if $activeSection === \"lending\"}\n      <Panel variant=\"green\" width=\"100%\">\n        <div class=\"coming-soon-container\">\n          <h2 class=\"coming-soon-title\">Borrow & Lend</h2>\n          <div class=\"coming-soon-badge\">Coming Soon</div>\n          <div class=\"feature-list\">\n            <div class=\"feature-item\">\n              <p>Lend your crypto, earn interest. Borrow against your assets.</p>\n              <p class=\"highlight\">Low fees. No BS.</p>\n            </div>\n          </div>\n        </div>\n      </Panel>\n    {/if}\n  </div>\n</div>\n\n<style>\n  .pools-container {\n    display: flex;\n    justify-content: center;\n    width: 100%;\n  }\n\n  .pools-content {\n    width: 100%;\n    max-width: 1200px;\n  }\n\n  .section-selector {\n    display: flex;\n    gap: 8px;\n    margin-bottom: 24px;\n    position: relative;\n    z-index: 10;\n  }\n\n  .mode-selector {\n    display: flex;\n    gap: 8px;\n    margin-bottom: 16px;\n    position: relative;\n    z-index: 10;\n  }\n\n  @media (max-width: 768px) {\n    .pools-container {\n      padding: 12px;\n    }\n  }\n\n  @media (min-width: 769px) {\n    .pools-container {\n      padding: 12px;\n    }\n  }\n\n  .coming-soon-container {\n    padding: 48px 24px;\n    text-align: center;\n    color: white;\n  }\n\n  .coming-soon-title {\n    font-size: 2.5rem;\n    font-weight: bold;\n    margin-bottom: 16px;\n    color: white;\n  }\n\n  .coming-soon-badge {\n    display: inline-block;\n    background: rgba(255, 255, 255, 0.1);\n    padding: 8px 16px;\n    border-radius: 20px;\n    font-weight: 600;\n    margin-bottom: 24px;\n  }\n\n  .feature-list {\n    margin-top: 24px;\n  }\n\n  .feature-item {\n    background: rgba(255, 255, 255, 0.05);\n    padding: 24px;\n    border-radius: 12px;\n    font-size: 1.2rem;\n  }\n\n  .highlight {\n    color: #ffd700;\n    font-size: 1.5rem;\n    font-weight: bold;\n    margin-top: 16px;\n  }\n</style>\n"],"names":["pool","$.prop","$$props","tokenMap","onClose","positions","showModal","activeTab","tabs","handleSwap","goto","handleClose","$.set","token0","token1","apyColor","tokens","$.derived_safe_equal","$.get","$.each","div_4","tab","$.set_class","button","$.set_text","text_1","formatToNonZeroDecimal","$.template_effect","text_3","formatTokenAmount","text_6","text_8","node_8","position","text_10","text","amount0","amount1","loading","error","token0Balance","token1Balance","isProcessingOutput","statusSteps","$.mutable_state","showTokenModal","activeTokenIndex","searchQuery","statusMessage","previewMode","showReview","initializeFromParams","token0Id","$page","token1Id","allTokens","get","formattedTokens","foundToken0","t","foundToken1","onMount","tokenStore","err","handleTokenSelect","index","closeModal","selectToken","token","debouncedCalculate","debounce","amount","calculateLiquidityAmount","handleInput","value","balance0","balance1","requiredAmount1","PoolService","parseTokenAmount","reverseAmount","requiredAmount0","handleSubmit","handleCancel","handleConfirm","step","params","requestId","checkStatus","requestStatus","updateStatusSteps","s","rawStatuses","stepsToMatch","hasFailure","status","isCompleted","match","token0Sent","token1Sent","token0Failed","token1Failed","updateBalances","balances","TokenService","_a","_b","getCurrentStep","currentStep","newUrl","helperText","isEven","showPoolDetails","isMobile","showSwapButton","checkMobile","handleAddLiquidity","$$anchor","text_5","pools","sortColumn","sortDirection","searchTerm","showAddLiquidityModal","selectedTokens","forceCardView","isCardView","writable","toggleSort","column","getSortIcon","ArrowUpDown","ArrowUp","ArrowDown","checkView","filteredPools","searchLower","sortedAndFilteredPools","a","b","direction","state","$activeTab","state_1","$$value","$.component","node_5","$$component","node_6","node_7","node_9","button_1","button_2","button_3","button_4","button_5","$.event","node_13","node_14","node_15","node_16","node_17","tbody","i","button_6","button_7","button_8","button_9","button_10","div_14","token0_1","token1_1","activeSection","derived","$tokens","map","$activeSection","state_2","$poolsList","$poolsLoading","$poolsError","$tokenMap","$sortColumn","$sortDirection"],"mappings":"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","x_google_ignoreList":[0,1,2]}